vue-wiring-diagram 1.1.24 → 1.1.25

package/dist/vue-wiring-diagram.es.js

@@ -37017,7 +37017,7 @@ const a4 = { class: "form-container" }, l4 = {
     }, b = (w, C) => {
       if (!w.data.isCondition || (console.log("进入设置图片阶段：", w), console.log("图片条件判断设置：", w.data.condition), console.log("设备字段数据：", C), !C || C.length === 0))
         return !1;
-      const M = C[0], T = Number(M.value);
+      const M = C[0], T = Number(M.value1 || M.value1 == 0 ? M.value1 : M.value);
       for (let R = 0; R < w.data.condition.length; R++) {
         const N = w.data.condition[R];
         if (console.log(w.data, "cell.data55555555"), T > N.min && T < N.max)

package/dist/vue-wiring-diagram.umd.js

@@ -739,4 +739,4 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`),{initialZIndex:s,curr
   font-size: 12px;
   background: 0 0;
 }
-`;var Mj=function(n,e,t,s){var r=arguments.length,i=r<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(o=n[a])&&(i=(r<3?o(i):r>3?o(e,t,i):o(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i};class yi extends be{get targetScroller(){return this.options.target.getPlugin("scroller")}get targetGraph(){return this.options.target}get targetModel(){return this.targetGraph.model}constructor(e={}){super(),this.name="stencil",qr(this.name,Oj),this.graphs={},this.groups={},this.options=Object.assign(Object.assign({},yi.defaultOptions),e),this.init()}init(){this.dnd=new Ds(this.options),this.onSearch=Cp(this.onSearch,200),this.initContainer(),this.initSearch(),this.initContent(),this.initGroups(),this.setTitle(),this.startListening()}load(e,t){return Array.isArray(e)?this.loadGroup(e,t):this.options.groups&&Object.keys(this.options.groups).forEach(s=>{e[s]&&this.loadGroup(e[s],s)}),this}unload(e,t){return Array.isArray(e)?this.loadGroup(e,t,!0):this.options.groups&&Object.keys(this.options.groups).forEach(s=>{e[s]&&this.loadGroup(e[s],s,!0)}),this}toggleGroup(e){return this.isGroupCollapsed(e)?this.expandGroup(e):this.collapseGroup(e),this}collapseGroup(e){if(this.isGroupCollapsable(e)){const t=this.groups[e];t&&!this.isGroupCollapsed(e)&&(this.trigger("group:collapse",{name:e}),ne(t,"collapsed"))}return this}expandGroup(e){if(this.isGroupCollapsable(e)){const t=this.groups[e];t&&this.isGroupCollapsed(e)&&(this.trigger("group:expand",{name:e}),Le(t,"collapsed"))}return this}isGroupCollapsable(e){const t=this.groups[e];return An(t,"collapsable")}isGroupCollapsed(e){const t=this.groups[e];return t&&An(t,"collapsed")}collapseGroups(){return Object.keys(this.groups).forEach(e=>this.collapseGroup(e)),this}expandGroups(){return Object.keys(this.groups).forEach(e=>this.expandGroup(e)),this}resizeGroup(e,t){const s=this.graphs[e];return s&&s.resize(t.width,t.height),this}addGroup(e){const t=Array.isArray(e)?e:[e];this.options.groups?this.options.groups.push(...t):this.options.groups=t,t.forEach(s=>this.initGroup(s))}removeGroup(e){const t=Array.isArray(e)?e:[e];this.options.groups&&(this.options.groups=this.options.groups.filter(s=>!t.includes(s.name)),t.forEach(s=>{const r=this.graphs[s];this.unregisterGraphEvents(r),r.dispose(),delete this.graphs[s];const i=this.groups[s];Yt(i),delete this.groups[s]}))}initContainer(){this.container=document.createElement("div"),ne(this.container,this.prefixClassName(_t.base)),pe(this.container,"data-not-found-text",this.options.notFoundText||"No matches found")}initContent(){this.content=document.createElement("div"),ne(this.content,this.prefixClassName(_t.content)),vs(this.content,this.container)}initSearch(){this.options.search&&(ne(this.container,"searchable"),Lt(this.container,this.renderSearch()))}initGroup(e){const t=this.options.stencilGraphOptions||{},s=document.createElement("div");ne(s,this.prefixClassName(_t.group)),pe(s,"data-name",e.name),(e.collapsable==null&&this.options.collapsable||e.collapsable!==!1)&&ne(s,"collapsable"),mn(s,"collapsed",e.collapsed===!0);const r=document.createElement("h3");ne(r,this.prefixClassName(_t.groupTitle)),r.innerHTML=e.title||e.name;const i=document.createElement("div");ne(i,this.prefixClassName(_t.groupContent));const o=e.graphOptions,a=new z(Object.assign(Object.assign(Object.assign({},t),o),{container:document.createElement("div"),model:t.model||new nt,width:e.graphWidth||this.options.stencilGraphWidth,height:e.graphHeight||this.options.stencilGraphHeight,interacting:!1,preventDefaultBlankAction:!1}));this.registerGraphEvents(a),Lt(i,a.container),Lt(s,[r,i]),vs(s,this.content),this.groups[e.name]=s,this.graphs[e.name]=a}initGroups(){if(this.clearGroups(),this.setCollapsableState(),this.options.groups&&this.options.groups.length)this.options.groups.forEach(e=>{this.initGroup(e)});else{const e=this.options.stencilGraphOptions||{},t=new z(Object.assign(Object.assign({},e),{container:document.createElement("div"),model:e.model||new nt,width:this.options.stencilGraphWidth,height:this.options.stencilGraphHeight,interacting:!1,preventDefaultBlankAction:!1}));Lt(this.content,t.container),this.graphs[So.defaultGroupName]=t}}setCollapsableState(){this.options.collapsable=this.options.collapsable&&this.options.groups&&this.options.groups.some(e=>e.collapsable!==!1),this.options.collapsable?(ne(this.container,"collapsable"),this.options.groups&&this.options.groups.every(t=>t.collapsed||t.collapsable===!1)?ne(this.container,"collapsed"):Le(this.container,"collapsed")):Le(this.container,"collapsable")}setTitle(){const e=document.createElement("div");ne(e,this.prefixClassName(_t.title)),e.innerHTML=this.options.title,vs(e,this.container)}renderSearch(){const e=document.createElement("div");ne(e,this.prefixClassName(_t.search));const t=document.createElement("input");return pe(t,{type:"search",placeholder:this.options.placeholder||"Search"}),ne(t,this.prefixClassName(_t.searchText)),Lt(e,t),e}startListening(){const e=this.prefixClassName(_t.title),t=this.prefixClassName(_t.searchText),s=this.prefixClassName(_t.groupTitle);this.delegateEvents({[`click .${e}`]:"onTitleClick",[`touchstart .${e}`]:"onTitleClick",[`click .${s}`]:"onGroupTitleClick",[`touchstart .${s}`]:"onGroupTitleClick",[`input .${t}`]:"onSearch",[`focusin .${t}`]:"onSearchFocusIn",[`focusout .${t}`]:"onSearchFocusOut"})}stopListening(){this.undelegateEvents()}registerGraphEvents(e){e.on("cell:mousedown",this.onDragStart,this)}unregisterGraphEvents(e){e.off("cell:mousedown",this.onDragStart,this)}loadGroup(e,t,s){const r=this.getModel(t);if(r){const c=e.map(u=>We.isNode(u)?u:We.create(u));s===!0?r.removeCells(c):r.resetCells(c)}const i=this.getGroup(t);let o=this.options.stencilGraphHeight;i&&i.graphHeight!=null&&(o=i.graphHeight);const a=i&&i.layout||this.options.layout;if(a&&r&&re(a,this,r,i),!o){const c=this.getGraph(t);c.fitToContent({minWidth:c.options.width,gridHeight:1,padding:i&&i.graphPadding||this.options.stencilGraphPadding||10})}return this}onDragStart(e){const{e:t,node:s}=e,r=this.getGroupByNode(s);r&&r.nodeMovable===!1||this.dnd.start(s,t)}filter(e,t){const s=Object.keys(this.graphs).reduce((r,i)=>{const o=this.graphs[i],a=i===So.defaultGroupName?null:i,c=o.model.getNodes().filter(h=>{let p=!1;typeof t=="function"?p=re(t,this,h,e,a,this):typeof t=="boolean"?p=t:p=this.isCellMatched(h,e,t,e.toLowerCase()!==e);const g=o.renderer.findViewByCell(h);return g&&mn(g.container,"unmatched",!p),p}),u=c.length>0,d=this.options,f=new nt;return f.resetCells(c),d.layout&&re(d.layout,this,f,this.getGroup(i)),this.groups[i]&&mn(this.groups[i],"unmatched",!u),o.fitToContent({gridWidth:1,gridHeight:1,padding:d.stencilGraphPadding||10}),r||u},!1);mn(this.container,"not-found",!s)}isCellMatched(e,t,s,r){return t&&s?Object.keys(s).some(i=>{if(i==="*"||e.shape===i){const o=s[i];return typeof o=="boolean"?o:(Array.isArray(o)?o:[o]).some(c=>{let u=e.getPropByPath(c);return u!=null?(u=`${u}`,r||(u=u.toLowerCase()),u.indexOf(t)>=0):!1})}return!1}):!0}onSearch(e){this.filter(e.target.value,this.options.search)}onSearchFocusIn(){ne(this.container,"is-focused")}onSearchFocusOut(){Le(this.container,"is-focused")}onTitleClick(){this.options.collapsable&&(mn(this.container,"collapsed"),An(this.container,"collapsed")?this.collapseGroups():this.expandGroups())}onGroupTitleClick(e){const t=e.target.closest(`.${this.prefixClassName(_t.group)}`);t&&this.toggleGroup(pe(t,"data-name")||"");const s=Object.keys(this.groups).every(r=>{const i=this.getGroup(r),o=this.groups[r];return i&&i.collapsable===!1||An(o,"collapsed")});mn(this.container,"collapsed",s)}getModel(e){const t=this.getGraph(e);return t?t.model:null}getGraph(e){return this.graphs[e||So.defaultGroupName]}getGroup(e){const t=this.options.groups;return e!=null&&t&&t.length?t.find(s=>s.name===e):null}getGroupByNode(e){const t=this.options.groups;return t?t.find(s=>{const r=this.getModel(s.name);return r?r.has(e.id):!1}):null}clearGroups(){Object.keys(this.graphs).forEach(e=>{const t=this.graphs[e];this.unregisterGraphEvents(t),t.dispose()}),Object.keys(this.groups).forEach(e=>{const t=this.groups[e];Yt(t)}),this.graphs={},this.groups={}}onRemove(){this.clearGroups(),this.dnd.remove(),this.stopListening(),this.undelegateDocumentEvents()}dispose(){this.remove(),Xr(this.name)}}Mj([be.dispose()],yi.prototype,"dispose",null),function(n){n.defaultOptions=Object.assign({stencilGraphWidth:200,stencilGraphHeight:800,title:"Stencil",collapsable:!1,placeholder:"Search",notFoundText:"No matches found",layout(e,t){const s={columnWidth:this.options.stencilGraphWidth/2-10,columns:2,rowHeight:80,resizeToFit:!1,dx:10,dy:10};Ej(e,Object.assign(Object.assign(Object.assign({},s),this.options.layoutOptions),t?t.layoutOptions:{}))}},Ds.defaults)}(yi||(yi={}));var _t;(function(n){n.base="widget-stencil",n.title=`${n.base}-title`,n.search=`${n.base}-search`,n.searchText=`${n.search}-text`,n.content=`${n.base}-content`,n.group=`${n.base}-group`,n.groupTitle=`${n.group}-title`,n.groupContent=`${n.group}-content`})(_t||(_t={}));var So;(function(n){n.defaultGroupName="__default__"})(So||(So={})),z.prototype.toSVG=function(n,e){const t=this.getPlugin("export");t&&t.toSVG(n,e)},z.prototype.toPNG=function(n,e){const t=this.getPlugin("export");t&&t.toPNG(n,e)},z.prototype.toJPEG=function(n,e){const t=this.getPlugin("export");t&&t.toJPEG(n,e)},z.prototype.exportPNG=function(n,e){const t=this.getPlugin("export");t&&t.exportPNG(n,e)},z.prototype.exportJPEG=function(n,e){const t=this.getPlugin("export");t&&t.exportJPEG(n,e)},z.prototype.exportSVG=function(n,e){const t=this.getPlugin("export");t&&t.exportSVG(n,e)};var Nj=function(n,e,t,s){var r=arguments.length,i=r<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(o=n[a])&&(i=(r<3?o(i):r>3?o(e,t,i):o(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i};class g0 extends De{constructor(){super(),this.name="export"}get view(){return this.graph.view}init(e){this.graph=e}exportPNG(e="chart",t={}){this.toPNG(s=>{er.downloadDataUri(s,e)},t)}exportJPEG(e="chart",t={}){this.toPNG(s=>{er.downloadDataUri(s,e)},t)}exportSVG(e="chart",t={}){this.toSVG(s=>{er.downloadDataUri(er.svgToDataUrl(s),e)},t)}toSVG(e,t={}){this.notify("before:export",t);const s=this.view.svg,r=le.create(s).clone();let i=r.node;const o=r.findOne(`.${this.view.prefixClassName("graph-svg-stage")}`),a=t.viewBox||this.graph.graphToLocal(this.graph.getContentBBox()),c=t.preserveDimensions;if(c){const f=typeof c=="boolean"?a:c;r.attr({width:f.width,height:f.height})}if(r.removeAttribute("style").attr("viewBox",[a.x,a.y,a.width,a.height].join(" ")),o.removeAttribute("transform"),t.copyStyles!==!1){const f=s.ownerDocument,h=Array.from(s.querySelectorAll("*")),p=Array.from(i.querySelectorAll("*")),g=f.styleSheets.length,m=[];for(let w=g-1;w>=0;w-=1)m[w]=f.styleSheets[w],f.styleSheets[w].disabled=!0;const y={};h.forEach((w,x)=>{const C=window.getComputedStyle(w,null),E={};Object.keys(C).forEach(v=>{E[v]=C.getPropertyValue(v)}),y[x]=E}),g!==f.styleSheets.length&&m.forEach((w,x)=>{f.styleSheets[x]=w});for(let w=0;w<g;w+=1)f.styleSheets[w].disabled=!1;const b={};h.forEach((w,x)=>{const C=window.getComputedStyle(w,null),E=y[x],v={};Object.keys(C).forEach(S=>{!Bc(S)&&C.getPropertyValue(S)!==E[S]&&(v[S]=C.getPropertyValue(S))}),b[x]=v}),p.forEach((w,x)=>{Ke(w,b[x])})}const u=t.stylesheet;if(typeof u=="string"){const f=s.ownerDocument.implementation.createDocument(null,"xml",null).createCDATASection(u);r.prepend(le.create("style",{type:"text/css"},[f]))}const d=()=>{const f=t.beforeSerialize;if(typeof f=="function"){const p=re(f,this.graph,i);p instanceof SVGSVGElement&&(i=p)}const h=new XMLSerializer().serializeToString(i).replace(/&nbsp;/g," ");this.notify("after:export",t),e(h)};if(t.serializeImages){const f=r.find("image").map(h=>new Promise(p=>{const g=h.attr("xlink:href")||h.attr("href");er.imageToDataUri(g,(m,y)=>{!m&&y&&h.attr("xlink:href",y),p()})}));Promise.all(f).then(d)}else d()}toDataURL(e,t){let s=t.viewBox||this.graph.getContentBBox();const r=bs(t.padding);t.width&&t.height&&(r.left+r.right>=t.width&&(r.left=r.right=0),r.top+r.bottom>=t.height&&(r.top=r.bottom=0));const i=new G(-r.left,-r.top,r.left+r.right,r.top+r.bottom);if(t.width&&t.height){const d=s.width+r.left+r.right,f=s.height+r.top+r.bottom;i.scale(d/t.width,f/t.height)}s=G.create(s).moveAndExpand(i);const o=typeof t.width=="number"&&typeof t.height=="number"?{width:t.width,height:t.height}:s;let a=t.ratio?parseFloat(t.ratio):1;(!Number.isFinite(a)||a===0)&&(a=1);const c={width:Math.max(Math.round(o.width*a),1),height:Math.max(Math.round(o.height*a),1)};{const d=document.createElement("canvas"),f=d.getContext("2d");d.width=c.width,d.height=c.height;const h=c.width-1,p=c.height-1;f.fillStyle="rgb(1,1,1)",f.fillRect(h,p,1,1);const g=f.getImageData(h,p,1,1).data;if(g[0]!==1||g[1]!==1||g[2]!==1)throw new Error("size exceeded")}const u=new Image;u.onload=()=>{const d=document.createElement("canvas");d.width=c.width,d.height=c.height;const f=d.getContext("2d");f.fillStyle=t.backgroundColor||"white",f.fillRect(0,0,c.width,c.height);try{f.drawImage(u,0,0,c.width,c.height);const h=d.toDataURL(t.type,t.quality);e(h)}catch{}},this.toSVG(d=>{u.src=`data:image/svg+xml,${encodeURIComponent(d)}`},Object.assign(Object.assign({},t),{viewBox:s,serializeImages:!0,preserveDimensions:Object.assign({},c)}))}toPNG(e,t={}){this.toDataURL(e,Object.assign(Object.assign({},t),{type:"image/png"}))}toJPEG(e,t={}){this.toDataURL(e,Object.assign(Object.assign({},t),{type:"image/jpeg"}))}notify(e,t){this.trigger(e,t),this.graph.trigger(e,t)}dispose(){this.off()}}Nj([De.dispose()],g0.prototype,"dispose",null);const Pj={class:"form-container"},_j={class:"footer",style:{"margin-top":"10px"}},Aj=Nt({__name:"image-condition",props:{payload:{type:Array},type:{type:String}},emits:["close"],setup(n,{emit:e}){const t=n,s=l.ref(t.payload),r=l.ref([]),i=async()=>{try{const f=await ys("/custom/groupList"),h=(f==null?void 0:f.data)||[],p=[];h.forEach(g=>{g!=null&&g.pictureList&&p.push(...g.pictureList)}),r.value=p}catch(f){console.error("获取图片列表失败:",f)}},o=()=>{s.value.push({min:0,max:100,imageUrl:""})},a=f=>{s.value.splice(f,1)},c=e,u=()=>{c("close",s.value)},d=()=>{c("close",!1)};return l.onMounted(()=>{i()}),(f,h)=>{const p=l.resolveComponent("el-button"),g=l.resolveComponent("el-input-number"),m=l.resolveComponent("el-table-column"),y=l.resolveComponent("el-option"),b=l.resolveComponent("el-select"),w=l.resolveComponent("el-table");return l.openBlock(),l.createElementBlock("div",Pj,[l.createVNode(p,{type:"primary",size:"small",onClick:o,style:{"margin-bottom":"10px"}},{default:l.withCtx(()=>h[0]||(h[0]=[l.createTextVNode("添加条件")])),_:1}),l.createVNode(w,{data:s.value,size:"small",border:""},{default:l.withCtx(()=>[l.createVNode(m,{prop:"min",label:"最小值",width:"150",align:"center"},{default:l.withCtx(x=>[l.createVNode(g,{modelValue:x.row.min,"onUpdate:modelValue":C=>x.row.min=C,size:"small","controls-position":"right"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),l.createVNode(m,{prop:"max",label:"最大值",width:"150",align:"center"},{default:l.withCtx(x=>[l.createVNode(g,{modelValue:x.row.max,"onUpdate:modelValue":C=>x.row.max=C,size:"small","controls-position":"right"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),l.createVNode(m,{prop:"imageUrl",label:"更换元件",width:"120",align:"center"},{default:l.withCtx(x=>[l.createVNode(b,{modelValue:x.row.imageUrl,"onUpdate:modelValue":C=>x.row.imageUrl=C,placeholder:"请选择元件",size:"small",filterable:"",clearable:""},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(r.value,C=>(l.openBlock(),l.createBlock(y,{key:C.imageUrl,label:C.imageName,value:C.imageUrl},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])]),_:1}),l.createVNode(m,{label:"操作",align:"center"},{default:l.withCtx(x=>[l.createVNode(p,{type:"danger",size:"small",onClick:C=>a(x.$index)},{default:l.withCtx(()=>h[1]||(h[1]=[l.createTextVNode("删除")])),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"]),l.createElementVNode("div",_j,[l.createVNode(p,{type:"primary",onClick:u},{default:l.withCtx(()=>h[2]||(h[2]=[l.createTextVNode("保存")])),_:1}),l.createVNode(p,{onClick:d},{default:l.withCtx(()=>h[3]||(h[3]=[l.createTextVNode("取消")])),_:1})])])}}},[["__scopeId","data-v-bcfc0a61"]]),Tj={class:"control-box"},kj={class:"row-column"},Vj=Nt({__name:"index",props:{payload:Object,itemId:{type:String,default:""}},setup(n){var O,_,T,A,V,L,B;const e=n,t=()=>{e.payload.data?(typeof e.payload.data.type>"u"&&(e.payload.data.type="image"),typeof e.payload.data.isCondition>"u"&&(e.payload.data.isCondition=!1),Array.isArray(e.payload.data.fields)||(e.payload.data.fields=[]),Array.isArray(e.payload.data.condition)||(e.payload.data.condition=[])):e.payload.data={type:"image",isCondition:!1,fields:[],condition:[]}};t();const s=l.ref("1"),r=l.ref([]),i=l.ref([]),o=l.ref(((T=(_=(O=e.payload.data)==null?void 0:O.fields)==null?void 0:_[0])==null?void 0:T.deviceCode)??""),a=l.ref(((L=(V=(A=e.payload.data)==null?void 0:A.fields)==null?void 0:V[0])==null?void 0:L.field)??""),c=l.ref([]);let u=l.reactive({});const d=l.ref(((B=e.payload.data)==null?void 0:B.isCondition)??!1),f=l.reactive({show:!1,payload:null}),h=async()=>{i.value=await Xa(e.itemId),o.value&&p()},p=()=>{t(),u=i.value.find(N=>N.deviceCode===o.value),u?(g(),e.payload.data.fields=[{index:0,deviceName:u.deviceName,deviceCode:u.deviceCode,field:a.value??""}],a.value=e.payload.data.fields[0].field):(a.value="",e.payload.data.fields=[]),console.log("图片配置",e.payload)},g=async()=>{u!=null&&u.deviceCode&&(c.value=await Ja(u.deviceCode))},m=()=>{t(),e.payload.data.fields=[{index:0,deviceName:(u==null?void 0:u.deviceName)??"",deviceCode:(u==null?void 0:u.deviceCode)??"",field:a.value??""}],console.log("图片配置",e.payload)},y=()=>{t(),e.payload.data.isCondition=d.value},b=()=>{t(),f.show=!0,f.payload=e.payload.data.condition??[]},w=N=>{f.show=!1,f.payload=null,N&&(t(),e.payload.data.condition=N),console.log("图片条件配置",e.payload.data)},x=()=>{r.value=JSON.parse(JSON.stringify(e.payload.getPorts().map(N=>({id:N.id,attrs:N.attrs,args:{x:Number(N.args.x.replace("%","")),y:Number(N.args.y.replace("%",""))}}))))},C=()=>{const N=Du;N.attrs.text.text=`${e.payload.getPorts().length+1}`,N.args.x="50%",N.args.y="50%",e.payload.addPorts([{group:"ports",...N}]),x()},E=()=>{Fr("#drawing-board",!0)},v=(N,M,k)=>{e.payload.portProp(N,"args/"+M,k+"%"),x()},S=N=>{e.payload.removePort(N),x()};return l.onMounted(()=>{t(),x(),h()}),(N,M)=>{const k=l.resolveComponent("el-col"),j=l.resolveComponent("el-option"),W=l.resolveComponent("el-select"),ee=l.resolveComponent("el-row"),$=l.resolveComponent("el-switch"),R=l.resolveComponent("el-button"),U=l.resolveComponent("el-collapse-item"),F=l.resolveComponent("el-table-column"),D=l.resolveComponent("el-slider"),q=l.resolveComponent("el-icon"),X=l.resolveComponent("el-table"),ae=l.resolveComponent("el-collapse"),K=l.resolveComponent("el-dialog");return l.openBlock(),l.createElementBlock("div",Tj,[l.createVNode(ae,{modelValue:s.value,"onUpdate:modelValue":M[3]||(M[3]=Q=>s.value=Q),accordion:""},{default:l.withCtx(()=>[l.createVNode(U,{title:"图片设置",name:"1"},{default:l.withCtx(()=>[l.createElementVNode("div",kj,[l.createVNode(ee,{gutter:20},{default:l.withCtx(()=>[l.createVNode(k,{span:12},{default:l.withCtx(()=>M[5]||(M[5]=[l.createElementVNode("div",{class:"row-label"},"参数设置",-1)])),_:1}),l.createVNode(k,{span:12},{default:l.withCtx(()=>[l.createVNode(W,{modelValue:o.value,"onUpdate:modelValue":M[0]||(M[0]=Q=>o.value=Q),placeholder:"请选择设备",onChange:p,size:"small",filterable:"",clearable:""},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(i.value,Q=>(l.openBlock(),l.createBlock(j,{key:Q.deviceCode,label:Q.deviceName,value:Q.deviceCode},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),l.createVNode(W,{modelValue:a.value,"onUpdate:modelValue":M[1]||(M[1]=Q=>a.value=Q),placeholder:"请选择字段",onChange:m,size:"small",filterable:"",clearable:"",style:{"margin-top":"10px"}},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(c.value,Q=>(l.openBlock(),l.createBlock(j,{key:Q.dataField,label:Q.name,value:Q.dataField},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1}),l.createVNode(ee,{gutter:20},{default:l.withCtx(()=>[l.createVNode(k,{span:12},{default:l.withCtx(()=>M[6]||(M[6]=[l.createElementVNode("div",{class:"row-label"},"条件配置",-1)])),_:1}),l.createVNode(k,{span:12},{default:l.withCtx(()=>[l.createVNode($,{modelValue:d.value,"onUpdate:modelValue":M[2]||(M[2]=Q=>d.value=Q),"active-value":!0,"inactive-value":!1,size:"small",onChange:y},null,8,["modelValue"]),l.createVNode(R,{type:"primary",size:"small",onClick:b,style:{"margin-left":"10px"}},{default:l.withCtx(()=>M[7]||(M[7]=[l.createTextVNode(" 配置 ")])),_:1})]),_:1})]),_:1})])]),_:1}),l.createVNode(U,{title:"连接桩设置",name:"3"},{default:l.withCtx(()=>[l.createVNode(R,{type:"primary",onClick:C,size:"small"},{default:l.withCtx(()=>M[8]||(M[8]=[l.createTextVNode("添加连接桩")])),_:1}),l.createVNode(R,{type:"primary",onClick:E,size:"small"},{default:l.withCtx(()=>M[9]||(M[9]=[l.createTextVNode("显示连接桩")])),_:1}),l.createVNode(X,{data:r.value,border:"",size:"small",style:{"margin-top":"10px"}},{default:l.withCtx(()=>[l.createVNode(F,{label:"ID",width:"50",align:"center"},{default:l.withCtx(({row:Q})=>[l.createTextVNode(l.toDisplayString(Q.attrs.text.text),1)]),_:1}),l.createVNode(F,{label:"x",width:"100",align:"center"},{default:l.withCtx(({row:Q})=>[l.createVNode(D,{modelValue:Q.args.x,"onUpdate:modelValue":Oe=>Q.args.x=Oe,min:0,max:100,step:1,onInput:Oe=>v(Q.id,"x",Oe)},null,8,["modelValue","onUpdate:modelValue","onInput"])]),_:1}),l.createVNode(F,{label:"y",width:"100",align:"center"},{default:l.withCtx(({row:Q})=>[l.createVNode(D,{modelValue:Q.args.y,"onUpdate:modelValue":Oe=>Q.args.y=Oe,min:0,max:100,step:1,onInput:Oe=>v(Q.id,"y",Oe)},null,8,["modelValue","onUpdate:modelValue","onInput"])]),_:1}),l.createVNode(F,{label:"操作",width:"70",align:"center"},{default:l.withCtx(({row:Q})=>[l.createVNode(R,{type:"danger",size:"small",onClick:Oe=>S(Q.id)},{default:l.withCtx(()=>[l.createVNode(q,null,{default:l.withCtx(()=>[l.createVNode(l.unref(Km))]),_:1})]),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"])]),_:1})]),_:1},8,["modelValue"]),l.createVNode(K,{modelValue:f.show,"onUpdate:modelValue":M[4]||(M[4]=Q=>f.show=Q),width:"550px",title:"条件配置","show-close":!1,"close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[f.show?(l.openBlock(),l.createBlock(Aj,{key:0,payload:f.payload,type:"image",onClose:w},null,8,["payload"])):l.createCommentVNode("",!0)]),_:1},8,["modelValue"])])}}},[["__scopeId","data-v-f7269135"]]),m0=[{shape:"rect",width:60,height:5,attrs:{body:{fill:"#ffffff",stroke:"#ffffff",strokeWidth:0}},data:{type:"base-shape"}},{shape:"rect",width:60,height:20,attrs:{body:{fill:"#ffffff",stroke:"#ffffff",strokeWidth:1}},data:{type:"base-shape",label:"母线"}},{shape:"circle",width:40,height:40,attrs:{body:{fill:"#ffffff",stroke:"#ffffff",strokeWidth:1}},data:{type:"base-shape"}},{shape:"ellipse",width:60,height:40,attrs:{body:{fill:"#ffffff",stroke:"#ffffff"}},data:{type:"base-shape"}}],y0={groups:{ports:{position:"absolute",args:{x:0,y:0},attrs:{circle:{magnet:!0,stroke:"#8f8f8f",r:4}},label:{position:"top"}}}},Dj={style:{width:"100%",height:"100%",position:"relative"}},Rj={key:0,class:"spinner"},Td=Object.assign({name:"wiring-diagram-preview"},{__name:"index",props:{id:{type:String,default:""},background:{type:Object,default:()=>({})},grid:{type:Object,default:()=>({})},data:{type:Object,default:()=>({})}},setup(n){const e=n,t=l.ref(),s=()=>{window.__x6_instances__=[];const v=document.getElementById("preview-container");t.value=new z({container:v,autoResize:!0,panning:!0,mousewheel:!0,connecting:{router:"orth",connectionPoint:{name:"anchor"},anchor:"center"},interacting:{nodeMovable:!1,magnetConnectable:!1,edgeMovable:!1,edgeLabelMovable:!1,arrowheadMovable:!1,vertexMovable:!1,vertexAddable:!1,vertexDeletable:!1}}),window.__x6_instances__.push(v),t.value.on("blank:dblclick",()=>{h()}),t.value.on("render:done",()=>{Fr("#preview-container",!1),x()})},r=async()=>{let v,S,O;if(e.id){const _=await Ym(e.id);v=(_==null?void 0:_.background)||Ka,S=(_==null?void 0:_.grid)||Za,O=(_==null?void 0:_.data)||{cells:[]}}else v=e.background,S={},O=e.data;t.value.drawBackground(v),t.value.drawGrid(S),t.value.fromJSON(O),d()},i=l.ref(null),o=l.ref([]),a=l.ref([]),c=l.ref(!1),u=l.ref(!1),d=()=>{o.value=t.value.getCells().filter(v=>{var S,O,_,T;return((S=v==null?void 0:v.data)==null?void 0:S.type)==="text"||((O=v==null?void 0:v.data)==null?void 0:O.type)==="pipe"||((_=v==null?void 0:v.data)==null?void 0:_.type)==="arrow"||((T=v==null?void 0:v.data)==null?void 0:T.type)=="image"}),o.value.forEach(v=>{var S,O;(O=(S=v==null?void 0:v.data)==null?void 0:S.fields)!=null&&O.length&&a.value.push({id:v==null?void 0:v.id,fields:v==null?void 0:v.data.fields})}),h()},f=l.ref(!0),h=async()=>{if(u.value=!0,!a.value.length){u.value=!1;return}if(!f.value){Xe.warning("数据正在更新中，请稍后再试");return}i.value&&clearInterval(i.value),f.value=!1,console.log("字段数据",a.value),await p(a.value),!c.value&&(i.value=setTimeout(()=>{h()},1e4))},p=async(v,S=0)=>{let O=5;if(!c.value)if(v.length>S*O){const _=v.slice(S*O,S*O+O);console.log("批次：",S,"数据：",_),S++,g(await oD(_)),await p(v,S)}else u.value=!1,f.value=!0},g=v=>{v==null||v.forEach(S=>{var _,T,A;const O=t.value.getCellById(S.id);O.data.type==="text"&&(O.label=m(O.data.content,S.fields)),O.data.type==="pipe"&&(console.log("管道详情",O,(_=S.fields)==null?void 0:_[0].value),y(O,(T=S.fields)==null?void 0:T[0].value)),O.data.type==="arrow"&&b(O,(A=S.fields)==null?void 0:A[0].value),O.shape==="image"&&(console.log("图片详情",O,S.fields),w(O,S.fields))})},m=(v,S)=>{let O=0;return v.replace(Ad,()=>{const _=S.find(T=>T.index===O);return O++,_?_.value:d0})},y=(v,S)=>{if(!v.data.isCondition)return!1;console.log("进入设置管道阶段start：",v),console.log("管道条件判断设置：",v.data.condition);for(let O=0;O<v.data.condition.length;O++){if(console.log("┌──────单个设置管道阶段start：───────┐"),console.log("条件：",v.data.condition[O]),console.log("判断条件是否通过：",Number(S)>v.data.condition[O].min&&Number(S)<v.data.condition[O].max),Number(S)>v.data.condition[O].min&&Number(S)<v.data.condition[O].max)return console.log("管道条件判断设置的动画：",Pd(v.data.condition[O].direction)),v.attr("pipe/style/animation",Pd(v.data.condition[O].direction)),console.log("设置过后的属性：",v),console.log("└────────单个条件结束判断────────┘"),!1;console.log("└─────────单个条件结束判断───────┘")}},b=(v,S)=>{if(console.log(v,S),!v.data.isCondition)return!1;for(let O=0;O<v.data.condition.length;O++)if(Number(S)>v.data.condition[O].min&&Number(S)<v.data.condition[O].max)return v.attr("arrow/style/animation",v.data.condition[O].animation===cr?"flashing 2s infinite linear":""),v.attr("arrow/d",v.data.condition[O].direction===mi?el:Xm),v.attr("arrow/display",v.data.condition[O].display),!1},w=(v,S)=>{if(!v.data.isCondition||(console.log("进入设置图片阶段：",v),console.log("图片条件判断设置：",v.data.condition),console.log("设备字段数据：",S),!S||S.length===0))return!1;const O=S[0],_=Number(O.value);for(let T=0;T<v.data.condition.length;T++){const A=v.data.condition[T];if(console.log(v.data,"cell.data55555555"),_>A.min&&_<A.max)return A.imageUrl&&(console.log("更换图片为：",Co(A==null?void 0:A.imageUrl)),v.attr("image/xlink:href",xe.isSunOs?A==null?void 0:A.imageUrl:Co(A==null?void 0:A.imageUrl))),!1}console.log("未匹配到条件，保持原图片")},x=()=>{t.value.zoomToFit({maxScale:1.4,padding:20})},C=l.shallowRef(),E=()=>{new ResizeObserver(()=>{x()}).observe(C.value)};return l.onMounted(()=>{c.value=!1,s(),r(),E()}),l.onUnmounted(()=>{c.value=!0,clearInterval(i.value)}),(v,S)=>(l.openBlock(),l.createElementBlock("div",Dj,[l.createElementVNode("div",{id:"preview-container",ref_key:"previewRef",ref:C,onDblclick:x},null,544),u.value?(l.openBlock(),l.createElementBlock("div",Rj,S[0]||(S[0]=[l.createElementVNode("div",{class:"spinner1"},null,-1)]))):l.createCommentVNode("",!0)]))}}),Ij={class:"form-container"},Lj={class:"footer"},Bj=Nt({__name:"group-form",props:{payload:{type:Object,default:()=>({})}},emits:["close"],setup(n,{emit:e}){const t=n,s=e,r=l.reactive({groupName:"",sort:1,isShow:1}),i=l.reactive({groupName:[{required:!0,message:"请输入分组名称",trigger:"blur"},{min:1,max:20,message:"长度在 1 到 20 个字符",trigger:"blur"}],sort:[{required:!0,message:"请输入排序",trigger:"blur"},{type:"number",message:"排序必须为数字值"}],isShow:[{required:!0,message:"请选择是否显示",trigger:"change"}]}),o=l.ref(),a=()=>{console.log(r),o.value.validate(u=>{if(u)r.id?qa("/custom/updateGroup",r).then(d=>{d!=null&&d.isOk?(Xe.success("保存成功"),s("close",!0)):Xe.error((d==null?void 0:d.msg)||"保存失败")}):qa("/custom/saveGroup",r).then(d=>{d!=null&&d.isOk?(Xe.success("保存成功"),s("close",!0)):Xe.error((d==null?void 0:d.msg)||"保存失败")});else return!1})},c=()=>{s("close",!1)};return l.onMounted(()=>{var u;(u=t.payload)!=null&&u.id&&(r.id=t.payload.id,r.groupName=t.payload.groupName,r.sort=t.payload.sort,r.isShow=t.payload.isShow)}),(u,d)=>{const f=l.resolveComponent("el-input"),h=l.resolveComponent("el-form-item"),p=l.resolveComponent("el-input-number"),g=l.resolveComponent("el-switch"),m=l.resolveComponent("el-button"),y=l.resolveComponent("el-form");return l.openBlock(),l.createElementBlock("div",Ij,[l.createVNode(y,{ref_key:"form",ref:o,model:r,rules:i,"label-width":"90px","label-suffix":":"},{default:l.withCtx(()=>[l.createVNode(h,{label:"分组名称",prop:"groupName"},{default:l.withCtx(()=>[l.createVNode(f,{modelValue:r.groupName,"onUpdate:modelValue":d[0]||(d[0]=b=>r.groupName=b),placeholder:"请输入分组名称",clearable:""},null,8,["modelValue"])]),_:1}),l.createVNode(h,{label:"排序",prop:"sort"},{default:l.withCtx(()=>[l.createVNode(p,{modelValue:r.sort,"onUpdate:modelValue":d[1]||(d[1]=b=>r.sort=b),min:0,max:999,step:1,"controls-position":"right"},null,8,["modelValue"])]),_:1}),l.createVNode(h,{label:"是否显示",prop:"isShow"},{default:l.withCtx(()=>[l.createVNode(g,{modelValue:r.isShow,"onUpdate:modelValue":d[2]||(d[2]=b=>r.isShow=b),"active-value":1,"inactive-value":0,"active-color":"#13ce66","inactive-color":"#ff4949"},null,8,["modelValue"])]),_:1}),l.createElementVNode("div",Lj,[l.createVNode(m,{type:"primary",onClick:a},{default:l.withCtx(()=>d[3]||(d[3]=[l.createTextVNode("保存")])),_:1}),l.createVNode(m,{onClick:c},{default:l.withCtx(()=>d[4]||(d[4]=[l.createTextVNode("取消")])),_:1})])]),_:1},8,["model","rules"])])}}},[["__scopeId","data-v-1c36ed4d"]]),jj={class:"form-container"},$j={class:"footer"},zj=Nt({__name:"image-form",props:{payload:{type:Object,default:()=>({})}},emits:["close"],setup(n,{emit:e}){const t=e,s=n,r=l.shallowRef(null),i=l.reactive({groupId:"",id:"",imageName:"",sort:0,isShow:1,imageUrl:""}),o={imageName:[{required:!0,message:"请输入图片名称",trigger:"blur"},{min:1,max:20,message:"长度在 1 到 20 个字符",trigger:"blur"}],sort:[{required:!0,message:"请输入排序",trigger:"blur"},{type:"number",message:"排序必须为数字值"}]},a=l.ref(""),c=f=>{if(f.raw.type.indexOf("image")===-1){Xe.error("请上传图片格式的文件");return}const h=new FormData;h.append("file",f.raw),iD("/file/fileUpload",h).then(p=>{p!=null&&p.isOk?xe.isSunOs?(a.value=p==null?void 0:p.data,i.imageUrl=p==null?void 0:p.data):(a.value=Jn.defaults.baseURL+"/upload/"+(p==null?void 0:p.data),i.imageUrl=p==null?void 0:p.data):Xe.error((p==null?void 0:p.msg)||"上传失败")})},u=()=>{console.log(i),r.value.validate(f=>{if(f)qa("/custom/savePicture",i).then(h=>{h!=null&&h.isOk?(Xe.success("保存成功"),t("close",!0)):Xe.error((h==null?void 0:h.msg)||"保存失败")});else return!1})},d=()=>{t("close",!1)};return l.onMounted(()=>{var f;(f=s.payload)!=null&&f.id&&(i.id=s.payload.id,i.imageName=s.payload.imageName,i.sort=s.payload.sort,i.isShow=s.payload.isShow,i.imageUrl=xe.isSunOs?s.payload.imageUrl:Co(s.payload.imageUrl),a.value=i.imageUrl),i.groupId=s.payload.groupId}),(f,h)=>{const p=l.resolveComponent("el-input"),g=l.resolveComponent("el-form-item"),m=l.resolveComponent("el-input-number"),y=l.resolveComponent("el-switch"),b=l.resolveComponent("el-image"),w=l.resolveComponent("el-icon"),x=l.resolveComponent("el-upload"),C=l.resolveComponent("el-button"),E=l.resolveComponent("el-form");return l.openBlock(),l.createElementBlock("div",jj,[l.createVNode(E,{ref_key:"form",ref:r,model:i,rules:o,"label-width":"90px","label-suffix":":"},{default:l.withCtx(()=>[l.createVNode(g,{label:"图片名称",prop:"imageName"},{default:l.withCtx(()=>[l.createVNode(p,{modelValue:i.imageName,"onUpdate:modelValue":h[0]||(h[0]=v=>i.imageName=v),placeholder:"请输入图片名称"},null,8,["modelValue"])]),_:1}),l.createVNode(g,{label:"排序",prop:"sort"},{default:l.withCtx(()=>[l.createVNode(m,{modelValue:i.sort,"onUpdate:modelValue":h[1]||(h[1]=v=>i.sort=v),min:0,max:999,step:1,"controls-position":"right"},null,8,["modelValue"])]),_:1}),l.createVNode(g,{label:"是否显示",prop:"isShow"},{default:l.withCtx(()=>[l.createVNode(y,{modelValue:i.isShow,"onUpdate:modelValue":h[2]||(h[2]=v=>i.isShow=v),"active-value":1,"inactive-value":0,"active-color":"#13ce66","inactive-color":"#ff4949"},null,8,["modelValue"])]),_:1}),l.createVNode(g,{label:"上传",prop:"image"},{default:l.withCtx(()=>[l.createVNode(x,{action:"","list-type":"picture",class:"avatar-uploader","show-file-list":!1,"on-change":c,"auto-upload":!1},{default:l.withCtx(()=>[a.value?(l.openBlock(),l.createBlock(b,{key:0,src:a.value,fit:"cover",style:{width:"64px",height:"64px"}},null,8,["src"])):(l.openBlock(),l.createBlock(w,{key:1,class:"avatar-uploader-icon"},{default:l.withCtx(()=>[l.createVNode(l.unref(bD))]),_:1}))]),_:1})]),_:1}),l.createElementVNode("div",$j,[l.createVNode(C,{type:"primary",onClick:u},{default:l.withCtx(()=>h[3]||(h[3]=[l.createTextVNode("保存")])),_:1}),l.createVNode(C,{onClick:d},{default:l.withCtx(()=>h[4]||(h[4]=[l.createTextVNode("取消")])),_:1})])]),_:1},8,["model"])])}}},[["__scopeId","data-v-f586fa50"]]),Fj={class:"form-container"},Uj={style:{padding:"0 10px",display:"flex","flex-direction":"column",gap:"5px","align-items":"flex-start"}},Hj=["src"],Gj=Nt({__name:"image-management",setup(n){const e=l.reactive({items:[]}),t=()=>{ys("/custom/groupList").then(h=>{e.items=h.data})},s=l.reactive({show:!1,title:"新增图片分组",payload:null}),r=()=>{s.show=!0,s.title="新增图片分组",s.payload=null},i=h=>{s.show=!0,s.title="编辑图片分组",s.payload={id:h.id,groupName:h.groupName,sort:h.sort,isShow:h.isShow}},o=h=>{(xe.isSunOs?ys:Wm)("/custom/removeGroup/"+h).then(g=>{g.code===200?(Xe.success("删除成功"),t()):Xe.error(g.msg||"删除失败")})},a=l.reactive({show:!1,title:"新增图片",payload:null}),c=h=>{a.show=!0,a.title="新增图片",a.payload={groupId:h}},u=h=>{a.show=!0,a.title="编辑图片",a.payload={id:h.id,groupId:h.groupId,imageName:h.imageName,sort:h.sort,isShow:h.isShow,imageUrl:h.imageUrl}},d=h=>{(xe.isSunOs?ys:Wm)("/custom/removePicture/"+h).then(g=>{g.code===200?(Xe.success("删除成功"),t()):Xe.error(g.msg||"删除失败")})},f=h=>{s.show=!1,a.show=!1,h&&t()};return l.onMounted(()=>{t()}),(h,p)=>{const g=l.resolveComponent("el-button"),m=l.resolveComponent("el-table-column"),y=l.resolveComponent("el-table"),b=l.resolveComponent("el-dialog");return l.openBlock(),l.createElementBlock("div",Fj,[l.createVNode(g,{type:"primary",onClick:r,size:"small"},{default:l.withCtx(()=>p[2]||(p[2]=[l.createTextVNode("新增图片分组")])),_:1}),l.createVNode(y,{data:e.items,border:"",height:"500"},{default:l.withCtx(()=>[l.createVNode(m,{type:"expand"},{default:l.withCtx(w=>[l.createElementVNode("div",Uj,[l.createVNode(g,{type:"primary",size:"small",onClick:x=>c(w.row.id)},{default:l.withCtx(()=>p[3]||(p[3]=[l.createTextVNode("新增图片")])),_:2},1032,["onClick"]),l.createVNode(y,{data:w.row.pictureList,border:"",size:"small"},{default:l.withCtx(()=>[l.createVNode(m,{label:"名称",prop:"imageName",align:"center"}),l.createVNode(m,{label:"图片",prop:"imageUrl",align:"center"},{default:l.withCtx(x=>[l.createElementVNode("img",{src:l.unref(xe.isSunOs)?x.row.imageUrl:l.unref(Co)(x.row.imageUrl),alt:"",style:{width:"64px",height:"64px"}},null,8,Hj)]),_:1}),l.createVNode(m,{label:"排序",prop:"sort",align:"center"}),l.createVNode(m,{label:"是否显示",prop:"isShow",align:"center"},{default:l.withCtx(x=>[l.createTextVNode(l.toDisplayString(x.row.isShow===1?"是":"否"),1)]),_:1}),l.createVNode(m,{label:"操作",align:"center"},{default:l.withCtx(x=>[l.createVNode(g,{type:"primary",size:"small",onClick:C=>u(x.row)},{default:l.withCtx(()=>p[4]||(p[4]=[l.createTextVNode("编辑 ")])),_:2},1032,["onClick"]),l.createVNode(g,{type:"danger",size:"small",onClick:C=>d(x.row.id)},{default:l.withCtx(()=>p[5]||(p[5]=[l.createTextVNode("删除 ")])),_:2},1032,["onClick"])]),_:1})]),_:2},1032,["data"])])]),_:1}),l.createVNode(m,{label:"分组名称",prop:"groupName",align:"center"}),l.createVNode(m,{label:"排序",prop:"sort",align:"center"}),l.createVNode(m,{label:"是否显示",prop:"isShow",align:"center"},{default:l.withCtx(w=>[l.createTextVNode(l.toDisplayString(w.row.isShow===1?"是":"否"),1)]),_:1}),l.createVNode(m,{label:"操作",align:"center"},{default:l.withCtx(w=>[l.createVNode(g,{type:"primary",size:"small",onClick:x=>i(w.row)},{default:l.withCtx(()=>p[6]||(p[6]=[l.createTextVNode("编辑")])),_:2},1032,["onClick"]),l.createVNode(g,{type:"danger",size:"small",onClick:x=>o(w.row.id)},{default:l.withCtx(()=>p[7]||(p[7]=[l.createTextVNode("删除")])),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"]),l.createVNode(b,{modelValue:s.show,"onUpdate:modelValue":p[0]||(p[0]=w=>s.show=w),title:s.title,width:"300","close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[s.show?(l.openBlock(),l.createBlock(Bj,{key:0,payload:s.payload,onClose:f},null,8,["payload"])):l.createCommentVNode("",!0)]),_:1},8,["modelValue","title"]),l.createVNode(b,{modelValue:a.show,"onUpdate:modelValue":p[1]||(p[1]=w=>a.show=w),title:a.title,width:"300","close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[a.show?(l.openBlock(),l.createBlock(zj,{key:0,payload:a.payload,onClose:f},null,8,["payload"])):l.createCommentVNode("",!0)]),_:1},8,["modelValue","title"])])}}},[["__scopeId","data-v-834dec8c"]]),Wj={class:"page-container"},Yj={class:"tool-bar"},qj={class:"action"},Xj={class:"el-dropdown-link"},Jj={class:"action",style:{"margin-right":"50px"}},Kj={class:"board"},Zj={class:"drawing-board-box"},Qj={id:"controls"},e$={key:0,class:"controls-label"},t$={style:{width:"100%",height:"100%",background:"black"}},b0=Nt(Object.assign({name:"editor"},{__name:"index",props:{id:{type:String,default:""},itemId:{type:String,default:""}},emits:["getJson"],setup(n,{emit:e}){const t=n,s=l.ref(),r=l.reactive({label:"",component:l.shallowRef(null)}),i=l.ref(null),o=l.ref(null),a=()=>{window.__x6_instances__=[];const L=document.getElementById("drawing-board");s.value=new z({container:L,autoResize:!0,panning:!0,mousewheel:!0,connecting:{snap:!0,allowEdge:!0,highlight:!0,router:"orth",connectionPoint:{name:"anchor"},anchor:"center",createEdge(){return s.value.createEdge({inherit:"edge",...tt,data:{type:u0()},zIndex:0})}}}),window.__x6_instances__.push(s.value),s.value.use(I3()),s.value.use(L3()),s.value.use(B3()),s.value.use(j3()),s.value.use(z3()),s.value.use(F3()),s.value.bindKey(["delete","backspace"],()=>{U3(s.value)}),s.value.bindKey(["ctrl+c","cmd + c"],()=>{H3(s.value)}),s.value.bindKey(["ctrl+v","cmd + v"],()=>{G3(s.value)}),s.value.bindKey(["ctrl+z","cmd + z"],()=>{W3(s.value)}),s.value.bindKey(["ctrl+y","cmd + y"],()=>{Y3(s.value)});let B=null;s.value.on("edge:click",({cell:N})=>{o.value=N,r.component=p0,r.label="线段属性",i.value=_d()}),s.value.on("edge:mouseenter",({cell:N})=>{clearTimeout(B),N.toFront(),q3(N)}),s.value.on("edge:mouseleave",({cell:N})=>{B=setTimeout(()=>{N.toBack(),N.removeTools()},300)}),s.value.on("node:mouseenter",()=>{Fr("#drawing-board",!0)}),s.value.on("node:mouseleave",()=>{Fr("#drawing-board",!1)}),s.value.use(new g0),s.value.on("blank:click",({e:N,x:M,y:k})=>{o.value=s,r.component=dD,r.label="画布属性",i.value=_d()}),s.value.on("cell:click",({cell:N})=>{var M,k;if(o.value=N,i.value=_d(),((M=N.data)==null?void 0:M.type)==="text"){r.component=h0,r.label="文本属性";return}if(((k=N.data)==null?void 0:k.type)==="base-shape"){r.component=h0,r.label="基础图形属性";return}if((N==null?void 0:N.shape)==="edge"){r.component=p0,r.label="连线属性";return}if((N==null?void 0:N.shape)==="image"){r.component=Vj,r.label="图片属性";return}r.component=null,r.label=null}),s.value.on("render:done",()=>{Fr("#drawing-board",!1),g()})},c=l.ref(),u=()=>{c.value=new yi({target:s.value,...aD,groups:[{name:"基础组件",graphPadding:30}],search(N,M){var k;return((k=N.label)==null?void 0:k.indexOf(M))!==-1},placeholder:"搜索",notFoundText:"未找到匹配项",getDragNode:N=>{const M=N.clone({keepId:!0});return M.label!=="文本"&&(M.label=""),M}});const L=s.value.createNode({...lD}),B=m0.map(N=>(N.ports=y0,s.value.createNode(N)));c.value.load([L,...B],"基础组件"),ys("/custom/groupList").then(N=>{const M=(N==null?void 0:N.data)||[];M==null||M.forEach(k=>{c.value.addGroup({name:k==null?void 0:k.groupName,graphPadding:30});const j=k==null?void 0:k.pictureList.map(W=>{const ee={shape:"image",imageUrl:xe.isSunOs?W==null?void 0:W.imageUrl:Co(W==null?void 0:W.imageUrl),ports:y0,width:64,height:64,label:W.imageName};return s.value.createNode(ee)});c.value.load(j,k==null?void 0:k.groupName),document.getElementById("stencil").appendChild(c.value.container)})}).finally(()=>{setTimeout(()=>{const N=c.value.container,M=N.querySelectorAll(".x6-node"),k=m0.length;N.addEventListener("mouseenter",j,!0),N.addEventListener("mouseleave",W,!0),M.forEach((ee,$)=>{const R=$>k,U=ee.querySelector("text");R&&U&&(Object.assign(U.style,{display:"none",fontSize:"12px",fill:"#ffffff"}),U.setAttribute("x","0%"),U.setAttribute("y","40"),ee.style.position="relative",ee.style.cursor="pointer")});function j(ee){const $=ee.target.closest(".x6-node");if($){const R=Array.from(M).indexOf($),U=$.querySelector("text");R>k&&U&&(U.style.display="block")}}function W(ee){const $=ee.target.closest(".x6-node");if($){const R=Array.from(M).indexOf($),U=$.querySelector("text");R>k&&U&&(U.style.display="none")}}return()=>{N.removeEventListener("mouseenter",j,!0),N.removeEventListener("mouseleave",W,!0)}},200)})},d=L=>{switch(L){case"snapLine":s.value.isSnaplineEnabled()?(s.value.disableSnapline(),Xe.warning("关闭对齐线")):(s.value.enableSnapline(),Xe.success("开启对齐线"));break;case"select":s.value.isSelectionEnabled()?(s.value.disableSelection(),Xe.warning("关闭框选")):(s.value.enableSelection(),Xe.success("开启框选"));break;case"drawLine":p();break;case"adaptive":g();break;case"shortcuts":y();break;case"image":w();break;case"clear":x();break;case"export":C();break}},f=l.ref(!1),h=l.ref(null),p=()=>{f.value=!0;const L=new Date;s.value.startBatch(L),s.value.disablePanning(),s.value.once("blank:mousedown",({e:B,x:N,y:M})=>{f.value&&(h.value=s.value.addEdge({source:{x:N,y:M},target:{x:N,y:M},...tt,data:{type:u0(),isConnector:!1},zIndex:0}))}),s.value.on("blank:mousemove",({e:B,x:N,y:M})=>{f.value&&h.value.setTarget({x:N,y:M})}),s.value.on("blank:mouseup",({e:B,x:N,y:M})=>{f.value=!1,s.value.enablePanning(),s.value.stopBatch(L)})},g=()=>{s.value.zoomToFit({maxScale:1,padding:20})},m=l.reactive({show:!1}),y=()=>{m.show=!0},b=l.reactive({show:!1}),w=()=>{b.show=!0},x=()=>{s.value.clearCells(),s.value.drawBackground(Ka),s.value.drawGrid(Za),Xe.success("清空成功")},C=()=>{const L=J().format("YYYYMMDDHHmmss");s.value.exportPNG(L,{padding:10,quality:1,backgroundColor:s.value.options.background.color})},E=e,v=l.reactive({show:!1,background:null,grid:null,data:null}),S=()=>{v.background=s.value.options.background,v.grid=s.value.options.grid,v.data=s.value.toJSON(),v.show=!0},O=()=>{v.show=!1},_=()=>{E("getJson",{background:s.value.options.background,grid:s.value.options.grid,data:s.value.toJSON()})},T=async()=>{if(!t.id){s.value.drawBackground(Ka),s.value.drawGrid(Za),s.value.fromJSON({cells:[]});return}const L=await Ym(t.id);s.value.drawBackground((L==null?void 0:L.background)||Ka),s.value.drawGrid((L==null?void 0:L.grid)||Za),s.value.fromJSON((L==null?void 0:L.data)||{cells:[]})},A=l.shallowRef(null),V=()=>{new ResizeObserver(()=>{g()}).observe(A.value)};return l.onMounted(()=>{a(),u(),T(),V()}),(L,B)=>{const N=l.resolveComponent("el-icon"),M=l.resolveComponent("el-button"),k=l.resolveComponent("el-dropdown-item"),j=l.resolveComponent("el-dropdown-menu"),W=l.resolveComponent("el-dropdown"),ee=l.resolveComponent("el-scrollbar"),$=l.resolveComponent("el-dialog"),R=l.resolveComponent("el-drawer");return l.openBlock(),l.createElementBlock("div",Wj,[l.createElementVNode("div",Yj,[l.createElementVNode("div",qj,[l.createVNode(W,{onCommand:d},{dropdown:l.withCtx(()=>[l.createVNode(j,null,{default:l.withCtx(()=>[l.createVNode(k,{command:"snapLine"},{default:l.withCtx(()=>B[4]||(B[4]=[l.createTextVNode("对齐线")])),_:1}),l.createVNode(k,{command:"select"},{default:l.withCtx(()=>B[5]||(B[5]=[l.createTextVNode("框选")])),_:1}),l.createVNode(k,{command:"drawLine"},{default:l.withCtx(()=>B[6]||(B[6]=[l.createTextVNode("绘制直线")])),_:1}),l.createVNode(k,{command:"adaptive"},{default:l.withCtx(()=>B[7]||(B[7]=[l.createTextVNode("视图自适应")])),_:1}),l.createVNode(k,{command:"shortcuts"},{default:l.withCtx(()=>B[8]||(B[8]=[l.createTextVNode("查看快捷键")])),_:1}),l.createVNode(k,{command:"image"},{default:l.withCtx(()=>B[9]||(B[9]=[l.createTextVNode("图片管理")])),_:1}),l.createVNode(k,{command:"clear"},{default:l.withCtx(()=>B[10]||(B[10]=[l.createTextVNode("清空画布")])),_:1}),l.createVNode(k,{command:"export"},{default:l.withCtx(()=>B[11]||(B[11]=[l.createTextVNode("导出成图片")])),_:1})]),_:1})]),default:l.withCtx(()=>[l.createElementVNode("span",Xj,[l.createVNode(M,{size:"small",text:""},{default:l.withCtx(()=>[B[3]||(B[3]=l.createTextVNode("工具 ")),l.createVNode(N,null,{default:l.withCtx(()=>[l.createVNode(l.unref(fD))]),_:1})]),_:1})])]),_:1})]),l.createElementVNode("div",Jj,[l.createVNode(l.unref(Kg),{content:"预览",placement:"bottom"},{default:l.withCtx(()=>[l.createVNode(M,{size:"small",icon:l.unref(xD),onClick:S},null,8,["icon"])]),_:1}),l.createVNode(l.unref(Kg),{content:"保存",placement:"bottom"},{default:l.withCtx(()=>[l.createVNode(M,{size:"small",icon:l.unref(mD),onClick:_},null,8,["icon"])]),_:1})])]),l.createElementVNode("div",Kj,[B[12]||(B[12]=l.createElementVNode("div",{id:"stencil"},null,-1)),l.createElementVNode("div",Zj,[l.createElementVNode("div",{id:"drawing-board",ref_key:"drawBoard",ref:A},null,512)]),l.createElementVNode("div",Qj,[r.label?(l.openBlock(),l.createElementBlock("div",e$,l.toDisplayString(r.label),1)):l.createCommentVNode("",!0),l.createVNode(ee,null,{default:l.withCtx(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(r.component),{graph:s.value,payload:o.value,key:i.value,itemId:t.itemId},null,8,["graph","payload","itemId"]))]),_:1})])]),l.createVNode($,{modelValue:m.show,"onUpdate:modelValue":B[0]||(B[0]=U=>m.show=U),width:"400px",title:"快捷键","close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[l.createVNode(vj)]),_:1},8,["modelValue"]),l.createVNode($,{modelValue:b.show,"onUpdate:modelValue":B[1]||(B[1]=U=>b.show=U),width:"800px",title:"图片管理","close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[b.show?(l.openBlock(),l.createBlock(Gj,{key:0})):l.createCommentVNode("",!0)]),_:1},8,["modelValue"]),l.createVNode(R,{class:"no-border-drawer",modelValue:v.show,"onUpdate:modelValue":B[2]||(B[2]=U=>v.show=U),onClose:O,title:"预览",direction:"ttb",size:"100%"},{default:l.withCtx(()=>[l.createElementVNode("div",t$,[v.show?(l.openBlock(),l.createBlock(Td,{key:0,background:v.background,grid:v.grid,data:v.data},null,8,["background","grid","data"])):l.createCommentVNode("",!0)])]),_:1},8,["modelValue"])])}}}),[["__scopeId","data-v-c709fa52"]]),n$=[b0,Td],w0=n=>{n$.forEach(e=>{n.component(e.name,e)})};typeof window<"u"&&window.Vue&&w0(window.Vue),xe.isSunOs=!1;const s$=n=>{xe.isSunOs=n},r$={install:w0};xe.WiringDiagramEditor=b0,xe.WiringDiagramPreview=Td,xe.default=r$,xe.setBaseURL=sD,xe.setIsSunOs=s$,xe.setToken=rD,Object.defineProperties(xe,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`;var Mj=function(n,e,t,s){var r=arguments.length,i=r<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(o=n[a])&&(i=(r<3?o(i):r>3?o(e,t,i):o(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i};class yi extends be{get targetScroller(){return this.options.target.getPlugin("scroller")}get targetGraph(){return this.options.target}get targetModel(){return this.targetGraph.model}constructor(e={}){super(),this.name="stencil",qr(this.name,Oj),this.graphs={},this.groups={},this.options=Object.assign(Object.assign({},yi.defaultOptions),e),this.init()}init(){this.dnd=new Ds(this.options),this.onSearch=Cp(this.onSearch,200),this.initContainer(),this.initSearch(),this.initContent(),this.initGroups(),this.setTitle(),this.startListening()}load(e,t){return Array.isArray(e)?this.loadGroup(e,t):this.options.groups&&Object.keys(this.options.groups).forEach(s=>{e[s]&&this.loadGroup(e[s],s)}),this}unload(e,t){return Array.isArray(e)?this.loadGroup(e,t,!0):this.options.groups&&Object.keys(this.options.groups).forEach(s=>{e[s]&&this.loadGroup(e[s],s,!0)}),this}toggleGroup(e){return this.isGroupCollapsed(e)?this.expandGroup(e):this.collapseGroup(e),this}collapseGroup(e){if(this.isGroupCollapsable(e)){const t=this.groups[e];t&&!this.isGroupCollapsed(e)&&(this.trigger("group:collapse",{name:e}),ne(t,"collapsed"))}return this}expandGroup(e){if(this.isGroupCollapsable(e)){const t=this.groups[e];t&&this.isGroupCollapsed(e)&&(this.trigger("group:expand",{name:e}),Le(t,"collapsed"))}return this}isGroupCollapsable(e){const t=this.groups[e];return An(t,"collapsable")}isGroupCollapsed(e){const t=this.groups[e];return t&&An(t,"collapsed")}collapseGroups(){return Object.keys(this.groups).forEach(e=>this.collapseGroup(e)),this}expandGroups(){return Object.keys(this.groups).forEach(e=>this.expandGroup(e)),this}resizeGroup(e,t){const s=this.graphs[e];return s&&s.resize(t.width,t.height),this}addGroup(e){const t=Array.isArray(e)?e:[e];this.options.groups?this.options.groups.push(...t):this.options.groups=t,t.forEach(s=>this.initGroup(s))}removeGroup(e){const t=Array.isArray(e)?e:[e];this.options.groups&&(this.options.groups=this.options.groups.filter(s=>!t.includes(s.name)),t.forEach(s=>{const r=this.graphs[s];this.unregisterGraphEvents(r),r.dispose(),delete this.graphs[s];const i=this.groups[s];Yt(i),delete this.groups[s]}))}initContainer(){this.container=document.createElement("div"),ne(this.container,this.prefixClassName(_t.base)),pe(this.container,"data-not-found-text",this.options.notFoundText||"No matches found")}initContent(){this.content=document.createElement("div"),ne(this.content,this.prefixClassName(_t.content)),vs(this.content,this.container)}initSearch(){this.options.search&&(ne(this.container,"searchable"),Lt(this.container,this.renderSearch()))}initGroup(e){const t=this.options.stencilGraphOptions||{},s=document.createElement("div");ne(s,this.prefixClassName(_t.group)),pe(s,"data-name",e.name),(e.collapsable==null&&this.options.collapsable||e.collapsable!==!1)&&ne(s,"collapsable"),mn(s,"collapsed",e.collapsed===!0);const r=document.createElement("h3");ne(r,this.prefixClassName(_t.groupTitle)),r.innerHTML=e.title||e.name;const i=document.createElement("div");ne(i,this.prefixClassName(_t.groupContent));const o=e.graphOptions,a=new z(Object.assign(Object.assign(Object.assign({},t),o),{container:document.createElement("div"),model:t.model||new nt,width:e.graphWidth||this.options.stencilGraphWidth,height:e.graphHeight||this.options.stencilGraphHeight,interacting:!1,preventDefaultBlankAction:!1}));this.registerGraphEvents(a),Lt(i,a.container),Lt(s,[r,i]),vs(s,this.content),this.groups[e.name]=s,this.graphs[e.name]=a}initGroups(){if(this.clearGroups(),this.setCollapsableState(),this.options.groups&&this.options.groups.length)this.options.groups.forEach(e=>{this.initGroup(e)});else{const e=this.options.stencilGraphOptions||{},t=new z(Object.assign(Object.assign({},e),{container:document.createElement("div"),model:e.model||new nt,width:this.options.stencilGraphWidth,height:this.options.stencilGraphHeight,interacting:!1,preventDefaultBlankAction:!1}));Lt(this.content,t.container),this.graphs[So.defaultGroupName]=t}}setCollapsableState(){this.options.collapsable=this.options.collapsable&&this.options.groups&&this.options.groups.some(e=>e.collapsable!==!1),this.options.collapsable?(ne(this.container,"collapsable"),this.options.groups&&this.options.groups.every(t=>t.collapsed||t.collapsable===!1)?ne(this.container,"collapsed"):Le(this.container,"collapsed")):Le(this.container,"collapsable")}setTitle(){const e=document.createElement("div");ne(e,this.prefixClassName(_t.title)),e.innerHTML=this.options.title,vs(e,this.container)}renderSearch(){const e=document.createElement("div");ne(e,this.prefixClassName(_t.search));const t=document.createElement("input");return pe(t,{type:"search",placeholder:this.options.placeholder||"Search"}),ne(t,this.prefixClassName(_t.searchText)),Lt(e,t),e}startListening(){const e=this.prefixClassName(_t.title),t=this.prefixClassName(_t.searchText),s=this.prefixClassName(_t.groupTitle);this.delegateEvents({[`click .${e}`]:"onTitleClick",[`touchstart .${e}`]:"onTitleClick",[`click .${s}`]:"onGroupTitleClick",[`touchstart .${s}`]:"onGroupTitleClick",[`input .${t}`]:"onSearch",[`focusin .${t}`]:"onSearchFocusIn",[`focusout .${t}`]:"onSearchFocusOut"})}stopListening(){this.undelegateEvents()}registerGraphEvents(e){e.on("cell:mousedown",this.onDragStart,this)}unregisterGraphEvents(e){e.off("cell:mousedown",this.onDragStart,this)}loadGroup(e,t,s){const r=this.getModel(t);if(r){const c=e.map(u=>We.isNode(u)?u:We.create(u));s===!0?r.removeCells(c):r.resetCells(c)}const i=this.getGroup(t);let o=this.options.stencilGraphHeight;i&&i.graphHeight!=null&&(o=i.graphHeight);const a=i&&i.layout||this.options.layout;if(a&&r&&re(a,this,r,i),!o){const c=this.getGraph(t);c.fitToContent({minWidth:c.options.width,gridHeight:1,padding:i&&i.graphPadding||this.options.stencilGraphPadding||10})}return this}onDragStart(e){const{e:t,node:s}=e,r=this.getGroupByNode(s);r&&r.nodeMovable===!1||this.dnd.start(s,t)}filter(e,t){const s=Object.keys(this.graphs).reduce((r,i)=>{const o=this.graphs[i],a=i===So.defaultGroupName?null:i,c=o.model.getNodes().filter(h=>{let p=!1;typeof t=="function"?p=re(t,this,h,e,a,this):typeof t=="boolean"?p=t:p=this.isCellMatched(h,e,t,e.toLowerCase()!==e);const g=o.renderer.findViewByCell(h);return g&&mn(g.container,"unmatched",!p),p}),u=c.length>0,d=this.options,f=new nt;return f.resetCells(c),d.layout&&re(d.layout,this,f,this.getGroup(i)),this.groups[i]&&mn(this.groups[i],"unmatched",!u),o.fitToContent({gridWidth:1,gridHeight:1,padding:d.stencilGraphPadding||10}),r||u},!1);mn(this.container,"not-found",!s)}isCellMatched(e,t,s,r){return t&&s?Object.keys(s).some(i=>{if(i==="*"||e.shape===i){const o=s[i];return typeof o=="boolean"?o:(Array.isArray(o)?o:[o]).some(c=>{let u=e.getPropByPath(c);return u!=null?(u=`${u}`,r||(u=u.toLowerCase()),u.indexOf(t)>=0):!1})}return!1}):!0}onSearch(e){this.filter(e.target.value,this.options.search)}onSearchFocusIn(){ne(this.container,"is-focused")}onSearchFocusOut(){Le(this.container,"is-focused")}onTitleClick(){this.options.collapsable&&(mn(this.container,"collapsed"),An(this.container,"collapsed")?this.collapseGroups():this.expandGroups())}onGroupTitleClick(e){const t=e.target.closest(`.${this.prefixClassName(_t.group)}`);t&&this.toggleGroup(pe(t,"data-name")||"");const s=Object.keys(this.groups).every(r=>{const i=this.getGroup(r),o=this.groups[r];return i&&i.collapsable===!1||An(o,"collapsed")});mn(this.container,"collapsed",s)}getModel(e){const t=this.getGraph(e);return t?t.model:null}getGraph(e){return this.graphs[e||So.defaultGroupName]}getGroup(e){const t=this.options.groups;return e!=null&&t&&t.length?t.find(s=>s.name===e):null}getGroupByNode(e){const t=this.options.groups;return t?t.find(s=>{const r=this.getModel(s.name);return r?r.has(e.id):!1}):null}clearGroups(){Object.keys(this.graphs).forEach(e=>{const t=this.graphs[e];this.unregisterGraphEvents(t),t.dispose()}),Object.keys(this.groups).forEach(e=>{const t=this.groups[e];Yt(t)}),this.graphs={},this.groups={}}onRemove(){this.clearGroups(),this.dnd.remove(),this.stopListening(),this.undelegateDocumentEvents()}dispose(){this.remove(),Xr(this.name)}}Mj([be.dispose()],yi.prototype,"dispose",null),function(n){n.defaultOptions=Object.assign({stencilGraphWidth:200,stencilGraphHeight:800,title:"Stencil",collapsable:!1,placeholder:"Search",notFoundText:"No matches found",layout(e,t){const s={columnWidth:this.options.stencilGraphWidth/2-10,columns:2,rowHeight:80,resizeToFit:!1,dx:10,dy:10};Ej(e,Object.assign(Object.assign(Object.assign({},s),this.options.layoutOptions),t?t.layoutOptions:{}))}},Ds.defaults)}(yi||(yi={}));var _t;(function(n){n.base="widget-stencil",n.title=`${n.base}-title`,n.search=`${n.base}-search`,n.searchText=`${n.search}-text`,n.content=`${n.base}-content`,n.group=`${n.base}-group`,n.groupTitle=`${n.group}-title`,n.groupContent=`${n.group}-content`})(_t||(_t={}));var So;(function(n){n.defaultGroupName="__default__"})(So||(So={})),z.prototype.toSVG=function(n,e){const t=this.getPlugin("export");t&&t.toSVG(n,e)},z.prototype.toPNG=function(n,e){const t=this.getPlugin("export");t&&t.toPNG(n,e)},z.prototype.toJPEG=function(n,e){const t=this.getPlugin("export");t&&t.toJPEG(n,e)},z.prototype.exportPNG=function(n,e){const t=this.getPlugin("export");t&&t.exportPNG(n,e)},z.prototype.exportJPEG=function(n,e){const t=this.getPlugin("export");t&&t.exportJPEG(n,e)},z.prototype.exportSVG=function(n,e){const t=this.getPlugin("export");t&&t.exportSVG(n,e)};var Nj=function(n,e,t,s){var r=arguments.length,i=r<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(o=n[a])&&(i=(r<3?o(i):r>3?o(e,t,i):o(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i};class g0 extends De{constructor(){super(),this.name="export"}get view(){return this.graph.view}init(e){this.graph=e}exportPNG(e="chart",t={}){this.toPNG(s=>{er.downloadDataUri(s,e)},t)}exportJPEG(e="chart",t={}){this.toPNG(s=>{er.downloadDataUri(s,e)},t)}exportSVG(e="chart",t={}){this.toSVG(s=>{er.downloadDataUri(er.svgToDataUrl(s),e)},t)}toSVG(e,t={}){this.notify("before:export",t);const s=this.view.svg,r=le.create(s).clone();let i=r.node;const o=r.findOne(`.${this.view.prefixClassName("graph-svg-stage")}`),a=t.viewBox||this.graph.graphToLocal(this.graph.getContentBBox()),c=t.preserveDimensions;if(c){const f=typeof c=="boolean"?a:c;r.attr({width:f.width,height:f.height})}if(r.removeAttribute("style").attr("viewBox",[a.x,a.y,a.width,a.height].join(" ")),o.removeAttribute("transform"),t.copyStyles!==!1){const f=s.ownerDocument,h=Array.from(s.querySelectorAll("*")),p=Array.from(i.querySelectorAll("*")),g=f.styleSheets.length,m=[];for(let w=g-1;w>=0;w-=1)m[w]=f.styleSheets[w],f.styleSheets[w].disabled=!0;const y={};h.forEach((w,x)=>{const C=window.getComputedStyle(w,null),E={};Object.keys(C).forEach(v=>{E[v]=C.getPropertyValue(v)}),y[x]=E}),g!==f.styleSheets.length&&m.forEach((w,x)=>{f.styleSheets[x]=w});for(let w=0;w<g;w+=1)f.styleSheets[w].disabled=!1;const b={};h.forEach((w,x)=>{const C=window.getComputedStyle(w,null),E=y[x],v={};Object.keys(C).forEach(S=>{!Bc(S)&&C.getPropertyValue(S)!==E[S]&&(v[S]=C.getPropertyValue(S))}),b[x]=v}),p.forEach((w,x)=>{Ke(w,b[x])})}const u=t.stylesheet;if(typeof u=="string"){const f=s.ownerDocument.implementation.createDocument(null,"xml",null).createCDATASection(u);r.prepend(le.create("style",{type:"text/css"},[f]))}const d=()=>{const f=t.beforeSerialize;if(typeof f=="function"){const p=re(f,this.graph,i);p instanceof SVGSVGElement&&(i=p)}const h=new XMLSerializer().serializeToString(i).replace(/&nbsp;/g," ");this.notify("after:export",t),e(h)};if(t.serializeImages){const f=r.find("image").map(h=>new Promise(p=>{const g=h.attr("xlink:href")||h.attr("href");er.imageToDataUri(g,(m,y)=>{!m&&y&&h.attr("xlink:href",y),p()})}));Promise.all(f).then(d)}else d()}toDataURL(e,t){let s=t.viewBox||this.graph.getContentBBox();const r=bs(t.padding);t.width&&t.height&&(r.left+r.right>=t.width&&(r.left=r.right=0),r.top+r.bottom>=t.height&&(r.top=r.bottom=0));const i=new G(-r.left,-r.top,r.left+r.right,r.top+r.bottom);if(t.width&&t.height){const d=s.width+r.left+r.right,f=s.height+r.top+r.bottom;i.scale(d/t.width,f/t.height)}s=G.create(s).moveAndExpand(i);const o=typeof t.width=="number"&&typeof t.height=="number"?{width:t.width,height:t.height}:s;let a=t.ratio?parseFloat(t.ratio):1;(!Number.isFinite(a)||a===0)&&(a=1);const c={width:Math.max(Math.round(o.width*a),1),height:Math.max(Math.round(o.height*a),1)};{const d=document.createElement("canvas"),f=d.getContext("2d");d.width=c.width,d.height=c.height;const h=c.width-1,p=c.height-1;f.fillStyle="rgb(1,1,1)",f.fillRect(h,p,1,1);const g=f.getImageData(h,p,1,1).data;if(g[0]!==1||g[1]!==1||g[2]!==1)throw new Error("size exceeded")}const u=new Image;u.onload=()=>{const d=document.createElement("canvas");d.width=c.width,d.height=c.height;const f=d.getContext("2d");f.fillStyle=t.backgroundColor||"white",f.fillRect(0,0,c.width,c.height);try{f.drawImage(u,0,0,c.width,c.height);const h=d.toDataURL(t.type,t.quality);e(h)}catch{}},this.toSVG(d=>{u.src=`data:image/svg+xml,${encodeURIComponent(d)}`},Object.assign(Object.assign({},t),{viewBox:s,serializeImages:!0,preserveDimensions:Object.assign({},c)}))}toPNG(e,t={}){this.toDataURL(e,Object.assign(Object.assign({},t),{type:"image/png"}))}toJPEG(e,t={}){this.toDataURL(e,Object.assign(Object.assign({},t),{type:"image/jpeg"}))}notify(e,t){this.trigger(e,t),this.graph.trigger(e,t)}dispose(){this.off()}}Nj([De.dispose()],g0.prototype,"dispose",null);const Pj={class:"form-container"},_j={class:"footer",style:{"margin-top":"10px"}},Aj=Nt({__name:"image-condition",props:{payload:{type:Array},type:{type:String}},emits:["close"],setup(n,{emit:e}){const t=n,s=l.ref(t.payload),r=l.ref([]),i=async()=>{try{const f=await ys("/custom/groupList"),h=(f==null?void 0:f.data)||[],p=[];h.forEach(g=>{g!=null&&g.pictureList&&p.push(...g.pictureList)}),r.value=p}catch(f){console.error("获取图片列表失败:",f)}},o=()=>{s.value.push({min:0,max:100,imageUrl:""})},a=f=>{s.value.splice(f,1)},c=e,u=()=>{c("close",s.value)},d=()=>{c("close",!1)};return l.onMounted(()=>{i()}),(f,h)=>{const p=l.resolveComponent("el-button"),g=l.resolveComponent("el-input-number"),m=l.resolveComponent("el-table-column"),y=l.resolveComponent("el-option"),b=l.resolveComponent("el-select"),w=l.resolveComponent("el-table");return l.openBlock(),l.createElementBlock("div",Pj,[l.createVNode(p,{type:"primary",size:"small",onClick:o,style:{"margin-bottom":"10px"}},{default:l.withCtx(()=>h[0]||(h[0]=[l.createTextVNode("添加条件")])),_:1}),l.createVNode(w,{data:s.value,size:"small",border:""},{default:l.withCtx(()=>[l.createVNode(m,{prop:"min",label:"最小值",width:"150",align:"center"},{default:l.withCtx(x=>[l.createVNode(g,{modelValue:x.row.min,"onUpdate:modelValue":C=>x.row.min=C,size:"small","controls-position":"right"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),l.createVNode(m,{prop:"max",label:"最大值",width:"150",align:"center"},{default:l.withCtx(x=>[l.createVNode(g,{modelValue:x.row.max,"onUpdate:modelValue":C=>x.row.max=C,size:"small","controls-position":"right"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),l.createVNode(m,{prop:"imageUrl",label:"更换元件",width:"120",align:"center"},{default:l.withCtx(x=>[l.createVNode(b,{modelValue:x.row.imageUrl,"onUpdate:modelValue":C=>x.row.imageUrl=C,placeholder:"请选择元件",size:"small",filterable:"",clearable:""},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(r.value,C=>(l.openBlock(),l.createBlock(y,{key:C.imageUrl,label:C.imageName,value:C.imageUrl},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])]),_:1}),l.createVNode(m,{label:"操作",align:"center"},{default:l.withCtx(x=>[l.createVNode(p,{type:"danger",size:"small",onClick:C=>a(x.$index)},{default:l.withCtx(()=>h[1]||(h[1]=[l.createTextVNode("删除")])),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"]),l.createElementVNode("div",_j,[l.createVNode(p,{type:"primary",onClick:u},{default:l.withCtx(()=>h[2]||(h[2]=[l.createTextVNode("保存")])),_:1}),l.createVNode(p,{onClick:d},{default:l.withCtx(()=>h[3]||(h[3]=[l.createTextVNode("取消")])),_:1})])])}}},[["__scopeId","data-v-bcfc0a61"]]),Tj={class:"control-box"},kj={class:"row-column"},Vj=Nt({__name:"index",props:{payload:Object,itemId:{type:String,default:""}},setup(n){var O,_,T,A,V,L,B;const e=n,t=()=>{e.payload.data?(typeof e.payload.data.type>"u"&&(e.payload.data.type="image"),typeof e.payload.data.isCondition>"u"&&(e.payload.data.isCondition=!1),Array.isArray(e.payload.data.fields)||(e.payload.data.fields=[]),Array.isArray(e.payload.data.condition)||(e.payload.data.condition=[])):e.payload.data={type:"image",isCondition:!1,fields:[],condition:[]}};t();const s=l.ref("1"),r=l.ref([]),i=l.ref([]),o=l.ref(((T=(_=(O=e.payload.data)==null?void 0:O.fields)==null?void 0:_[0])==null?void 0:T.deviceCode)??""),a=l.ref(((L=(V=(A=e.payload.data)==null?void 0:A.fields)==null?void 0:V[0])==null?void 0:L.field)??""),c=l.ref([]);let u=l.reactive({});const d=l.ref(((B=e.payload.data)==null?void 0:B.isCondition)??!1),f=l.reactive({show:!1,payload:null}),h=async()=>{i.value=await Xa(e.itemId),o.value&&p()},p=()=>{t(),u=i.value.find(N=>N.deviceCode===o.value),u?(g(),e.payload.data.fields=[{index:0,deviceName:u.deviceName,deviceCode:u.deviceCode,field:a.value??""}],a.value=e.payload.data.fields[0].field):(a.value="",e.payload.data.fields=[]),console.log("图片配置",e.payload)},g=async()=>{u!=null&&u.deviceCode&&(c.value=await Ja(u.deviceCode))},m=()=>{t(),e.payload.data.fields=[{index:0,deviceName:(u==null?void 0:u.deviceName)??"",deviceCode:(u==null?void 0:u.deviceCode)??"",field:a.value??""}],console.log("图片配置",e.payload)},y=()=>{t(),e.payload.data.isCondition=d.value},b=()=>{t(),f.show=!0,f.payload=e.payload.data.condition??[]},w=N=>{f.show=!1,f.payload=null,N&&(t(),e.payload.data.condition=N),console.log("图片条件配置",e.payload.data)},x=()=>{r.value=JSON.parse(JSON.stringify(e.payload.getPorts().map(N=>({id:N.id,attrs:N.attrs,args:{x:Number(N.args.x.replace("%","")),y:Number(N.args.y.replace("%",""))}}))))},C=()=>{const N=Du;N.attrs.text.text=`${e.payload.getPorts().length+1}`,N.args.x="50%",N.args.y="50%",e.payload.addPorts([{group:"ports",...N}]),x()},E=()=>{Fr("#drawing-board",!0)},v=(N,M,k)=>{e.payload.portProp(N,"args/"+M,k+"%"),x()},S=N=>{e.payload.removePort(N),x()};return l.onMounted(()=>{t(),x(),h()}),(N,M)=>{const k=l.resolveComponent("el-col"),j=l.resolveComponent("el-option"),W=l.resolveComponent("el-select"),ee=l.resolveComponent("el-row"),$=l.resolveComponent("el-switch"),R=l.resolveComponent("el-button"),U=l.resolveComponent("el-collapse-item"),F=l.resolveComponent("el-table-column"),D=l.resolveComponent("el-slider"),q=l.resolveComponent("el-icon"),X=l.resolveComponent("el-table"),ae=l.resolveComponent("el-collapse"),K=l.resolveComponent("el-dialog");return l.openBlock(),l.createElementBlock("div",Tj,[l.createVNode(ae,{modelValue:s.value,"onUpdate:modelValue":M[3]||(M[3]=Q=>s.value=Q),accordion:""},{default:l.withCtx(()=>[l.createVNode(U,{title:"图片设置",name:"1"},{default:l.withCtx(()=>[l.createElementVNode("div",kj,[l.createVNode(ee,{gutter:20},{default:l.withCtx(()=>[l.createVNode(k,{span:12},{default:l.withCtx(()=>M[5]||(M[5]=[l.createElementVNode("div",{class:"row-label"},"参数设置",-1)])),_:1}),l.createVNode(k,{span:12},{default:l.withCtx(()=>[l.createVNode(W,{modelValue:o.value,"onUpdate:modelValue":M[0]||(M[0]=Q=>o.value=Q),placeholder:"请选择设备",onChange:p,size:"small",filterable:"",clearable:""},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(i.value,Q=>(l.openBlock(),l.createBlock(j,{key:Q.deviceCode,label:Q.deviceName,value:Q.deviceCode},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),l.createVNode(W,{modelValue:a.value,"onUpdate:modelValue":M[1]||(M[1]=Q=>a.value=Q),placeholder:"请选择字段",onChange:m,size:"small",filterable:"",clearable:"",style:{"margin-top":"10px"}},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(c.value,Q=>(l.openBlock(),l.createBlock(j,{key:Q.dataField,label:Q.name,value:Q.dataField},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1}),l.createVNode(ee,{gutter:20},{default:l.withCtx(()=>[l.createVNode(k,{span:12},{default:l.withCtx(()=>M[6]||(M[6]=[l.createElementVNode("div",{class:"row-label"},"条件配置",-1)])),_:1}),l.createVNode(k,{span:12},{default:l.withCtx(()=>[l.createVNode($,{modelValue:d.value,"onUpdate:modelValue":M[2]||(M[2]=Q=>d.value=Q),"active-value":!0,"inactive-value":!1,size:"small",onChange:y},null,8,["modelValue"]),l.createVNode(R,{type:"primary",size:"small",onClick:b,style:{"margin-left":"10px"}},{default:l.withCtx(()=>M[7]||(M[7]=[l.createTextVNode(" 配置 ")])),_:1})]),_:1})]),_:1})])]),_:1}),l.createVNode(U,{title:"连接桩设置",name:"3"},{default:l.withCtx(()=>[l.createVNode(R,{type:"primary",onClick:C,size:"small"},{default:l.withCtx(()=>M[8]||(M[8]=[l.createTextVNode("添加连接桩")])),_:1}),l.createVNode(R,{type:"primary",onClick:E,size:"small"},{default:l.withCtx(()=>M[9]||(M[9]=[l.createTextVNode("显示连接桩")])),_:1}),l.createVNode(X,{data:r.value,border:"",size:"small",style:{"margin-top":"10px"}},{default:l.withCtx(()=>[l.createVNode(F,{label:"ID",width:"50",align:"center"},{default:l.withCtx(({row:Q})=>[l.createTextVNode(l.toDisplayString(Q.attrs.text.text),1)]),_:1}),l.createVNode(F,{label:"x",width:"100",align:"center"},{default:l.withCtx(({row:Q})=>[l.createVNode(D,{modelValue:Q.args.x,"onUpdate:modelValue":Oe=>Q.args.x=Oe,min:0,max:100,step:1,onInput:Oe=>v(Q.id,"x",Oe)},null,8,["modelValue","onUpdate:modelValue","onInput"])]),_:1}),l.createVNode(F,{label:"y",width:"100",align:"center"},{default:l.withCtx(({row:Q})=>[l.createVNode(D,{modelValue:Q.args.y,"onUpdate:modelValue":Oe=>Q.args.y=Oe,min:0,max:100,step:1,onInput:Oe=>v(Q.id,"y",Oe)},null,8,["modelValue","onUpdate:modelValue","onInput"])]),_:1}),l.createVNode(F,{label:"操作",width:"70",align:"center"},{default:l.withCtx(({row:Q})=>[l.createVNode(R,{type:"danger",size:"small",onClick:Oe=>S(Q.id)},{default:l.withCtx(()=>[l.createVNode(q,null,{default:l.withCtx(()=>[l.createVNode(l.unref(Km))]),_:1})]),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"])]),_:1})]),_:1},8,["modelValue"]),l.createVNode(K,{modelValue:f.show,"onUpdate:modelValue":M[4]||(M[4]=Q=>f.show=Q),width:"550px",title:"条件配置","show-close":!1,"close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[f.show?(l.openBlock(),l.createBlock(Aj,{key:0,payload:f.payload,type:"image",onClose:w},null,8,["payload"])):l.createCommentVNode("",!0)]),_:1},8,["modelValue"])])}}},[["__scopeId","data-v-f7269135"]]),m0=[{shape:"rect",width:60,height:5,attrs:{body:{fill:"#ffffff",stroke:"#ffffff",strokeWidth:0}},data:{type:"base-shape"}},{shape:"rect",width:60,height:20,attrs:{body:{fill:"#ffffff",stroke:"#ffffff",strokeWidth:1}},data:{type:"base-shape",label:"母线"}},{shape:"circle",width:40,height:40,attrs:{body:{fill:"#ffffff",stroke:"#ffffff",strokeWidth:1}},data:{type:"base-shape"}},{shape:"ellipse",width:60,height:40,attrs:{body:{fill:"#ffffff",stroke:"#ffffff"}},data:{type:"base-shape"}}],y0={groups:{ports:{position:"absolute",args:{x:0,y:0},attrs:{circle:{magnet:!0,stroke:"#8f8f8f",r:4}},label:{position:"top"}}}},Dj={style:{width:"100%",height:"100%",position:"relative"}},Rj={key:0,class:"spinner"},Td=Object.assign({name:"wiring-diagram-preview"},{__name:"index",props:{id:{type:String,default:""},background:{type:Object,default:()=>({})},grid:{type:Object,default:()=>({})},data:{type:Object,default:()=>({})}},setup(n){const e=n,t=l.ref(),s=()=>{window.__x6_instances__=[];const v=document.getElementById("preview-container");t.value=new z({container:v,autoResize:!0,panning:!0,mousewheel:!0,connecting:{router:"orth",connectionPoint:{name:"anchor"},anchor:"center"},interacting:{nodeMovable:!1,magnetConnectable:!1,edgeMovable:!1,edgeLabelMovable:!1,arrowheadMovable:!1,vertexMovable:!1,vertexAddable:!1,vertexDeletable:!1}}),window.__x6_instances__.push(v),t.value.on("blank:dblclick",()=>{h()}),t.value.on("render:done",()=>{Fr("#preview-container",!1),x()})},r=async()=>{let v,S,O;if(e.id){const _=await Ym(e.id);v=(_==null?void 0:_.background)||Ka,S=(_==null?void 0:_.grid)||Za,O=(_==null?void 0:_.data)||{cells:[]}}else v=e.background,S={},O=e.data;t.value.drawBackground(v),t.value.drawGrid(S),t.value.fromJSON(O),d()},i=l.ref(null),o=l.ref([]),a=l.ref([]),c=l.ref(!1),u=l.ref(!1),d=()=>{o.value=t.value.getCells().filter(v=>{var S,O,_,T;return((S=v==null?void 0:v.data)==null?void 0:S.type)==="text"||((O=v==null?void 0:v.data)==null?void 0:O.type)==="pipe"||((_=v==null?void 0:v.data)==null?void 0:_.type)==="arrow"||((T=v==null?void 0:v.data)==null?void 0:T.type)=="image"}),o.value.forEach(v=>{var S,O;(O=(S=v==null?void 0:v.data)==null?void 0:S.fields)!=null&&O.length&&a.value.push({id:v==null?void 0:v.id,fields:v==null?void 0:v.data.fields})}),h()},f=l.ref(!0),h=async()=>{if(u.value=!0,!a.value.length){u.value=!1;return}if(!f.value){Xe.warning("数据正在更新中，请稍后再试");return}i.value&&clearInterval(i.value),f.value=!1,console.log("字段数据",a.value),await p(a.value),!c.value&&(i.value=setTimeout(()=>{h()},1e4))},p=async(v,S=0)=>{let O=5;if(!c.value)if(v.length>S*O){const _=v.slice(S*O,S*O+O);console.log("批次：",S,"数据：",_),S++,g(await oD(_)),await p(v,S)}else u.value=!1,f.value=!0},g=v=>{v==null||v.forEach(S=>{var _,T,A;const O=t.value.getCellById(S.id);O.data.type==="text"&&(O.label=m(O.data.content,S.fields)),O.data.type==="pipe"&&(console.log("管道详情",O,(_=S.fields)==null?void 0:_[0].value),y(O,(T=S.fields)==null?void 0:T[0].value)),O.data.type==="arrow"&&b(O,(A=S.fields)==null?void 0:A[0].value),O.shape==="image"&&(console.log("图片详情",O,S.fields),w(O,S.fields))})},m=(v,S)=>{let O=0;return v.replace(Ad,()=>{const _=S.find(T=>T.index===O);return O++,_?_.value:d0})},y=(v,S)=>{if(!v.data.isCondition)return!1;console.log("进入设置管道阶段start：",v),console.log("管道条件判断设置：",v.data.condition);for(let O=0;O<v.data.condition.length;O++){if(console.log("┌──────单个设置管道阶段start：───────┐"),console.log("条件：",v.data.condition[O]),console.log("判断条件是否通过：",Number(S)>v.data.condition[O].min&&Number(S)<v.data.condition[O].max),Number(S)>v.data.condition[O].min&&Number(S)<v.data.condition[O].max)return console.log("管道条件判断设置的动画：",Pd(v.data.condition[O].direction)),v.attr("pipe/style/animation",Pd(v.data.condition[O].direction)),console.log("设置过后的属性：",v),console.log("└────────单个条件结束判断────────┘"),!1;console.log("└─────────单个条件结束判断───────┘")}},b=(v,S)=>{if(console.log(v,S),!v.data.isCondition)return!1;for(let O=0;O<v.data.condition.length;O++)if(Number(S)>v.data.condition[O].min&&Number(S)<v.data.condition[O].max)return v.attr("arrow/style/animation",v.data.condition[O].animation===cr?"flashing 2s infinite linear":""),v.attr("arrow/d",v.data.condition[O].direction===mi?el:Xm),v.attr("arrow/display",v.data.condition[O].display),!1},w=(v,S)=>{if(!v.data.isCondition||(console.log("进入设置图片阶段：",v),console.log("图片条件判断设置：",v.data.condition),console.log("设备字段数据：",S),!S||S.length===0))return!1;const O=S[0],_=Number(O.value1||O.value1==0?O.value1:O.value);for(let T=0;T<v.data.condition.length;T++){const A=v.data.condition[T];if(console.log(v.data,"cell.data55555555"),_>A.min&&_<A.max)return A.imageUrl&&(console.log("更换图片为：",Co(A==null?void 0:A.imageUrl)),v.attr("image/xlink:href",xe.isSunOs?A==null?void 0:A.imageUrl:Co(A==null?void 0:A.imageUrl))),!1}console.log("未匹配到条件，保持原图片")},x=()=>{t.value.zoomToFit({maxScale:1.4,padding:20})},C=l.shallowRef(),E=()=>{new ResizeObserver(()=>{x()}).observe(C.value)};return l.onMounted(()=>{c.value=!1,s(),r(),E()}),l.onUnmounted(()=>{c.value=!0,clearInterval(i.value)}),(v,S)=>(l.openBlock(),l.createElementBlock("div",Dj,[l.createElementVNode("div",{id:"preview-container",ref_key:"previewRef",ref:C,onDblclick:x},null,544),u.value?(l.openBlock(),l.createElementBlock("div",Rj,S[0]||(S[0]=[l.createElementVNode("div",{class:"spinner1"},null,-1)]))):l.createCommentVNode("",!0)]))}}),Ij={class:"form-container"},Lj={class:"footer"},Bj=Nt({__name:"group-form",props:{payload:{type:Object,default:()=>({})}},emits:["close"],setup(n,{emit:e}){const t=n,s=e,r=l.reactive({groupName:"",sort:1,isShow:1}),i=l.reactive({groupName:[{required:!0,message:"请输入分组名称",trigger:"blur"},{min:1,max:20,message:"长度在 1 到 20 个字符",trigger:"blur"}],sort:[{required:!0,message:"请输入排序",trigger:"blur"},{type:"number",message:"排序必须为数字值"}],isShow:[{required:!0,message:"请选择是否显示",trigger:"change"}]}),o=l.ref(),a=()=>{console.log(r),o.value.validate(u=>{if(u)r.id?qa("/custom/updateGroup",r).then(d=>{d!=null&&d.isOk?(Xe.success("保存成功"),s("close",!0)):Xe.error((d==null?void 0:d.msg)||"保存失败")}):qa("/custom/saveGroup",r).then(d=>{d!=null&&d.isOk?(Xe.success("保存成功"),s("close",!0)):Xe.error((d==null?void 0:d.msg)||"保存失败")});else return!1})},c=()=>{s("close",!1)};return l.onMounted(()=>{var u;(u=t.payload)!=null&&u.id&&(r.id=t.payload.id,r.groupName=t.payload.groupName,r.sort=t.payload.sort,r.isShow=t.payload.isShow)}),(u,d)=>{const f=l.resolveComponent("el-input"),h=l.resolveComponent("el-form-item"),p=l.resolveComponent("el-input-number"),g=l.resolveComponent("el-switch"),m=l.resolveComponent("el-button"),y=l.resolveComponent("el-form");return l.openBlock(),l.createElementBlock("div",Ij,[l.createVNode(y,{ref_key:"form",ref:o,model:r,rules:i,"label-width":"90px","label-suffix":":"},{default:l.withCtx(()=>[l.createVNode(h,{label:"分组名称",prop:"groupName"},{default:l.withCtx(()=>[l.createVNode(f,{modelValue:r.groupName,"onUpdate:modelValue":d[0]||(d[0]=b=>r.groupName=b),placeholder:"请输入分组名称",clearable:""},null,8,["modelValue"])]),_:1}),l.createVNode(h,{label:"排序",prop:"sort"},{default:l.withCtx(()=>[l.createVNode(p,{modelValue:r.sort,"onUpdate:modelValue":d[1]||(d[1]=b=>r.sort=b),min:0,max:999,step:1,"controls-position":"right"},null,8,["modelValue"])]),_:1}),l.createVNode(h,{label:"是否显示",prop:"isShow"},{default:l.withCtx(()=>[l.createVNode(g,{modelValue:r.isShow,"onUpdate:modelValue":d[2]||(d[2]=b=>r.isShow=b),"active-value":1,"inactive-value":0,"active-color":"#13ce66","inactive-color":"#ff4949"},null,8,["modelValue"])]),_:1}),l.createElementVNode("div",Lj,[l.createVNode(m,{type:"primary",onClick:a},{default:l.withCtx(()=>d[3]||(d[3]=[l.createTextVNode("保存")])),_:1}),l.createVNode(m,{onClick:c},{default:l.withCtx(()=>d[4]||(d[4]=[l.createTextVNode("取消")])),_:1})])]),_:1},8,["model","rules"])])}}},[["__scopeId","data-v-1c36ed4d"]]),jj={class:"form-container"},$j={class:"footer"},zj=Nt({__name:"image-form",props:{payload:{type:Object,default:()=>({})}},emits:["close"],setup(n,{emit:e}){const t=e,s=n,r=l.shallowRef(null),i=l.reactive({groupId:"",id:"",imageName:"",sort:0,isShow:1,imageUrl:""}),o={imageName:[{required:!0,message:"请输入图片名称",trigger:"blur"},{min:1,max:20,message:"长度在 1 到 20 个字符",trigger:"blur"}],sort:[{required:!0,message:"请输入排序",trigger:"blur"},{type:"number",message:"排序必须为数字值"}]},a=l.ref(""),c=f=>{if(f.raw.type.indexOf("image")===-1){Xe.error("请上传图片格式的文件");return}const h=new FormData;h.append("file",f.raw),iD("/file/fileUpload",h).then(p=>{p!=null&&p.isOk?xe.isSunOs?(a.value=p==null?void 0:p.data,i.imageUrl=p==null?void 0:p.data):(a.value=Jn.defaults.baseURL+"/upload/"+(p==null?void 0:p.data),i.imageUrl=p==null?void 0:p.data):Xe.error((p==null?void 0:p.msg)||"上传失败")})},u=()=>{console.log(i),r.value.validate(f=>{if(f)qa("/custom/savePicture",i).then(h=>{h!=null&&h.isOk?(Xe.success("保存成功"),t("close",!0)):Xe.error((h==null?void 0:h.msg)||"保存失败")});else return!1})},d=()=>{t("close",!1)};return l.onMounted(()=>{var f;(f=s.payload)!=null&&f.id&&(i.id=s.payload.id,i.imageName=s.payload.imageName,i.sort=s.payload.sort,i.isShow=s.payload.isShow,i.imageUrl=xe.isSunOs?s.payload.imageUrl:Co(s.payload.imageUrl),a.value=i.imageUrl),i.groupId=s.payload.groupId}),(f,h)=>{const p=l.resolveComponent("el-input"),g=l.resolveComponent("el-form-item"),m=l.resolveComponent("el-input-number"),y=l.resolveComponent("el-switch"),b=l.resolveComponent("el-image"),w=l.resolveComponent("el-icon"),x=l.resolveComponent("el-upload"),C=l.resolveComponent("el-button"),E=l.resolveComponent("el-form");return l.openBlock(),l.createElementBlock("div",jj,[l.createVNode(E,{ref_key:"form",ref:r,model:i,rules:o,"label-width":"90px","label-suffix":":"},{default:l.withCtx(()=>[l.createVNode(g,{label:"图片名称",prop:"imageName"},{default:l.withCtx(()=>[l.createVNode(p,{modelValue:i.imageName,"onUpdate:modelValue":h[0]||(h[0]=v=>i.imageName=v),placeholder:"请输入图片名称"},null,8,["modelValue"])]),_:1}),l.createVNode(g,{label:"排序",prop:"sort"},{default:l.withCtx(()=>[l.createVNode(m,{modelValue:i.sort,"onUpdate:modelValue":h[1]||(h[1]=v=>i.sort=v),min:0,max:999,step:1,"controls-position":"right"},null,8,["modelValue"])]),_:1}),l.createVNode(g,{label:"是否显示",prop:"isShow"},{default:l.withCtx(()=>[l.createVNode(y,{modelValue:i.isShow,"onUpdate:modelValue":h[2]||(h[2]=v=>i.isShow=v),"active-value":1,"inactive-value":0,"active-color":"#13ce66","inactive-color":"#ff4949"},null,8,["modelValue"])]),_:1}),l.createVNode(g,{label:"上传",prop:"image"},{default:l.withCtx(()=>[l.createVNode(x,{action:"","list-type":"picture",class:"avatar-uploader","show-file-list":!1,"on-change":c,"auto-upload":!1},{default:l.withCtx(()=>[a.value?(l.openBlock(),l.createBlock(b,{key:0,src:a.value,fit:"cover",style:{width:"64px",height:"64px"}},null,8,["src"])):(l.openBlock(),l.createBlock(w,{key:1,class:"avatar-uploader-icon"},{default:l.withCtx(()=>[l.createVNode(l.unref(bD))]),_:1}))]),_:1})]),_:1}),l.createElementVNode("div",$j,[l.createVNode(C,{type:"primary",onClick:u},{default:l.withCtx(()=>h[3]||(h[3]=[l.createTextVNode("保存")])),_:1}),l.createVNode(C,{onClick:d},{default:l.withCtx(()=>h[4]||(h[4]=[l.createTextVNode("取消")])),_:1})])]),_:1},8,["model"])])}}},[["__scopeId","data-v-f586fa50"]]),Fj={class:"form-container"},Uj={style:{padding:"0 10px",display:"flex","flex-direction":"column",gap:"5px","align-items":"flex-start"}},Hj=["src"],Gj=Nt({__name:"image-management",setup(n){const e=l.reactive({items:[]}),t=()=>{ys("/custom/groupList").then(h=>{e.items=h.data})},s=l.reactive({show:!1,title:"新增图片分组",payload:null}),r=()=>{s.show=!0,s.title="新增图片分组",s.payload=null},i=h=>{s.show=!0,s.title="编辑图片分组",s.payload={id:h.id,groupName:h.groupName,sort:h.sort,isShow:h.isShow}},o=h=>{(xe.isSunOs?ys:Wm)("/custom/removeGroup/"+h).then(g=>{g.code===200?(Xe.success("删除成功"),t()):Xe.error(g.msg||"删除失败")})},a=l.reactive({show:!1,title:"新增图片",payload:null}),c=h=>{a.show=!0,a.title="新增图片",a.payload={groupId:h}},u=h=>{a.show=!0,a.title="编辑图片",a.payload={id:h.id,groupId:h.groupId,imageName:h.imageName,sort:h.sort,isShow:h.isShow,imageUrl:h.imageUrl}},d=h=>{(xe.isSunOs?ys:Wm)("/custom/removePicture/"+h).then(g=>{g.code===200?(Xe.success("删除成功"),t()):Xe.error(g.msg||"删除失败")})},f=h=>{s.show=!1,a.show=!1,h&&t()};return l.onMounted(()=>{t()}),(h,p)=>{const g=l.resolveComponent("el-button"),m=l.resolveComponent("el-table-column"),y=l.resolveComponent("el-table"),b=l.resolveComponent("el-dialog");return l.openBlock(),l.createElementBlock("div",Fj,[l.createVNode(g,{type:"primary",onClick:r,size:"small"},{default:l.withCtx(()=>p[2]||(p[2]=[l.createTextVNode("新增图片分组")])),_:1}),l.createVNode(y,{data:e.items,border:"",height:"500"},{default:l.withCtx(()=>[l.createVNode(m,{type:"expand"},{default:l.withCtx(w=>[l.createElementVNode("div",Uj,[l.createVNode(g,{type:"primary",size:"small",onClick:x=>c(w.row.id)},{default:l.withCtx(()=>p[3]||(p[3]=[l.createTextVNode("新增图片")])),_:2},1032,["onClick"]),l.createVNode(y,{data:w.row.pictureList,border:"",size:"small"},{default:l.withCtx(()=>[l.createVNode(m,{label:"名称",prop:"imageName",align:"center"}),l.createVNode(m,{label:"图片",prop:"imageUrl",align:"center"},{default:l.withCtx(x=>[l.createElementVNode("img",{src:l.unref(xe.isSunOs)?x.row.imageUrl:l.unref(Co)(x.row.imageUrl),alt:"",style:{width:"64px",height:"64px"}},null,8,Hj)]),_:1}),l.createVNode(m,{label:"排序",prop:"sort",align:"center"}),l.createVNode(m,{label:"是否显示",prop:"isShow",align:"center"},{default:l.withCtx(x=>[l.createTextVNode(l.toDisplayString(x.row.isShow===1?"是":"否"),1)]),_:1}),l.createVNode(m,{label:"操作",align:"center"},{default:l.withCtx(x=>[l.createVNode(g,{type:"primary",size:"small",onClick:C=>u(x.row)},{default:l.withCtx(()=>p[4]||(p[4]=[l.createTextVNode("编辑 ")])),_:2},1032,["onClick"]),l.createVNode(g,{type:"danger",size:"small",onClick:C=>d(x.row.id)},{default:l.withCtx(()=>p[5]||(p[5]=[l.createTextVNode("删除 ")])),_:2},1032,["onClick"])]),_:1})]),_:2},1032,["data"])])]),_:1}),l.createVNode(m,{label:"分组名称",prop:"groupName",align:"center"}),l.createVNode(m,{label:"排序",prop:"sort",align:"center"}),l.createVNode(m,{label:"是否显示",prop:"isShow",align:"center"},{default:l.withCtx(w=>[l.createTextVNode(l.toDisplayString(w.row.isShow===1?"是":"否"),1)]),_:1}),l.createVNode(m,{label:"操作",align:"center"},{default:l.withCtx(w=>[l.createVNode(g,{type:"primary",size:"small",onClick:x=>i(w.row)},{default:l.withCtx(()=>p[6]||(p[6]=[l.createTextVNode("编辑")])),_:2},1032,["onClick"]),l.createVNode(g,{type:"danger",size:"small",onClick:x=>o(w.row.id)},{default:l.withCtx(()=>p[7]||(p[7]=[l.createTextVNode("删除")])),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"]),l.createVNode(b,{modelValue:s.show,"onUpdate:modelValue":p[0]||(p[0]=w=>s.show=w),title:s.title,width:"300","close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[s.show?(l.openBlock(),l.createBlock(Bj,{key:0,payload:s.payload,onClose:f},null,8,["payload"])):l.createCommentVNode("",!0)]),_:1},8,["modelValue","title"]),l.createVNode(b,{modelValue:a.show,"onUpdate:modelValue":p[1]||(p[1]=w=>a.show=w),title:a.title,width:"300","close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[a.show?(l.openBlock(),l.createBlock(zj,{key:0,payload:a.payload,onClose:f},null,8,["payload"])):l.createCommentVNode("",!0)]),_:1},8,["modelValue","title"])])}}},[["__scopeId","data-v-834dec8c"]]),Wj={class:"page-container"},Yj={class:"tool-bar"},qj={class:"action"},Xj={class:"el-dropdown-link"},Jj={class:"action",style:{"margin-right":"50px"}},Kj={class:"board"},Zj={class:"drawing-board-box"},Qj={id:"controls"},e$={key:0,class:"controls-label"},t$={style:{width:"100%",height:"100%",background:"black"}},b0=Nt(Object.assign({name:"editor"},{__name:"index",props:{id:{type:String,default:""},itemId:{type:String,default:""}},emits:["getJson"],setup(n,{emit:e}){const t=n,s=l.ref(),r=l.reactive({label:"",component:l.shallowRef(null)}),i=l.ref(null),o=l.ref(null),a=()=>{window.__x6_instances__=[];const L=document.getElementById("drawing-board");s.value=new z({container:L,autoResize:!0,panning:!0,mousewheel:!0,connecting:{snap:!0,allowEdge:!0,highlight:!0,router:"orth",connectionPoint:{name:"anchor"},anchor:"center",createEdge(){return s.value.createEdge({inherit:"edge",...tt,data:{type:u0()},zIndex:0})}}}),window.__x6_instances__.push(s.value),s.value.use(I3()),s.value.use(L3()),s.value.use(B3()),s.value.use(j3()),s.value.use(z3()),s.value.use(F3()),s.value.bindKey(["delete","backspace"],()=>{U3(s.value)}),s.value.bindKey(["ctrl+c","cmd + c"],()=>{H3(s.value)}),s.value.bindKey(["ctrl+v","cmd + v"],()=>{G3(s.value)}),s.value.bindKey(["ctrl+z","cmd + z"],()=>{W3(s.value)}),s.value.bindKey(["ctrl+y","cmd + y"],()=>{Y3(s.value)});let B=null;s.value.on("edge:click",({cell:N})=>{o.value=N,r.component=p0,r.label="线段属性",i.value=_d()}),s.value.on("edge:mouseenter",({cell:N})=>{clearTimeout(B),N.toFront(),q3(N)}),s.value.on("edge:mouseleave",({cell:N})=>{B=setTimeout(()=>{N.toBack(),N.removeTools()},300)}),s.value.on("node:mouseenter",()=>{Fr("#drawing-board",!0)}),s.value.on("node:mouseleave",()=>{Fr("#drawing-board",!1)}),s.value.use(new g0),s.value.on("blank:click",({e:N,x:M,y:k})=>{o.value=s,r.component=dD,r.label="画布属性",i.value=_d()}),s.value.on("cell:click",({cell:N})=>{var M,k;if(o.value=N,i.value=_d(),((M=N.data)==null?void 0:M.type)==="text"){r.component=h0,r.label="文本属性";return}if(((k=N.data)==null?void 0:k.type)==="base-shape"){r.component=h0,r.label="基础图形属性";return}if((N==null?void 0:N.shape)==="edge"){r.component=p0,r.label="连线属性";return}if((N==null?void 0:N.shape)==="image"){r.component=Vj,r.label="图片属性";return}r.component=null,r.label=null}),s.value.on("render:done",()=>{Fr("#drawing-board",!1),g()})},c=l.ref(),u=()=>{c.value=new yi({target:s.value,...aD,groups:[{name:"基础组件",graphPadding:30}],search(N,M){var k;return((k=N.label)==null?void 0:k.indexOf(M))!==-1},placeholder:"搜索",notFoundText:"未找到匹配项",getDragNode:N=>{const M=N.clone({keepId:!0});return M.label!=="文本"&&(M.label=""),M}});const L=s.value.createNode({...lD}),B=m0.map(N=>(N.ports=y0,s.value.createNode(N)));c.value.load([L,...B],"基础组件"),ys("/custom/groupList").then(N=>{const M=(N==null?void 0:N.data)||[];M==null||M.forEach(k=>{c.value.addGroup({name:k==null?void 0:k.groupName,graphPadding:30});const j=k==null?void 0:k.pictureList.map(W=>{const ee={shape:"image",imageUrl:xe.isSunOs?W==null?void 0:W.imageUrl:Co(W==null?void 0:W.imageUrl),ports:y0,width:64,height:64,label:W.imageName};return s.value.createNode(ee)});c.value.load(j,k==null?void 0:k.groupName),document.getElementById("stencil").appendChild(c.value.container)})}).finally(()=>{setTimeout(()=>{const N=c.value.container,M=N.querySelectorAll(".x6-node"),k=m0.length;N.addEventListener("mouseenter",j,!0),N.addEventListener("mouseleave",W,!0),M.forEach((ee,$)=>{const R=$>k,U=ee.querySelector("text");R&&U&&(Object.assign(U.style,{display:"none",fontSize:"12px",fill:"#ffffff"}),U.setAttribute("x","0%"),U.setAttribute("y","40"),ee.style.position="relative",ee.style.cursor="pointer")});function j(ee){const $=ee.target.closest(".x6-node");if($){const R=Array.from(M).indexOf($),U=$.querySelector("text");R>k&&U&&(U.style.display="block")}}function W(ee){const $=ee.target.closest(".x6-node");if($){const R=Array.from(M).indexOf($),U=$.querySelector("text");R>k&&U&&(U.style.display="none")}}return()=>{N.removeEventListener("mouseenter",j,!0),N.removeEventListener("mouseleave",W,!0)}},200)})},d=L=>{switch(L){case"snapLine":s.value.isSnaplineEnabled()?(s.value.disableSnapline(),Xe.warning("关闭对齐线")):(s.value.enableSnapline(),Xe.success("开启对齐线"));break;case"select":s.value.isSelectionEnabled()?(s.value.disableSelection(),Xe.warning("关闭框选")):(s.value.enableSelection(),Xe.success("开启框选"));break;case"drawLine":p();break;case"adaptive":g();break;case"shortcuts":y();break;case"image":w();break;case"clear":x();break;case"export":C();break}},f=l.ref(!1),h=l.ref(null),p=()=>{f.value=!0;const L=new Date;s.value.startBatch(L),s.value.disablePanning(),s.value.once("blank:mousedown",({e:B,x:N,y:M})=>{f.value&&(h.value=s.value.addEdge({source:{x:N,y:M},target:{x:N,y:M},...tt,data:{type:u0(),isConnector:!1},zIndex:0}))}),s.value.on("blank:mousemove",({e:B,x:N,y:M})=>{f.value&&h.value.setTarget({x:N,y:M})}),s.value.on("blank:mouseup",({e:B,x:N,y:M})=>{f.value=!1,s.value.enablePanning(),s.value.stopBatch(L)})},g=()=>{s.value.zoomToFit({maxScale:1,padding:20})},m=l.reactive({show:!1}),y=()=>{m.show=!0},b=l.reactive({show:!1}),w=()=>{b.show=!0},x=()=>{s.value.clearCells(),s.value.drawBackground(Ka),s.value.drawGrid(Za),Xe.success("清空成功")},C=()=>{const L=J().format("YYYYMMDDHHmmss");s.value.exportPNG(L,{padding:10,quality:1,backgroundColor:s.value.options.background.color})},E=e,v=l.reactive({show:!1,background:null,grid:null,data:null}),S=()=>{v.background=s.value.options.background,v.grid=s.value.options.grid,v.data=s.value.toJSON(),v.show=!0},O=()=>{v.show=!1},_=()=>{E("getJson",{background:s.value.options.background,grid:s.value.options.grid,data:s.value.toJSON()})},T=async()=>{if(!t.id){s.value.drawBackground(Ka),s.value.drawGrid(Za),s.value.fromJSON({cells:[]});return}const L=await Ym(t.id);s.value.drawBackground((L==null?void 0:L.background)||Ka),s.value.drawGrid((L==null?void 0:L.grid)||Za),s.value.fromJSON((L==null?void 0:L.data)||{cells:[]})},A=l.shallowRef(null),V=()=>{new ResizeObserver(()=>{g()}).observe(A.value)};return l.onMounted(()=>{a(),u(),T(),V()}),(L,B)=>{const N=l.resolveComponent("el-icon"),M=l.resolveComponent("el-button"),k=l.resolveComponent("el-dropdown-item"),j=l.resolveComponent("el-dropdown-menu"),W=l.resolveComponent("el-dropdown"),ee=l.resolveComponent("el-scrollbar"),$=l.resolveComponent("el-dialog"),R=l.resolveComponent("el-drawer");return l.openBlock(),l.createElementBlock("div",Wj,[l.createElementVNode("div",Yj,[l.createElementVNode("div",qj,[l.createVNode(W,{onCommand:d},{dropdown:l.withCtx(()=>[l.createVNode(j,null,{default:l.withCtx(()=>[l.createVNode(k,{command:"snapLine"},{default:l.withCtx(()=>B[4]||(B[4]=[l.createTextVNode("对齐线")])),_:1}),l.createVNode(k,{command:"select"},{default:l.withCtx(()=>B[5]||(B[5]=[l.createTextVNode("框选")])),_:1}),l.createVNode(k,{command:"drawLine"},{default:l.withCtx(()=>B[6]||(B[6]=[l.createTextVNode("绘制直线")])),_:1}),l.createVNode(k,{command:"adaptive"},{default:l.withCtx(()=>B[7]||(B[7]=[l.createTextVNode("视图自适应")])),_:1}),l.createVNode(k,{command:"shortcuts"},{default:l.withCtx(()=>B[8]||(B[8]=[l.createTextVNode("查看快捷键")])),_:1}),l.createVNode(k,{command:"image"},{default:l.withCtx(()=>B[9]||(B[9]=[l.createTextVNode("图片管理")])),_:1}),l.createVNode(k,{command:"clear"},{default:l.withCtx(()=>B[10]||(B[10]=[l.createTextVNode("清空画布")])),_:1}),l.createVNode(k,{command:"export"},{default:l.withCtx(()=>B[11]||(B[11]=[l.createTextVNode("导出成图片")])),_:1})]),_:1})]),default:l.withCtx(()=>[l.createElementVNode("span",Xj,[l.createVNode(M,{size:"small",text:""},{default:l.withCtx(()=>[B[3]||(B[3]=l.createTextVNode("工具 ")),l.createVNode(N,null,{default:l.withCtx(()=>[l.createVNode(l.unref(fD))]),_:1})]),_:1})])]),_:1})]),l.createElementVNode("div",Jj,[l.createVNode(l.unref(Kg),{content:"预览",placement:"bottom"},{default:l.withCtx(()=>[l.createVNode(M,{size:"small",icon:l.unref(xD),onClick:S},null,8,["icon"])]),_:1}),l.createVNode(l.unref(Kg),{content:"保存",placement:"bottom"},{default:l.withCtx(()=>[l.createVNode(M,{size:"small",icon:l.unref(mD),onClick:_},null,8,["icon"])]),_:1})])]),l.createElementVNode("div",Kj,[B[12]||(B[12]=l.createElementVNode("div",{id:"stencil"},null,-1)),l.createElementVNode("div",Zj,[l.createElementVNode("div",{id:"drawing-board",ref_key:"drawBoard",ref:A},null,512)]),l.createElementVNode("div",Qj,[r.label?(l.openBlock(),l.createElementBlock("div",e$,l.toDisplayString(r.label),1)):l.createCommentVNode("",!0),l.createVNode(ee,null,{default:l.withCtx(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(r.component),{graph:s.value,payload:o.value,key:i.value,itemId:t.itemId},null,8,["graph","payload","itemId"]))]),_:1})])]),l.createVNode($,{modelValue:m.show,"onUpdate:modelValue":B[0]||(B[0]=U=>m.show=U),width:"400px",title:"快捷键","close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[l.createVNode(vj)]),_:1},8,["modelValue"]),l.createVNode($,{modelValue:b.show,"onUpdate:modelValue":B[1]||(B[1]=U=>b.show=U),width:"800px",title:"图片管理","close-on-click-modal":!1,"close-on-press-escape":!1},{default:l.withCtx(()=>[b.show?(l.openBlock(),l.createBlock(Gj,{key:0})):l.createCommentVNode("",!0)]),_:1},8,["modelValue"]),l.createVNode(R,{class:"no-border-drawer",modelValue:v.show,"onUpdate:modelValue":B[2]||(B[2]=U=>v.show=U),onClose:O,title:"预览",direction:"ttb",size:"100%"},{default:l.withCtx(()=>[l.createElementVNode("div",t$,[v.show?(l.openBlock(),l.createBlock(Td,{key:0,background:v.background,grid:v.grid,data:v.data},null,8,["background","grid","data"])):l.createCommentVNode("",!0)])]),_:1},8,["modelValue"])])}}}),[["__scopeId","data-v-c709fa52"]]),n$=[b0,Td],w0=n=>{n$.forEach(e=>{n.component(e.name,e)})};typeof window<"u"&&window.Vue&&w0(window.Vue),xe.isSunOs=!1;const s$=n=>{xe.isSunOs=n},r$={install:w0};xe.WiringDiagramEditor=b0,xe.WiringDiagramPreview=Td,xe.default=r$,xe.setBaseURL=sD,xe.setIsSunOs=s$,xe.setToken=rD,Object.defineProperties(xe,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiring-diagram",
-  "version": "1.1.24",
+  "version": "1.1.25",
   "description": "A Vue 3.x component for wiring diagram",
   "type": "module",
   "main": "dist/vue-wiring-diagram.umd.js",

package/packages/components/preview/index.vue

@@ -310,7 +310,8 @@ const setImage = (cell, fields) => {
     
     // 获取设备值（图片目前只支持单设备）
     const field = fields[0]
-    const value = Number(field.value)
+    // value1 有值则使用
+    const value = Number((field.value1 || field.value1 == 0)?field.value1:field.value )
     
     // 根据条件判断更换图片
     for (let i = 0; i < cell.data.condition.length; i++) {