@farris/ui-vue 1.2.9 → 1.3.1

package/components/flow-canvas/index.umd.cjs

@@ -1 +1 @@
-(function(T,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("lodash-es"),require("../accordion/index.umd.js"),require("../avatar/index.umd.js"),require("../button-edit/index.umd.js"),require("../button-group/index.umd.js"),require("../calendar/index.umd.js"),require("../capsule/index.umd.js"),require("../checkbox/index.umd.js"),require("../color-picker/index.umd.js"),require("../combo-list/index.umd.js"),require("../content-container/index.umd.js"),require("../data-grid/index.umd.js"),require("../date-picker/index.umd.js"),require("../dropdown/index.umd.js"),require("../dynamic-form/index.umd.js"),require("../external-container/index.umd.js"),require("../events-editor/index.umd.js"),require("../filter-bar/index.umd.js"),require("../image-cropper/index.umd.js"),require("../input-group/index.umd.js"),require("../layout/index.umd.js"),require("../list-nav/index.umd.js"),require("../list-view/index.umd.js"),require("../lookup/index.umd.js"),require("../nav/index.umd.js"),require("../number-spinner/index.umd.js"),require("../number-range/index.umd.js"),require("../order/index.umd.js"),require("../page-header/index.umd.js"),require("../page-footer/index.umd.js"),require("../pagination/index.umd.js"),require("../progress/index.umd.js"),require("../query-solution/index.umd.js"),require("../radio-group/index.umd.js"),require("../rate/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../response-layout/index.umd.js"),require("../response-layout-editor/index.umd.js"),require("../search-box/index.umd.js"),require("../section/index.umd.js"),require("../smoke-detector/index.umd.js"),require("../splitter/index.umd.js"),require("../step/index.umd.js"),require("../switch/index.umd.js"),require("../tabs/index.umd.js"),require("../tags/index.umd.js"),require("../text/index.umd.js"),require("../time-picker/index.umd.js"),require("../transfer/index.umd.js"),require("../tree-view/index.umd.js"),require("../uploader/index.umd.js"),require("../verify-detail/index.umd.js"),require("../weather/index.umd.js"),require("../component/index.umd.js"),require("../video/index.umd.js"),require("../textarea/index.umd.js"),require("../tree-grid/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../accordion/index.umd.js","../avatar/index.umd.js","../button-edit/index.umd.js","../button-group/index.umd.js","../calendar/index.umd.js","../capsule/index.umd.js","../checkbox/index.umd.js","../color-picker/index.umd.js","../combo-list/index.umd.js","../content-container/index.umd.js","../data-grid/index.umd.js","../date-picker/index.umd.js","../dropdown/index.umd.js","../dynamic-form/index.umd.js","../external-container/index.umd.js","../events-editor/index.umd.js","../filter-bar/index.umd.js","../image-cropper/index.umd.js","../input-group/index.umd.js","../layout/index.umd.js","../list-nav/index.umd.js","../list-view/index.umd.js","../lookup/index.umd.js","../nav/index.umd.js","../number-spinner/index.umd.js","../number-range/index.umd.js","../order/index.umd.js","../page-header/index.umd.js","../page-footer/index.umd.js","../pagination/index.umd.js","../progress/index.umd.js","../query-solution/index.umd.js","../radio-group/index.umd.js","../rate/index.umd.js","../response-toolbar/index.umd.js","../response-layout/index.umd.js","../response-layout-editor/index.umd.js","../search-box/index.umd.js","../section/index.umd.js","../smoke-detector/index.umd.js","../splitter/index.umd.js","../step/index.umd.js","../switch/index.umd.js","../tabs/index.umd.js","../tags/index.umd.js","../text/index.umd.js","../time-picker/index.umd.js","../transfer/index.umd.js","../tree-view/index.umd.js","../uploader/index.umd.js","../verify-detail/index.umd.js","../weather/index.umd.js","../component/index.umd.js","../video/index.umd.js","../textarea/index.umd.js","../tree-grid/index.umd.js","../common/index.umd.js"],s):(T=typeof globalThis<"u"?globalThis:T||self,s(T["flow-canvas"]={},T.Vue,T.LodashES,T.FAccordion,T.FAvatar,T.FButtonEdit,T.FButtonGroup,T.FCalendar,T.FCapsule,T.FCheckbox,T.FColorPicker,T.FComboList,T.FContentContainer,T.FDataGrid,T.FDatePicker,T.FDropdown,T.FDynamicForm,T.FExteranlContainer,T.FEventsEditor,T.FFilterBar,T.FImageCropper,T.FInputGroup,T.FLayout,T.FListNav,T.FListView,T.FLookup,T.FNav,T.FNumberSpinner,T.FNumberRange,T.FOrder,T.FPageHeader,T.FPageFooter,T.FPagination,T.FProgress,T.FQuerySolution,T.FRadioGroup,T.FRate,T.FResponseToolbar,T.FResponseLayout,T.FResponseLayoutEditorSetting,T.FSearchBox,T.FSection,T.FSmokeDetector,T.FSplitter,T.FStep,T.FSwitch,T.FTab,T.FTags,T.FText,T.FTimePicker,T.FTransfer,T.FTreeview,T.FUploader,T.FVerifyDetail,T.FWeather,T.FComponent,T.FVideo,T.FTextArea,T.FTreeGrid,T.common))})(this,function(T,s,Oe,Qe,Je,Ze,et,tt,nt,ot,rt,it,st,at,ct,ut,lt,dt,ft,pt,mt,vt,gt,yt,ht,xt,Ct,wt,bt,Pt,jt,It,St,Tt,Nt,Ot,Et,Ft,At,Dt,Mt,Bt,_t,Vt,qt,kt,Lt,Rt,Xt,$t,Yt,zt,Ut,Ht,Wt,Gt,Kt,Qt,Jt,Ee){"use strict";const Le={modelValue:{type:Object,default:{}}};function Zt(){const P={aroundDirection:"none",left:2,right:2,top:2,bottom:2,x:0,y:0};function V(){const e=document.createElementNS("http://www.w3.org/2000/svg","path");return e.setAttribute("fill","none"),e.setAttribute("stroke","#4d53e8"),e.setAttribute("stroke-width","2"),e.setAttribute("class",""),e}function y(){const e=document.createElementNS("http://www.w3.org/2000/svg","path");return e.setAttribute("fill","none"),e.setAttribute("stroke","#4d53e8"),e.setAttribute("stroke-width","2"),e.setAttribute("stroke-linecap","round"),e}function C(){const e=document.createElementNS("http://www.w3.org/2000/svg","path");return e.setAttribute("fill","none"),e.setAttribute("stroke","#4d53e8"),e.setAttribute("stroke-width","2"),e.setAttribute("stroke-linecap","round"),e}function b(e,t,u,g){const a=n=>{n.key==="Delete"&&(e.indexOf("^"),document.removeEventListener("keydown",a),t.remove())};u.addEventListener("mouseenter",()=>{u.setAttribute("stroke","#37d0ff"),g.setAttribute("stroke","#37d0ff"),u.setAttribute("stroke-width","3"),document.addEventListener("keydown",a)}),u.addEventListener("mouseleave",()=>{u.setAttribute("stroke","#4d53e8"),u.setAttribute("stroke-width","2"),g.setAttribute("stroke","#4d53e8"),document.removeEventListener("keydown",a)})}function m(e){let t=document.getElementById(e);if(t==null){const u=document.createElementNS("http://www.w3.org/2000/svg","svg"),g=V();u.appendChild(g);const a=y();u.appendChild(a);const n=C();u.appendChild(n);const z=C();u.appendChild(z),t=document.createElement("div"),t.id=e,t.style.position="absolute",t.appendChild(u),b(e,t,g,a);const q=document.getElementById("svg-container");return q&&q.appendChild(t),t}return t}function N(e,t,u,g,a){const n={x:0,y:0};return e==="west"&&(t==="north_west"&&(u==="north"&&(n.x=0,n.y=0-a/2),u==="west"&&(n.x=0-g/2,n.y=0)),t==="north_east"&&(u==="north"&&(n.x=-100,n.y=0-a/2),u==="east"&&(n.x=-100,n.y=0-a/2)),t==="south_east"&&(u==="south"&&(n.x=-100,n.y=0+a/2),u==="east"&&(n.x=-100,n.y=0+a/2)),t==="south_west"&&(u==="south"&&(n.x=0,n.y=0+a/2),u==="west"&&(n.x=0-g/2,n.y=0))),e==="east"&&(t==="north_west"&&(u==="north"&&(n.x=-100,n.y=0-a/2),u==="west"&&(n.x=100,n.y=0-a/2)),t==="north_east"&&(u==="north"&&(n.x=0,n.y=0-a/2),u==="east"&&(n.x=0+g/2,n.y=0)),t==="south_east"&&(u==="south"&&(n.x=0,n.y=0+a/2),u==="east"&&(n.x=0+g/2,n.y=0)),t==="south_west"&&(u==="south"&&(n.x=100,n.y=0+a/2),u==="west"&&(n.x=100,n.y=0+a/2))),e==="north"&&(t==="north_west"&&(u==="north"&&(n.x=0,n.y=0-a/2),u==="west"&&(n.x=0-g/2,n.y=0)),t==="north_east"&&(u==="north"&&(n.x=0,n.y=0-a/2),u==="east"&&(n.x=0+g/2,n.y=0)),t==="south_east"&&(u==="south"&&(n.x=0+g/2,n.y=-100),u==="east"&&(n.x=0+g/2,n.y=-100)),t==="south_west"&&(u==="south"&&(n.x=0-g/2,n.y=-100),u==="west"&&(n.x=0-g/2,n.y=-100))),e==="south"&&(t==="north_west"&&(u==="north"&&(n.x=0-g/2,n.y=100),u==="west"&&(n.x=0-g/2,n.y=100)),t==="north_east"&&(u==="north"&&(n.x=0+g/2,n.y=100),u==="east"&&(n.x=0+g/2,n.y=100)),t==="south_east"&&(u==="south"&&(n.x=0,n.y=0+a/2),u==="east"&&(n.x=0+g/2,n.y=0)),t==="south_west"&&(u==="south"&&(n.x=0,n.y=a/2),u==="west"&&(n.x=0-g/2,n.y=0))),n}function E(e,t,u,g){const a={x:0,y:0};return e==="south"&&(t==="west"&&(a.x=-100,a.y=0-g/2),t==="east"&&(a.x=100,a.y=-100),t==="south"&&(a.x=0-u/2,a.y=100),(t==="north"||t==="center")&&(a.x=0,a.y=0-g/2)),e==="north"&&(t==="west"&&(a.x=-100,a.y=100),t==="east"&&(a.x=100,a.y=100),t==="north"&&(a.x=0-u/2,a.y=-100),(t==="south"||t==="center")&&(a.x=0,a.y=g/2)),e==="east"&&(t==="north"&&(a.y=-100,a.x=-100),t==="south"&&(a.y=100,a.x=-100),t==="east"&&(a.x=100,a.y=100),(t==="west"||t==="center")&&(a.x=0-u/2,a.y=0)),e==="west"&&(t==="north"&&(a.y=-100,a.x=100),t==="south"&&(a.y=100,a.x=100),t==="west"&&(a.x=-100,a.y=g/2),(t==="east"||t==="center")&&(a.x=u/2,a.y=0)),a}function p(e,t,u,g,a,n,z){const q=z==="south"||z==="east"?"portrait":"landscape",ee=a,R=q==="landscape"?"east":"north",ie=z==="center"?q==="landscape"?"west":"south":z,se=N(ee,n,R,e,t),{x:D,y:x}=se,W=E(R,ie,e,t),{x:G,y:Q}=W;Q<0&&(t+=Math.abs(Q));const fe=new Map([["default",0+D],["portrait",0+D],["landscape",0+D]]),oe=new Map([["default",t+x],["portrait",t+x],["landscape",t+x]]);D<0&&(e+=Math.abs(D)),G>0&&(e+=G);const ge=new Map([["default",e+G],["portrait",e+G],["landscape",e+G]]),ce=new Map([["default",0+Q],["portrait",0+Q],["landscape",0+Q]]),ue=g.left>P.left,ae=g.bottom>P.bottom,pe=ue?0:ae?e/2:fe.get(q),ye=ae?t+g.bottom:ue?t/2:oe.get(q),he=ge.get(q),me=ce.get(q);return[{x:pe,y:ye},{x:he,y:me},{x:G,y:Q}]}function S(e,t,u,g,a,n,z){const q=z==="south"||z==="west"?"portrait":"landscape",ee=a,R=q==="landscape"?"west":"north",ie=z,se=N(ee,n,R,e,t),{x:D,y:x}=se,W=E(R,ie,e,t),{x:G,y:Q}=W;Q<0&&(t+=Math.abs(Q)),D>0&&(e+=D),G<0&&(e+=Math.abs(G));const fe=new Map([["default",e+D],["portrait",e+D],["landscape",e+D]]),oe=new Map([["default",t+x],["portrait",t+x],["landscape",t+x]]),ge=new Map([["default",0+G],["portrait",0+G],["landscape",0+G]]),ce=new Map([["default",0+Q],["portrait",0+Q],["landscape",0+Q]]),ue=g.right>P.right,ae=g.bottom>P.bottom,pe=ue?e+g.right:ae?e/2:fe.get(q),ye=ae?t+g.bottom:ue?t/2:oe.get(q),he=ge.get(q),me=ce.get(q);return[{x:pe,y:ye},{x:he,y:me},{x:G,y:Q}]}function f(e,t,u,g,a,n,z){const q=z==="north"||z==="east"?"portrait":"landscape",ee=a,R=q==="landscape"?"east":"south",ie=z,se=N(ee,n,R,e,t),{x:D,y:x}=se,W=E(R,ie,e,t),{x:G,y:Q}=W,fe=new Map([["default",0+D],["portrait",0+D],["landscape",0+D]]),oe=new Map([["default",0+x],["portrait",0+x],["landscape",0+x]]);D<0&&(e+=Math.abs(D)),x<0&&(t+=Math.abs(x)),G>0&&(e+=G),Q>0&&(t+=Q);const ge=new Map([["default",e+G],["portrait",e+G],["landscape",e+G]]),ce=new Map([["default",t+Q],["portrait",t+Q],["landscape",t+Q]]),ue=g.left>P.left,ae=g.top>P.top,pe=ue?0:ae?e/2:fe.get(q),ye=ae?0:ue?t/2:oe.get(q),he=ge.get(q),me=ce.get(q);return[{x:pe,y:ye},{x:he,y:me},{x:G,y:Q}]}function r(e,t,u,g,a,n,z){const q=z==="north"||z==="west"?"portrait":"landscape",ee=a,R=q==="landscape"?"west":"south",ie=z,se=N(ee,n,R,e,t),{x:D,y:x}=se,W=E(R,ie,e,t),{x:G,y:Q}=W;G<0&&(e+=Math.abs(G));const fe=new Map([["default",e+D],["portrait",e+D],["landscape",e+D]]),oe=new Map([["default",0+x],["portrait",0+x],["landscape",0+x]]);x<0&&(t+=Math.abs(x)),Q>0&&(t+=Q);const ge=new Map([["default",0+G],["portrait",0+G],["landscape",0+G]]),ce=new Map([["default",t+Q],["portrait",t+Q],["landscape",t+Q]]),ue=g.right>P.right,ae=g.top>P.top,pe=ue?e+g.right:ae?e/2:fe.get(q),ye=ae?0:ue?t/2:oe.get(q),he=ge.get(q),me=ce.get(q);return[{x:pe,y:ye},{x:he,y:me},{x:G,y:Q}]}const i=new Map([["north_east",p],["north_west",S],["south_east",f],["south_west",r]]),h=new Map([["east",["north_west","south_west"]],["west",["north_east","south_east"]],["north",["south_west","south_east"]],["south",["north_west","north_east"]],["center",[]]]);function c(e,t){return e==="north_west"?{aroundDirection:"north_west",left:t.left,right:100,top:t.top,bottom:t.top}:e==="south_west"?{aroundDirection:"south_west",left:t.left,right:100,top:t.top,bottom:t.bottom}:t}function F(e,t){return e==="north_east"?{left:100,right:t.right,top:t.top,bottom:t.top}:e==="south_east"?{left:100,right:t.right,top:t.top,bottom:t.bottom}:t}function $(e,t){return e==="south_west"?{left:t.left,right:t.right,top:100,bottom:t.top}:e==="south_east"?{left:t.left,right:t.right,top:100,bottom:t.bottom}:t}function L(e,t){return e==="north_west"?{left:t.left,right:t.right,top:t.top,bottom:100}:e==="north_east"?{left:t.left,right:t.right,top:t.top,bottom:100}:t}function l(e,t){return t}const O=new Map([["east",c],["west",F],["north",$],["south",L],["center",l]]);function H(e,t,u,g){const a=t.x-e.x,n=t.y-e.y,z=a>=0?"east":"west",q=n>=0?"south":"north",ee=`${q}_${z}`,ie=(h.get(u)||[]).includes(ee),se=O.get(u),D=ie?se(ee,P):P,x=Math.abs(a),W=Math.abs(n),G=i.get(`${q}_${z}`),[Q,fe,oe]=G(x,W,ie,D,u,ee,g),ge=z==="west"?oe.x<0?Math.abs(oe.x):0:oe.x>0?oe.x:0,ce=D.left+D.right+x+ge,ue=q==="north"?oe.y<0?Math.abs(oe.y):0:oe.y>0?oe.y:0,ae=D.top+D.bottom+W+ue,pe=z==="east"?e.x-D.left:e.x+D.right-ce,ye=q==="south"?e.y-D.top:e.y+D.bottom-ae,he=z==="east"?D.left:ce-D.right,me=q==="north"?ae-D.bottom:D.top,Ae=z==="west"?oe.x<0?Math.abs(oe.x):0:oe.x<0?ce:ce-oe.x,Te=q==="north"?oe.y<0?Math.abs(oe.y):0:oe.y<0?ae:ae-oe.y;return{width:ce,height:ae,left:pe,top:ye,startPoinInBoundray:{x:he,y:me},firstControlPoint:Q,secondControlPoint:fe,endPoinInBoundray:{x:Ae,y:Te}}}function Y(e,t,u,g,a){e.style.position="absolute",e.style.alignItems="center",e.style.left=`${t}px`,e.style.top=`${u}px`,e.style.width=g+"px",e.style.height=a+"px"}function re(e,t,u,g,a,n,z){const q=e.childNodes[0];q.setAttribute("width",String(t)),q.setAttribute("height",String(u)),e.appendChild(q);const ee=q.childNodes[0],R=`${g.x} ${g.y}`,ie=`${a.x} ${a.y}`,se=`${n.x} ${n.y}`,D=`${z.x} ${z.y}`,x="M ".concat(R).concat(" C ").concat(ie).concat(","+se+",").concat(D);ee.setAttribute("d",x),ee.setAttribute("fill","none"),ee.setAttribute("stroke","#4d53e8"),ee.setAttribute("stroke-width","2"),ee.setAttribute("class","")}function J(e,t,u,g,a){const{width:n,height:z,left:q,top:ee,startPoinInBoundray:R,firstControlPoint:ie,secondControlPoint:se,endPoinInBoundray:D}=H(t,u,g,a);Y(e,q,ee,n,z),re(e,n,z,R,ie,se,D)}function v(e,t,u,g,a){const n=m(e);J(n,t,u,g,a)}function K(e){return Number(e.replace("px",""))}function Z(e){if(e!==null){const t=e.parentNode,u=K(t.style.left),g=K(t.style.top);return{x:u+e.offsetLeft+e.offsetWidth/2,y:g+e.offsetTop+e.offsetHeight/2}}return{x:0,y:0}}function d(e,t){const u=document.getElementById(e),g=document.getElementById(t),a=Z(u),n=Z(g),z=a.x+2,q=a.y,ee=n.x-2,R=n.y;return{startPoint:{x:z,y:q},endPoint:{x:ee,y:R}}}function A(e,t,u,g){const{startPoint:a,endPoint:n}=d(e,t);v(`${e}_${t}`,a,n,u,g)}return{connect:A,drawing:v}}function en(_){const U=s.ref(),I=s.ref(0),P=s.ref(0),V=s.ref({x:0,y:0}),y=s.ref(),{drawing:C}=_;function b(c){return Number(c.replace("px",""))}function m(c){return(c&&c.className&&c.className.split?c.className.split(" "):[]).includes("f-flow-ancher")}function N(c){switch((c?c.className.split(" "):[]).find(L=>L.startsWith("circle-"))||""){case"circle-left":return"west";case"circle-right":return"east";case"circle-top":return"north";case"circle-bottom":return"south";default:return"center"}}function E(c,F,$){const L=$.getBoundingClientRect();I.value=L.left,P.value=L.top,V.value={x:c,y:F},U.value=N($)}function p(c){var Y;const F=c.clientX-I.value,$=c.clientY-P.value,L=V.value.x+F,l=V.value.y+$,O=c.target,H=O&&typeof O.className=="string"&&m(O)?N(O):"center";C(`${(Y=y.value)==null?void 0:Y.id}_curve_to`,{x:V.value.x,y:V.value.y},{x:L,y:l},U.value,H)}function S(c){const F=document.getElementById(c);F&&F.remove()}function f(){document.addEventListener("mousemove",p)}function r(){document.removeEventListener("mousemove",p)}function i(c){y.value=void 0,r()}function h(c,F){y.value=document.getElementById(c);const $=y.value.offsetParent,L=y.value.getBoundingClientRect(),l=$.getBoundingClientRect(),O=b($.style.left)+(L.left-l.left),H=b($.style.top)+(L.top-l.top),Y=O+L.width/2,re=H+L.height/2;E(Y,re,y.value),f()}return{drawFrom:h,eraseDrawingLine:S,finishToDraw:i,getAncherPointPosition:N,isAncherPoint:m}}const tn={id:{type:String,default:""},type:{type:String,default:""},modelValue:{type:Object},x:{type:Number,default:0},y:{type:Number,default:0},connection:{type:Array,default:[]}},Ie=s.ref(0);function nn(_,U){const I=U.getBoundingClientRect(),P=_.getBoundingClientRect(),V=P.top>=I.top,y=P.top<=I.bottom;return V&&y}function Re(_){if(!_)return;let U;if(_.className.includes("dgComponentSelected")?U=_:U=_.querySelector(".dgComponentSelected"),!U)return;const I=U.getBoundingClientRect();if(I.width===0&&I.height===0)return;const P=U.querySelector(".component-btn-group");if(P){if(!nn(U,_)){P.style.display="none";return}P.style.display="";const y=P.getBoundingClientRect(),C=P.querySelector("div");if(C){const b=C.getBoundingClientRect();C.style.top=y.top+"px",C.style.left=y.left-b.width+"px"}}}const on={modelValue:{type:Object,default:{}},componentId:{type:String,default:""}};var be=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function rn(_){return _&&_.__esModule&&Object.prototype.hasOwnProperty.call(_,"default")?_.default:_}function Se(_){throw new Error('Could not dynamically require "'+_+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var Xe={exports:{}};(function(_,U){(function(I){_.exports=I()})(function(){return function(){function I(P,V,y){function C(N,E){if(!V[N]){if(!P[N]){var p=typeof Se=="function"&&Se;if(!E&&p)return p(N,!0);if(b)return b(N,!0);var S=new Error("Cannot find module '"+N+"'");throw S.code="MODULE_NOT_FOUND",S}var f=V[N]={exports:{}};P[N][0].call(f.exports,function(r){var i=P[N][1][r];return C(i||r)},f,f.exports,I,P,V,y)}return V[N].exports}for(var b=typeof Se=="function"&&Se,m=0;m<y.length;m++)C(y[m]);return C}return I}()({1:[function(I,P,V){var y={},C="(?:^|\\s)",b="(?:\\s|$)";function m(p){var S=y[p];return S?S.lastIndex=0:y[p]=S=new RegExp(C+p+b,"g"),S}function N(p,S){var f=p.className;f.length?m(S).test(f)||(p.className+=" "+S):p.className=S}function E(p,S){p.className=p.className.replace(m(S)," ").trim()}P.exports={add:N,rm:E}},{}],2:[function(I,P,V){(function(y){var C=I("contra/emitter"),b=I("crossvent"),m=I("./classes"),N=document,E=N.documentElement;function p(v,K){var Z=arguments.length;Z===1&&Array.isArray(v)===!1&&(K=v,v=[]);var d,A,e,t,u,g,a,n,z,q=null,ee,R,ie=!1,se=0,D,x=K||{};x.moves===void 0&&(x.moves=F),x.accepts===void 0&&(x.accepts=F),x.invalid===void 0&&(x.invalid=Ae),x.containers===void 0&&(x.containers=v||[]),x.isContainer===void 0&&(x.isContainer=c),x.copy===void 0&&(x.copy=!1),x.copySortSource===void 0&&(x.copySortSource=!1),x.revertOnSpill===void 0&&(x.revertOnSpill=!1),x.removeOnSpill===void 0&&(x.removeOnSpill=!1),x.direction===void 0&&(x.direction="vertical"),x.ignoreInputTextSelection===void 0&&(x.ignoreInputTextSelection=!0),x.mirrorContainer===void 0&&(x.mirrorContainer=N.body);var W=C({containers:x.containers,start:he,end:Te,cancel:He,remove:Ue,destroy:ge,canMove:ye,dragging:!1});return x.removeOnSpill===!0&&W.on("over",hn).on("out",xn),Q(),W;function G(o){return W.containers.indexOf(o)!==-1||x.isContainer(o)}function Q(o){var w=o?"remove":"add";r(E,w,"mousedown",ue),r(E,w,"mouseup",Ne)}function fe(o){var w=o?"remove":"add";r(E,w,"mousemove",ae)}function oe(o){var w=o?"remove":"add";b[w](E,"selectstart",ce),b[w](E,"click",ce)}function ge(){Q(!0),Ne({})}function ce(o){ee&&o.preventDefault()}function ue(o){t=o.clientX,u=o.clientY;var w=i(o)!==1||o.metaKey||o.ctrlKey;if(!w){var j=o.target,X=pe(j);X&&(ee=X,fe(),o.type==="mousedown"&&(O(j)?j.focus():o.preventDefault()))}}function ae(o){if(ee){if(i(o)===0){Ne({});return}if(!(o.clientX!==void 0&&Math.abs(o.clientX-t)<=(x.slideFactorX||0)&&o.clientY!==void 0&&Math.abs(o.clientY-u)<=(x.slideFactorY||0))){if(x.ignoreInputTextSelection){var w=J("clientX",o)||0,j=J("clientY",o)||0,X=N.elementFromPoint(w,j);if(O(X))return}var te=ee;fe(!0),oe(),Te(),me(te),m.add(n||e,"gu-transit"),wn(),Cn(),se=0,_e(o)}}}function pe(o){if(!(W.dragging&&d)&&!G(o)){for(var w=o;l(o)&&G(l(o))===!1;)if(x.invalid(o,w)||(o=l(o),!o))return;var j=l(o);if(j&&!x.invalid(o,w)){var X=x.moves(o,j,w,Y(o));if(X)return{item:o,source:j}}}}function ye(o){return!!pe(o)}function he(o){var w=pe(o);w&&me(w)}function me(o){On(o.item,o.source)&&(n=o.item.cloneNode(!0),W.emit("cloned",n,o.item,"copy")),A=o.source,e=o.item,g=a=Y(o.item),W.dragging=!0,W.emit("drag",e,A)}function Ae(){return!1}function Te(){if(W.dragging){var o=n||e;ze(o,l(o))}}function De(){ee=!1,fe(!0),oe(!0)}function Ne(o){if(De(),!!W.dragging){var w=n||e,j=J("clientX",o)||0,X=J("clientY",o)||0,te=h(d,j,X),ne=We(te,j,X);ne&&(n&&x.copySortSource||!n||ne!==A)?ze(w,ne):x.removeOnSpill?Ue():He()}}function ze(o,w){var j=l(o);n&&x.copySortSource&&w===A&&j.removeChild(e),Be(w)?W.emit("cancel",o,A):W.emit("drop",o,w,A,a),Me()}function Ue(){if(W.dragging){var o=n||e,w=l(o);w&&w.removeChild(o),W.emit(n?"cancel":"remove",o,w,A),Me()}}function He(o){if(W.dragging){var w=arguments.length>0?o:x.revertOnSpill,j=n||e,X=l(j),te=Be(X);te===!1&&w&&(n?X&&X.removeChild(n):A.insertBefore(j,g)),te||w?W.emit("cancel",j,A,A):W.emit("drop",j,X,A,a),Me()}}function Me(){var o=n||e;De(),bn(),Pn(),o&&m.rm(o,"gu-transit"),z&&clearTimeout(z),W.dragging=!1,q&&W.emit("out",o,q,A),W.emit("dragend",o,se),A=e=n=g=a=z=q=null}function Be(o,w){var j;return w!==void 0?j=w:d?j=a:j=Y(n||e),o===A&&j===g}function We(o,w,j){for(var X=o;X&&!te();)X=l(X);return X;function te(){var ne=G(X);if(ne===!1)return!1;var we=Ge(X,o),ve=Ke(X,we,w,j),Ce=Be(X,ve);return Ce?!0:x.accepts(e,X,A,ve)}}function _e(o){if(!d)return;o.preventDefault();var w=J("clientX",o)||0,j=J("clientY",o)||0;d.style.left=w-2+"px",d.style.top=j-2+"px";var X=n||e,te=h(d,w,j),ne=We(te,w,j),we=ne!==null&&ne!==q;(we||ne===null)&&(xe(),q=ne,je()),Nn(te,j);var ve=l(X);if(ne===A&&n&&!x.copySortSource){ve&&ve.removeChild(X);return}var Ce,Pe=Ge(ne,te);if(ie=jn(Pe,ne),Pe!==null)Ce=Ke(ne,Pe,w,j);else if(x.revertOnSpill===!0&&!n)Ce=g,ne=A;else{n&&ve&&ve.removeChild(X),n&&R&&(R.style.display="none");return}R.style.display="block",yn(Ce,X,we),Ce?Sn(Pe,Ce):Tn(ne);function le(de){W.emit(de,X,q,A)}function je(){we&&le("over")}function xe(){q&&le("out")}}function yn(o,w,j){(o===w||o===Y(w))&&(a=Y(w)),(o===null&&j||o!==w&&o!==Y(w))&&(a=o)}function hn(o){m.rm(o,"gu-hide")}function xn(o){W.dragging&&m.add(o,"gu-hide")}function Cn(){d||(d=document.createElement("div"),d.style="background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;",d.innerHTML=x.getMirrorText&&x.getMirrorText(e)||"控件",m.add(d,"gu-mirror"),x.mirrorContainer.appendChild(d),r(E,"add","mousemove",_e),m.add(x.mirrorContainer,"gu-unselectable"),W.emit("cloned",d,e,"mirror"))}function wn(){if(R=document.createElement("div"),m.add(R,"gu-insertion"),e){var o=e.getBoundingClientRect();R.style.left=o.left+"px",R.style.top=o.top+"px"}ie=!1,x.mirrorContainer.appendChild(R)}function bn(){d&&(m.rm(x.mirrorContainer,"gu-unselectable"),r(E,"remove","mousemove",_e),l(d).removeChild(d),d=null)}function Pn(){R&&(l(R).removeChild(R),R=null)}function Ge(o,w){for(var j=w;j!==o&&l(j)!==o;)j=l(j);return j===E?null:j}function jn(o,w){if(!w)return ie;var j=o||w&&w.lastElementChild;if(!j)return!0;var X=getComputedStyle(o),te=/^inline/.test(X.getPropertyValue("display"))||/^(left|right)$/.test(X.getPropertyValue("float"));if(te)return!0;if(w){var ne=getComputedStyle(w),we=ne.getPropertyValue("display");if(/flex$/.test(we)){var ve=ne.getPropertyValue("flex-direction")||"row";if(ve==="row"||ve==="row-reverse")return!In(w)}return!1}return!0}function In(o){if(!o.children||!o.children.length)return!1;for(const w of Array.from(o.children)){const X=(w.className&&w.className.split(" ")||[]).filter(te=>/^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(te));if(!X.length)return!1;for(const te of X){const ne=te.slice(te.lastIndexOf("-")+1);if(parseInt(ne,10)!==12)return!1}}return!0}function Sn(o,w){const j=w.getBoundingClientRect();if(R.style.left=j.left+"px",R.style.top=j.top+"px",ie){if(R.style.height=j.height+"px",R.style.width="4px",o){const X=o.getBoundingClientRect();X.top!==j.top&&(R.style.left=X.right+"px",R.style.top=X.top+"px",R.style.height=X.height+"px")}}else if(R.style.height="4px",R.style.width=j.width+"px",D){const X=D.getBoundingClientRect();j.top<X.top&&(R.style.display="none")}w===e&&e&&(R.style.display="none")}function Tn(o){a=null;var w=o.lastElementChild;if(w){var j=w.getBoundingClientRect();ie?(R.style.left=j.right+"px",R.style.top=j.top+"px",R.style.height=j.height+"px",R.style.width="4px"):(R.style.left=j.left+"px",R.style.top=j.bottom+"px",R.style.height="4px",R.style.width=j.width+"px"),w===e&&e&&(R.style.display="none")}else R.style.display="none"}function Nn(o,w){if(!x.mirrorContainer.contains(o)||!window.scrollContainerList||!Array.from(window.scrollContainerList).length||(D=S(o),!D||!D.contains(o)))return;const j=document.querySelector(".dgComponentSelected"),X=D.getBoundingClientRect();if(w-30<X.top&&D.scrollTop>0){let te=D.scrollTop<10?D.scrollTop:10;D.scrollBy(0,-1*te),j&&D.contains(j)&&(se=se+-1*te)}if(w+30>X.bottom&&D.scrollTop<D.scrollHeight-D.clientHeight){const te=D.scrollHeight-D.clientHeight-D.scrollTop;let ne=te<10?te:10;D.scrollBy(0,ne),j&&D.contains(j)&&(se=se+ne)}}function Ke(o,w,j,X){var te=x.direction==="horizontal",ne=x.direction==="mixed",we=w!==o?Ce():ve();return we;function ve(){var le=o.children.length,je,xe,de;for(je=0;je<le;je++)if(xe=o.children[je],de=xe.getBoundingClientRect(),te&&de.left+de.width/2>j||!ne&&!te&&de.top+de.height/2>X||ne&&de.left+de.width>j&&de.top+de.height>X)return xe;return null}function Ce(){var le=w.getBoundingClientRect();if(ne){var je=X-le.top,xe=j-le.left,de=le.bottom-X,Ve=le.right-j,qe=Math.min(xe,Ve,je,de),ke;return ie?ke=Ve<xe:ke=de===qe||Ve===qe||xe===qe,Pe(ke)}return Pe(te?j>le.left+$(le)/2:X>le.top+L(le)/2)}function Pe(le){return le?Y(w):w}}function On(o,w){return typeof x.copy=="boolean"?x.copy:x.copy(o,w)}}function S(v){const K=Array.from(window.scrollContainerList);if(K.length===1){const d=Array.from(window.scrollContainerList)[0];return document.getElementById(d)}const Z=f(K);for(const d of Z)if(d.contains(v))return d;return null}function f(v){const K=[];return v.forEach(Z=>{const d=document.getElementById(Z);d&&K.push(d)}),K.sort((Z,d)=>Z.contains(d)?1:d.contains(Z)?-1:0),K}function r(v,K,Z,d){var A={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},e={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},t={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};y.navigator.pointerEnabled?b[K](v,e[Z],d):y.navigator.msPointerEnabled?b[K](v,t[Z],d):(b[K](v,A[Z],d),b[K](v,Z,d))}function i(v){if(v.touches!==void 0)return v.touches.length;if(v.which!==void 0&&v.which!==0)return v.which;if(v.buttons!==void 0)return v.buttons;var K=v.button;if(K!==void 0)return K&1?1:K&2?3:K&4?2:0}function h(v,K,Z){v=v||{};var d=v.className||"",A;return v.className+=" gu-hide",A=N.elementFromPoint(K,Z),v.className=d,A}function c(){return!1}function F(){return!0}function $(v){return v.width||v.right-v.left}function L(v){return v.height||v.bottom-v.top}function l(v){return v.parentNode===N?null:v.parentNode}function O(v){return v.tagName==="INPUT"||v.tagName==="TEXTAREA"||v.tagName==="SELECT"||H(v)}function H(v){return!v||v.contentEditable==="false"?!1:v.contentEditable==="true"?!0:H(l(v))}function Y(v){return v.nextElementSibling||K();function K(){var Z=v;do Z=Z.nextSibling;while(Z&&Z.nodeType!==1);return Z}}function re(v){return v.targetTouches&&v.targetTouches.length?v.targetTouches[0]:v.changedTouches&&v.changedTouches.length?v.changedTouches[0]:v}function J(v,K){var Z=re(K),d={pageX:"clientX",pageY:"clientY"};return v in d&&!(v in Z)&&d[v]in Z&&(v=d[v]),Z[v]}P.exports=p}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{"./classes":1,"contra/emitter":5,crossvent:6}],3:[function(I,P,V){P.exports=function(C,b){return Array.prototype.slice.call(C,b)}},{}],4:[function(I,P,V){var y=I("ticky");P.exports=function(b,m,N){b&&y(function(){b.apply(N||null,m||[])})}},{ticky:10}],5:[function(I,P,V){var y=I("atoa"),C=I("./debounce");P.exports=function(m,N){var E=N||{},p={};return m===void 0&&(m={}),m.on=function(S,f){return p[S]?p[S].push(f):p[S]=[f],m},m.once=function(S,f){return f._once=!0,m.on(S,f),m},m.off=function(S,f){var r=arguments.length;if(r===1)delete p[S];else if(r===0)p={};else{var i=p[S];if(!i)return m;i.splice(i.indexOf(f),1)}return m},m.emit=function(){var S=y(arguments);return m.emitterSnapshot(S.shift()).apply(this,S)},m.emitterSnapshot=function(S){var f=(p[S]||[]).slice(0);return function(){var r=y(arguments),i=this||m;if(S==="error"&&E.throws!==!1&&!f.length)throw r.length===1?r[0]:r;return f.forEach(function(c){E.async?C(c,r,i):c.apply(i,r),c._once&&m.off(S,c)}),m}},m}},{"./debounce":4,atoa:3}],6:[function(I,P,V){(function(y){var C=I("custom-event"),b=I("./eventmap"),m=y.document,N=S,E=r,p=[];y.addEventListener||(N=f,E=i),P.exports={add:N,remove:E,fabricate:h};function S(l,O,H,Y){return l.addEventListener(O,H,Y)}function f(l,O,H){return l.attachEvent("on"+O,F(l,O,H))}function r(l,O,H,Y){return l.removeEventListener(O,H,Y)}function i(l,O,H){var Y=$(l,O,H);if(Y)return l.detachEvent("on"+O,Y)}function h(l,O,H){var Y=b.indexOf(O)===-1?J():re();l.dispatchEvent?l.dispatchEvent(Y):l.fireEvent("on"+O,Y);function re(){var v;return m.createEvent?(v=m.createEvent("Event"),v.initEvent(O,!0,!0)):m.createEventObject&&(v=m.createEventObject()),v}function J(){return new C(O,{detail:H})}}function c(l,O,H){return function(re){var J=re||y.event;J.target=J.target||J.srcElement,J.preventDefault=J.preventDefault||function(){J.returnValue=!1},J.stopPropagation=J.stopPropagation||function(){J.cancelBubble=!0},J.which=J.which||J.keyCode,H.call(l,J)}}function F(l,O,H){var Y=$(l,O,H)||c(l,O,H);return p.push({wrapper:Y,element:l,type:O,fn:H}),Y}function $(l,O,H){var Y=L(l,O,H);if(Y){var re=p[Y].wrapper;return p.splice(Y,1),re}}function L(l,O,H){var Y,re;for(Y=0;Y<p.length;Y++)if(re=p[Y],re.element===l&&re.type===O&&re.fn===H)return Y}}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{"./eventmap":7,"custom-event":8}],7:[function(I,P,V){(function(y){var C=[],b="",m=/^on/;for(b in y)m.test(b)&&C.push(b.slice(2));P.exports=C}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{}],8:[function(I,P,V){(function(y){var C=y.CustomEvent;function b(){try{var m=new C("cat",{detail:{foo:"bar"}});return m.type==="cat"&&m.detail.foo==="bar"}catch{}return!1}P.exports=b()?C:typeof document<"u"&&typeof document.createEvent=="function"?function(N,E){var p=document.createEvent("CustomEvent");return E?p.initCustomEvent(N,E.bubbles,E.cancelable,E.detail):p.initCustomEvent(N,!1,!1,void 0),p}:function(N,E){var p=document.createEventObject();return p.type=N,E?(p.bubbles=!!E.bubbles,p.cancelable=!!E.cancelable,p.detail=E.detail):(p.bubbles=!1,p.cancelable=!1,p.detail=void 0),p}}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{}],9:[function(I,P,V){var y=P.exports={},C,b;function m(){throw new Error("setTimeout has not been defined")}function N(){throw new Error("clearTimeout has not been defined")}(function(){try{typeof setTimeout=="function"?C=setTimeout:C=m}catch{C=m}try{typeof clearTimeout=="function"?b=clearTimeout:b=N}catch{b=N}})();function E(L){if(C===setTimeout)return setTimeout(L,0);if((C===m||!C)&&setTimeout)return C=setTimeout,setTimeout(L,0);try{return C(L,0)}catch{try{return C.call(null,L,0)}catch{return C.call(this,L,0)}}}function p(L){if(b===clearTimeout)return clearTimeout(L);if((b===N||!b)&&clearTimeout)return b=clearTimeout,clearTimeout(L);try{return b(L)}catch{try{return b.call(null,L)}catch{return b.call(this,L)}}}var S=[],f=!1,r,i=-1;function h(){!f||!r||(f=!1,r.length?S=r.concat(S):i=-1,S.length&&c())}function c(){if(!f){var L=E(h);f=!0;for(var l=S.length;l;){for(r=S,S=[];++i<l;)r&&r[i].run();i=-1,l=S.length}r=null,f=!1,p(L)}}y.nextTick=function(L){var l=new Array(arguments.length-1);if(arguments.length>1)for(var O=1;O<arguments.length;O++)l[O-1]=arguments[O];S.push(new F(L,l)),S.length===1&&!f&&E(c)};function F(L,l){this.fun=L,this.array=l}F.prototype.run=function(){this.fun.apply(null,this.array)},y.title="browser",y.browser=!0,y.env={},y.argv=[],y.version="",y.versions={};function $(){}y.on=$,y.addListener=$,y.once=$,y.off=$,y.removeListener=$,y.removeAllListeners=$,y.emit=$,y.prependListener=$,y.prependOnceListener=$,y.listeners=function(L){return[]},y.binding=function(L){throw new Error("process.binding is not supported")},y.cwd=function(){return"/"},y.chdir=function(L){throw new Error("process.chdir is not supported")},y.umask=function(){return 0}},{}],10:[function(I,P,V){(function(y){var C=typeof y=="function",b;C?b=function(m){y(m)}:b=function(m){setTimeout(m,0)},P.exports=b}).call(this,I("timers").setImmediate)},{timers:11}],11:[function(I,P,V){(function(y,C){var b=I("process/browser.js").nextTick,m=Function.prototype.apply,N=Array.prototype.slice,E={},p=0;V.setTimeout=function(){return new S(m.call(setTimeout,window,arguments),clearTimeout)},V.setInterval=function(){return new S(m.call(setInterval,window,arguments),clearInterval)},V.clearTimeout=V.clearInterval=function(f){f.close()};function S(f,r){this._id=f,this._clearFn=r}S.prototype.unref=S.prototype.ref=function(){},S.prototype.close=function(){this._clearFn.call(window,this._id)},V.enroll=function(f,r){clearTimeout(f._idleTimeoutId),f._idleTimeout=r},V.unenroll=function(f){clearTimeout(f._idleTimeoutId),f._idleTimeout=-1},V._unrefActive=V.active=function(f){clearTimeout(f._idleTimeoutId);var r=f._idleTimeout;r>=0&&(f._idleTimeoutId=setTimeout(function(){f._onTimeout&&f._onTimeout()},r))},V.setImmediate=typeof y=="function"?y:function(f){var r=p++,i=arguments.length<2?!1:N.call(arguments,1);return E[r]=!0,b(function(){E[r]&&(i?f.apply(null,i):f.call(null),V.clearImmediate(r))}),r},V.clearImmediate=typeof C=="function"?C:function(f){delete E[f]}}).call(this,I("timers").setImmediate,I("timers").clearImmediate)},{"process/browser.js":9,timers:11}]},{},[2])(2)})})(Xe);var sn=Xe.exports;const $e=rn(sn);function an(_){let U;function I(r,i,h){const c={};return c.sourceElement=r,c.sourceContainer=h,c.targetContainer=i,c.sourceType=r.getAttribute("data-sourceType")||"move",c.controlType=r.getAttribute("data-controlType"),c.controlTypeName=r.getAttribute("data-controlTypeName"),c.controlCategory=r.getAttribute("data-category"),c.controlFeature=r.getAttribute("data-feature"),c.parentComponentInstance=i.componentInstance,c.controlCategory==="input"?c.bindingType="field":c.controlCategory==="dataCollection"&&(c.bindingType="entity"),r.componentInstance&&(c.controlType=r.componentInstance.value.schema.type,c.controlCategory=r.componentInstance.value.schema.category),c}function P(r,i,h){if(r.contains(i)||i.classList.contains("no-drop"))return!1;const c=!0;if(r.componentInstance&&r.componentInstance.value.getDragScopeElement){const F=r.componentInstance.value.getDragScopeElement();if(F&&!F.contains(i))return!1}if(i.componentInstance&&i.componentInstance.value.canAccepts){const F=I(r,i,h);return i.componentInstance.value.canAccepts(F)}return c}function V(r,i){const h=i.getBoundingClientRect(),c=r.getBoundingClientRect(),F=c.top>=h.top,$=c.top<h.bottom;return F&&$}function y(r,i){const h=r.querySelector(".dgComponentSelected");if(!(!h||i===0)&&V(h,r)){const c=h.querySelector(".component-btn-group");if(c){const F=c.querySelector("div");if(F&&F.style.top){const $=Number.parseFloat(F.style.top);F.style.top=$-i+"px"}}}}function C(r,i,h){r.componentInstance;let c=-1;if(!i)return-1;if(r.componentInstance.value.contents){if(h&&h.componentInstance){if(h.getAttribute("data-noattach"))c=Number(h.getAttribute("data-position"));else{const F=h.componentInstance.value.schema;let $={id:F.id};F.type==="Component"&&($={component:F.id}),c=Oe.findIndex(r.componentInstance.value.contents,$),c=c===-1?0:c}c!==-1&&r.componentInstance.value.contents.splice(c,0,i)}else r.componentInstance.value.contents.push(i);r.componentInstance.value.updateDragAndDropRules()}return c}function b(r,i){if(!r.componentInstance.value.contents)return-1;if(r.componentInstance.value.contents.length===0)return 0;if(!i||!i.componentInstance)return r.componentInstance.value.contents.length;if(i.getAttribute("data-noattach"))return Number(i.getAttribute("data-position"));const h=i.componentInstance.value.schema;let c;h.type==="Component"?c={component:h.id}:c={id:h.id};let F=Oe.findIndex(r.componentInstance.value.contents,c);return F=F===-1?0:F,F}function m(r,i,h,c){if(i.componentInstance.value.addNewChildComponentSchema){const F=b(i,c),$=String(r.getAttribute("data-controltype")),L=r.getAttribute("data-feature"),l=String(r.innerText),O=i.componentInstance.value,H={componentType:$,label:l,parentComponentInstance:O,targetPosition:F},Y=L?JSON.parse(L):{},re=Object.assign(H,Y),J=i.componentInstance.value.addNewChildComponentSchema(re,_);C(i,J,c)}i.contains(r)&&i.removeChild(r)}function N(r,i,h,c){let F,$=-1;if(r.componentInstance&&r.componentInstance.value.triggerBelongedComponentToMoveWhenMoved){const O=r.componentInstance.value.getBelongedComponentInstance(r.componentInstance);O&&(r=s.ref(O.elementRef).value.parentElement,h=r.parentElement)}const L=r.componentInstance&&r.componentInstance.value.schema;let l={id:L&&L.id};L.type==="component"&&(l={component:L&&L.id}),$=Oe.findIndex(h.componentInstance.value.contents,l),$!==-1&&h.componentInstance.value.contents&&(F=h.componentInstance.value.contents.splice($,1),F=F[0]),C(i,F,c),h.componentInstance&&h.componentInstance.value.onChildElementMovedOut&&h.componentInstance.value.onChildElementMovedOut(r),i.componentInstance&&i.componentInstance.value.onAcceptMovedChildElement&&i.componentInstance.value.onAcceptMovedChildElement(r,h)}function E(r,i,h,c){if(!i||r.contains(i))return;switch(r.getAttribute("data-sourceType")){case"control":case"field":case"entity":{m(r,i,h,c);break}default:h.componentInstance.value.contents?N(r,i,h,c):i.contains(r)&&i.removeChild(r)}Ie.value++}function p(r){U&&U.destroy(),$e&&(U=$e([],{mirrorContainer:r,direction:"mixed",revertOnSpill:!0,moves(i,h,c){let F=!0;return i.classList.contains("no-drag")&&(F=!1),i.componentInstance&&(F=!!c.getAttribute("data-dragging-icon")),F},copy(i){return i.classList.contains("drag-copy")},getMirrorText(i){return i.componentInstance&&i.componentInstance.value.getDraggingDisplayText?i.componentInstance.value.getDraggingDisplayText():i.innerText||"控件"},accepts(i,h,c){const F=P(i,h,c),$=r.lastElementChild;return F?$.className=$.className.replace("undroppable",""):$.className.includes("undroppable")||($.className+=" undroppable"),F}}).on("over",(i,h)=>{h.className+=" drag-over"}).on("out",(i,h)=>{h.className=h.className.replace("drag-over","").replace("  ","")}).on("drop",(i,h,c,F)=>{E(i,h,c,F)}).on("dragend",(i,h)=>{y(i,h)}))}function S(r,i){if(!r)return;if(i.noDragDrop)return r;const h=r.querySelector(`[data-dragref='${i.id}-container']`)||r;U&&h&&U.containers.push(h)}function f(){if(!U)return;const r=document.getElementsByClassName("controlCategory");r&&(U.containers=U.containers.filter(i=>!i.className.includes("controlCategory")),Array.from(r).forEach(i=>{U.containers.push(i)}))}return{attachComponents:S,attachToolbox:f,initializeDragula:p}}const cn={id:{type:String,default:""},componentId:{type:String,default:""},type:{type:String,default:""},canDelete:{type:Boolean,default:!0},canMove:{type:Boolean,default:!0},canSelectParent:{type:Boolean,default:!0},customButtons:{type:Array,default:[]},customClass:{type:String,default:""},customStyle:{type:String,default:""},modelValue:{type:Object},ignore:{type:Boolean,default:!1}},M={},B={},k={};let Ye=!1;function un(){Ye||(Ye=!0,Je.registerDesigner(M,B,k),Qe.registerDesigner(M,B,k),Ze.registerDesigner(M,B,k),et.registerDesigner(M,B,k),tt.registerDesigner(M,B,k),nt.registerDesigner(M,B,k),ot.registerDesigner(M,B,k),rt.registerDesigner(M,B,k),it.registerDesigner(M,B,k),st.registerDesigner(M,B,k),at.registerDesigner(M,B,k),ct.registerDesigner(M,B,k),ut.registerDesigner(M,B,k),lt.registerDesigner(M,B,k),ft.registerDesigner(M,B,k),dt.registerDesigner(M,B),pt.registerDesigner(M,B,k),mt.registerDesigner(M,B,k),vt.registerDesigner(M,B,k),gt.registerDesigner(M,B,k),ht.registerDesigner(M,B,k),yt.registerDesigner(M,B,k),Ct.registerDesigner(M,B,k),xt.registerDesigner(M,B,k),bt.registerDesigner(M,B,k),wt.registerDesigner(M,B,k),Pt.registerDesigner(M,B,k),jt.registerDesigner(M,B,k),It.registerDesigner(M,B,k),St.registerDesigner(M,B,k),Tt.registerDesigner(M,B,k),Nt.registerDesigner(M,B,k),Ot.registerDesigner(M,B,k),At.registerDesigner(M,B,k),Dt.registerDesigner(M,B,k),Ft.registerDesigner(M,B,k),Et.registerDesigner(M,B,k),Mt.registerDesigner(M,B,k),Bt.registerDesigner(M,B,k),_t.registerDesigner(M,B,k),Vt.registerDesigner(M,B,k),qt.registerDesigner(M,B,k),kt.registerDesigner(M,B,k),Lt.registerDesigner(M,B,k),Rt.registerDesigner(M,B,k),Xt.registerDesigner(M,B,k),Wt.registerDesigner(M,B,k),$t.registerDesigner(M,B,k),Yt.registerDesigner(M,B,k),zt.registerDesigner(M,B,k),Ut.registerDesigner(M,B,k),Ht.registerDesigner(M,B,k),Gt.registerDesigner(M,B),Kt.registerDesigner(M,B,k),Qt.registerDesigner(M,B,k),Jt.registerDesigner(M,B,k))}const ln={id:{type:String}},dn=s.defineComponent({name:"FDesignerPlaceholder",props:ln,emits:[],setup(_){const U=s.computed(()=>({"drag-and-drop-alert":!0,"no-drag":!0,"w-100":!0})),I=s.computed(()=>({height:"60px",display:"flex","justify-content":"center","align-items":"center",margin:0,padding:".75rem 1.25rem",border:"1px solid transparent","border-radius":"3px",color:"#315585","background-color":"#dfedff","border-color":"#d2e6ff"}));return()=>s.createVNode("div",{class:U.value,style:I.value,role:"alert","data-noattach":"true","data-position":"0"},[s.createTextVNode("拖拽组件到这里")])}});function fn(_){return typeof _=="function"||Object.prototype.toString.call(_)==="[object Object]"&&!s.isVNode(_)}const Fe=s.defineComponent({name:"FDesignerItem",props:cn,emits:["selectionChange"],setup(_,U){const I=s.ref(`${_.modelValue.id}-component`),P=s.ref(_.canMove),V=s.ref(_.canDelete),y=s.ref(!1),C=s.ref(_.modelValue),b=s.ref(_.componentId||""),m=s.ref(""),N=s.ref(""),E=s.ref(_.customClass),p=s.ref(),S=s.inject("canvas-dragula"),f=s.ref(),r=s.inject("design-item-context"),i={designerItemElementRef:p,componentInstance:f,schema:C.value,parent:r,setupContext:U};s.provide("design-item-context",i);const h=s.inject("useFormSchema"),c=s.computed(()=>{const d=_.modelValue.appearance&&_.modelValue.appearance.class||"";let A={"farris-component":!0,"flex-fill":C.value.id=="root-component","position-relative":P.value&&V.value,"farris-nested":y.value,"can-move":P.value,"d-none":p.value&&p.value.classList.contains("d-none"),dgComponentSelected:p.value&&p.value.classList.contains("dgComponentSelected"),dgComponentFocused:p.value&&p.value.classList.contains("dgComponentFocused")};return A[`farris-component-${C.value.type}`]=!0,A=Ee.getCustomClass(A,d),A=Ee.getCustomClass(A,N.value),A=Ee.getCustomClass(A,E.value),A}),F=s.computed(()=>{const d={},A=_.modelValue.appearance&&_.modelValue.appearance.style||"";return A&&A.split(";").reduce((e,t)=>{const[u,g]=t.split(":");return e[u]=g,e},d),m.value&&m.value.split(";").reduce((e,t)=>{const[u,g]=t.split(":");return u&&(e[u]=g),e},d),d});function $(d,A){var u,g,a;if(d&&(d.preventDefault(),d.stopPropagation()),f.value.triggerBelongedComponentToDeleteWhenDeleted){const n=f.value.getBelongedComponentInstance(f);if(n&&n.parent){const z=s.ref(n==null?void 0:n.parent),q=z.value.contents.findIndex(ee=>ee.id===n.schema.id);(g=(u=z.value)==null?void 0:u.contents)==null||g.splice(q,1),(a=z.value)==null||a.updateDragAndDropRules(),Ie.value++}return}let e=r,t=n=>n.id===A.id;if(A.type==="component"&&(e=r==null?void 0:r.parent,t=n=>n.component===A.id),e&&e.schema.contents){const n=e.schema.contents.findIndex(t);e.schema.contents.splice(n,1),e.componentInstance.value.updateDragAndDropRules(),Ie.value++,U.emit("selectionChange")}}function L(d){return V.value&&s.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:A=>{$(A,d)}},[s.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function l(){return P.value&&s.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[s.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function O(){return _.customButtons&&!!_.customButtons.length&&_.customButtons.map(d=>s.createVNode("div",{role:"button",class:`btn component-settings-button ${d.class||""}`,title:d.title,ref:d.id},[s.createVNode("i",{class:d.icon},null)]))}function H(d){return s.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[s.createVNode("div",null,[L(d),l(),O()])])}function Y(d,A,e,t){U.emit("selectionChange",d,A,e,t)}function re(d){let A;const e=d.type,t=M[e],u=B[e],g=u?u(d):{};g.customClass=_.ignore?g.customClass:"",g.componentId=b.value;const a=d.contents&&d.contents.length===0;return d.contents&&!!d.contents.length&&t?s.createVNode(t,s.mergeProps({ref:f},g),fn(A=d.contents.map(z=>s.createVNode(Fe,{key:z.id,modelValue:z,"onUpdate:modelValue":q=>z=q,componentId:b.value,onSelectionChange:Y},null)))?A:{default:()=>[A]}):t?a?s.createVNode(t,s.mergeProps({ref:f},g),{default:()=>[s.createVNode(dn,null,null)]}):s.createVNode(t,s.mergeProps({ref:f},g),null):s.createVNode("div",null,null)}function J(d){if(d.type==="component-ref"){let e=h==null?void 0:h.getFormSchema().module.components.find(t=>t.id===d.component);if(e)return s.createVNode(Fe,{key:e.id,modelValue:e,"onUpdate:modelValue":t=>e=t,componentId:e.id,onSelectionChange:Y},null)}}s.watch(()=>_.modelValue,d=>{C.value=d,I.value=`${d.id}-component`});function v(d){const A=d.target;Re(A)}function K(){var d,A;(A=(d=C.value)==null?void 0:d.contents)!=null&&A.length&&p.value&&p.value.addEventListener("scroll",v)}s.onMounted(()=>{if(p.value&&f.value&&f.value.schema){const d=p.value.querySelector(`[data-dragref='${f.value.schema.id}-container']`);S&&d&&S.attachComponents(d,C.value),y.value=f.value.canNested!==void 0?f.value.canNested:y.value,V.value=f.value.canDelete!==void 0?f.value.canDelete:V.value,P.value=f.value.canMove!==void 0?f.value.canMove:P.value,m.value=f.value.styles||"",N.value=f.value.designerClass||"",p.value&&(p.value.componentInstance=f,p.value.designItemContext=i)}K(),Ie.value++}),s.onBeforeUnmount(()=>{p.value&&p.value.removeEventListener("scroll",v)});function Z(d){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(e=>e.classList.remove("dgComponentFocused")),d&&(d.preventDefault(),d.stopPropagation());const A=p.value;if(A){const e=document.getElementsByClassName("dgComponentSelected");if(!(e&&e.length===1&&e[0]===p.value)&&(Array.from(e).forEach(u=>u.classList.remove("dgComponentSelected")),A.classList.add("dgComponentFocused"),U.emit("selectionChange",C.value.type,C.value,b.value,f.value),f.value.getDraggableDesignItemElement)){const u=f.value.getDraggableDesignItemElement(i);u&&u.value&&u.value.classList.add("dgComponentSelected")}}v(d)}return()=>C.value.type==="component-ref"?J(C.value):s.createVNode("div",{id:`${C.value.id}-design-item`,ref:p,class:c.value,style:F.value,onClick:Z},[H(C.value),re(C.value)])}}),pn=s.defineComponent({name:"FDesignerCanvas",props:on,emits:["init","selectionChange","canvasChanged"],setup(_,U){const I=s.ref(),P=s.ref(),V=s.ref(),y=s.ref(),C=s.ref(),b=s.ref(_.componentId),m={eventsEditorUtils:s.inject("eventsEditorUtils"),formSchemaUtils:s.inject("useFormSchema"),formMetadataConverter:s.inject("formMetadataConverter"),designViewModelUtils:s.inject("designViewModelUtils"),controlCreatorUtils:s.inject("controlCreatorUtils"),metadataService:s.inject("Meatdata_Http_Service_Token"),schemaService:s.inject("schemaService")};s.provide("designer-host-service",m);const N=an(m);un(),s.provide("canvas-dragula",N),s.provide("design-item-context",{designerItemElementRef:y,componentInstance:C,schema:P.value,parent:void 0});const E=s.computed(()=>({"d-flex":!0,"flex-fill":!0,"flex-column":!0}));s.onMounted(()=>{V.value&&N.initializeDragula(V.value),I.value=_.modelValue,U.emit("init",N)}),s.watch(Ie,()=>{Re(V.value),U.emit("canvasChanged")},{flush:"post"});function p(S,f,r,i){U.emit("selectionChange",S,f,r,i)}return()=>s.createVNode("div",{class:"editorDiv flex-fill h-100"},[s.createVNode("div",{class:"editorPanel d-flex flex-fill flex-column PC"},[s.createVNode("div",{ref:V,class:E.value},[I.value&&s.createVNode(Fe,{modelValue:I.value,"onUpdate:modelValue":S=>I.value=S,onSelectionChange:p,componentId:b.value},null)])])])}}),mn=s.defineComponent({name:"FFlowNodeItem",props:tn,emits:[],setup(_,U){const I=s.ref(_.id),P=s.ref(_.modelValue),V=s.ref(),y=s.inject("use-drawing-bezier-composition"),{drawFrom:C,eraseDrawingLine:b,finishToDraw:m,getAncherPointPosition:N,isAncherPoint:E}=y,p=s.inject("use-bezier-curve-composition"),{connect:S}=p,f=s.inject("use-connections-composition"),{addConnection:r,getConnectionsOfNode:i}=f;new Map(_.connection);const h=s.computed(()=>({left:`${_.x}px`,top:`${_.y}px`}));function c(l,O){if(E(l)&&E(O)){const H=N(l),Y=N(O);S(l.id,O.id,H,Y);const re=l.id,J=O.id,v=re.split(/(-left-point|-right-point|-top-point|-bottom-point)/,1)[0],K=J.split(/(-left-point|-right-point|-top-point|-bottom-point)/,1)[0];r(v,re,K,J)}}function F(l){var O;document.removeEventListener("mouseup",F),m(l),b(`${(O=V.value)==null?void 0:O.id}_curve_to`),c(V.value,l.target)}function $(l,O){V.value=document.getElementById(l),C(l,O),document.addEventListener("mouseup",F),O.stopPropagation()}s.watch([()=>_.x,()=>_.y],()=>{const l=i(I.value);l.length&&l.forEach(O=>{const H=document.getElementById(O.from),Y=document.getElementById(O.to);H&&Y&&c(H,Y)})});const L=s.computed(()=>({"node-content":!0}));return()=>s.createVNode("div",{id:I.value,class:"br-node",style:h.value},[s.createVNode("div",{id:`${I.value}-left-point`,class:"f-flow-ancher circle-left",onMousedown:l=>$(`${I.value}-left-point`,l)},null),s.createVNode("div",{id:`${I.value}-top-point`,class:"f-flow-ancher circle-top",onMousedown:l=>$(`${I.value}-top-point`,l)},null),s.createVNode("div",{id:`${I.value}-content`,class:L.value,style:"min-width:200px;min-height:200px;"},[P.value&&s.createVNode(pn,{modelValue:P.value,"onUpdate:modelValue":l=>P.value=l},null)]),s.createVNode("div",{id:`${I.value}-right-point`,class:"f-flow-ancher circle-right",onMousedown:l=>$(`${I.value}-right-point`,l)},null),s.createVNode("div",{id:`${I.value}-bottom-point`,class:"f-flow-ancher circle-bottom",onMousedown:l=>$(`${I.value}-bottom-point`,l)},null)])}});function vn(_){const U=new Map,I=new Map;function P(C,b){const m=I.get(C)||[];m.filter(E=>b.from===E.from&&b.to===E.to).length>0||(m.push(b),I.set(C,m))}function V(C,b,m,N){const E=new Set(U.get(b)||[]);E.add(N),U.set(b,[...E]);const p={from:b,to:N,type:"Curve"};P(C,p),P(m,p)}function y(C){return I.get(C)||[]}return{addConnection:V,getConnectionsOfNode:y}}const gn=s.defineComponent({name:"FFlowCanvas",props:Le,emits:[],setup(_,U){const I=s.ref(),P=Zt(),V=en(P),y=vn();s.provide("use-bezier-curve-composition",P),s.provide("use-connections-composition",y),s.provide("use-drawing-bezier-composition",V);const C=s.computed(()=>({transition:"transform 0.2s","background-color":"#F2F3F5",height:"100%",width:"100%",position:"relative"}));s.onMounted(()=>{I.value=_.modelValue});const b=s.ref(),m=s.ref(),N=s.ref(),E=s.ref(),p=s.ref();function S(i){const h=i.clientX-E.value,c=i.clientY-p.value;b.value&&b.value.position&&(b.value.position.x=m.value+h,b.value.position.y=N.value+c)}function f(){document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",f),b.value=void 0,E.value=void 0,p.value=void 0}function r(i,h){b.value=i,m.value=i.position.x,N.value=i.position.y,E.value=h.clientX,p.value=h.clientY,document.addEventListener("mousemove",S),document.addEventListener("mouseup",f)}return()=>s.createVNode("div",{class:"f-flow-canvas editorDiv flex-fill h-100"},[s.createVNode("div",{id:"svg-container",class:"f-struct-wrapper flex-fill",style:C.value},[I.value&&I.value.contents.map(i=>s.createVNode(mn,{modelValue:i.content[0],"onUpdate:modelValue":h=>i.content[0]=h,id:i.id,x:i.position.x,y:i.position.y,onMousedown:h=>r(i,h)},null))])])}});T.FFlowCanvas=gn,T.flowCanvasProps=Le,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
+(function(S,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("lodash-es"),require("../accordion/index.umd.js"),require("../avatar/index.umd.js"),require("../button-edit/index.umd.js"),require("../button-group/index.umd.js"),require("../calendar/index.umd.js"),require("../capsule/index.umd.js"),require("../checkbox/index.umd.js"),require("../color-picker/index.umd.js"),require("../combo-list/index.umd.js"),require("../content-container/index.umd.js"),require("../data-grid/index.umd.js"),require("../date-picker/index.umd.js"),require("../dropdown/index.umd.js"),require("../dynamic-form/index.umd.js"),require("../external-container/index.umd.js"),require("../events-editor/index.umd.js"),require("../filter-bar/index.umd.js"),require("../image-cropper/index.umd.js"),require("../input-group/index.umd.js"),require("../layout/index.umd.js"),require("../list-nav/index.umd.js"),require("../list-view/index.umd.js"),require("../lookup/index.umd.js"),require("../nav/index.umd.js"),require("../number-spinner/index.umd.js"),require("../number-range/index.umd.js"),require("../order/index.umd.js"),require("../page-header/index.umd.js"),require("../page-footer/index.umd.js"),require("../pagination/index.umd.js"),require("../progress/index.umd.js"),require("../query-solution/index.umd.js"),require("../radio-group/index.umd.js"),require("../rate/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../response-layout/index.umd.js"),require("../response-layout-editor/index.umd.js"),require("../search-box/index.umd.js"),require("../section/index.umd.js"),require("../smoke-detector/index.umd.js"),require("../splitter/index.umd.js"),require("../step/index.umd.js"),require("../switch/index.umd.js"),require("../tabs/index.umd.js"),require("../tags/index.umd.js"),require("../text/index.umd.js"),require("../time-picker/index.umd.js"),require("../transfer/index.umd.js"),require("../tree-view/index.umd.js"),require("../uploader/index.umd.js"),require("../verify-detail/index.umd.js"),require("../weather/index.umd.js"),require("../component/index.umd.js"),require("../video/index.umd.js"),require("../textarea/index.umd.js"),require("../tree-grid/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../accordion/index.umd.js","../avatar/index.umd.js","../button-edit/index.umd.js","../button-group/index.umd.js","../calendar/index.umd.js","../capsule/index.umd.js","../checkbox/index.umd.js","../color-picker/index.umd.js","../combo-list/index.umd.js","../content-container/index.umd.js","../data-grid/index.umd.js","../date-picker/index.umd.js","../dropdown/index.umd.js","../dynamic-form/index.umd.js","../external-container/index.umd.js","../events-editor/index.umd.js","../filter-bar/index.umd.js","../image-cropper/index.umd.js","../input-group/index.umd.js","../layout/index.umd.js","../list-nav/index.umd.js","../list-view/index.umd.js","../lookup/index.umd.js","../nav/index.umd.js","../number-spinner/index.umd.js","../number-range/index.umd.js","../order/index.umd.js","../page-header/index.umd.js","../page-footer/index.umd.js","../pagination/index.umd.js","../progress/index.umd.js","../query-solution/index.umd.js","../radio-group/index.umd.js","../rate/index.umd.js","../response-toolbar/index.umd.js","../response-layout/index.umd.js","../response-layout-editor/index.umd.js","../search-box/index.umd.js","../section/index.umd.js","../smoke-detector/index.umd.js","../splitter/index.umd.js","../step/index.umd.js","../switch/index.umd.js","../tabs/index.umd.js","../tags/index.umd.js","../text/index.umd.js","../time-picker/index.umd.js","../transfer/index.umd.js","../tree-view/index.umd.js","../uploader/index.umd.js","../verify-detail/index.umd.js","../weather/index.umd.js","../component/index.umd.js","../video/index.umd.js","../textarea/index.umd.js","../tree-grid/index.umd.js","../common/index.umd.js"],s):(S=typeof globalThis<"u"?globalThis:S||self,s(S["flow-canvas"]={},S.Vue,S.LodashES,S.FAccordion,S.FAvatar,S.FButtonEdit,S.FButtonGroup,S.FCalendar,S.FCapsule,S.FCheckbox,S.FColorPicker,S.FComboList,S.FContentContainer,S.FDataGrid,S.FDatePicker,S.FDropdown,S.FDynamicForm,S.FExteranlContainer,S.FEventsEditor,S.FFilterBar,S.FImageCropper,S.FInputGroup,S.FLayout,S.FListNav,S.FListView,S.FLookup,S.FNav,S.FNumberSpinner,S.FNumberRange,S.FOrder,S.FPageHeader,S.FPageFooter,S.FPagination,S.FProgress,S.FQuerySolution,S.FRadioGroup,S.FRate,S.FResponseToolbar,S.FResponseLayout,S.FResponseLayoutEditorSetting,S.FSearchBox,S.FSection,S.FSmokeDetector,S.FSplitter,S.FStep,S.FSwitch,S.FTab,S.FTags,S.FText,S.FTimePicker,S.FTransfer,S.FTreeview,S.FUploader,S.FVerifyDetail,S.FWeather,S.FComponent,S.FVideo,S.FTextArea,S.FTreeGrid,S.common))})(this,function(S,s,Ne,Qe,Je,Ze,et,tt,nt,ot,rt,it,st,at,ct,ut,lt,dt,ft,pt,mt,vt,gt,yt,ht,xt,Ct,wt,bt,Pt,jt,It,St,Tt,Ot,Nt,Et,Ft,At,Dt,Mt,Bt,_t,Vt,qt,kt,Lt,Rt,Xt,$t,Yt,zt,Ut,Ht,Wt,Gt,Kt,Qt,Jt,Ee){"use strict";const Re={modelValue:{type:Object,default:{}}};function Zt(){const P={aroundDirection:"none",left:2,right:2,top:2,bottom:2,x:0,y:0};function D(){const e=document.createElementNS("http://www.w3.org/2000/svg","path");return e.setAttribute("fill","none"),e.setAttribute("stroke","#4d53e8"),e.setAttribute("stroke-width","2"),e.setAttribute("class",""),e}function y(){const e=document.createElementNS("http://www.w3.org/2000/svg","path");return e.setAttribute("fill","none"),e.setAttribute("stroke","#4d53e8"),e.setAttribute("stroke-width","2"),e.setAttribute("stroke-linecap","round"),e}function C(){const e=document.createElementNS("http://www.w3.org/2000/svg","path");return e.setAttribute("fill","none"),e.setAttribute("stroke","#4d53e8"),e.setAttribute("stroke-width","2"),e.setAttribute("stroke-linecap","round"),e}function b(e,t,d,g){const a=n=>{n.key==="Delete"&&(e.indexOf("^"),document.removeEventListener("keydown",a),t.remove())};d.addEventListener("mouseenter",()=>{d.setAttribute("stroke","#37d0ff"),g.setAttribute("stroke","#37d0ff"),d.setAttribute("stroke-width","3"),document.addEventListener("keydown",a)}),d.addEventListener("mouseleave",()=>{d.setAttribute("stroke","#4d53e8"),d.setAttribute("stroke-width","2"),g.setAttribute("stroke","#4d53e8"),document.removeEventListener("keydown",a)})}function m(e){let t=document.getElementById(e);if(t==null){const d=document.createElementNS("http://www.w3.org/2000/svg","svg"),g=D();d.appendChild(g);const a=y();d.appendChild(a);const n=C();d.appendChild(n);const z=C();d.appendChild(z),t=document.createElement("div"),t.id=e,t.style.position="absolute",t.appendChild(d),b(e,t,g,a);const q=document.getElementById("svg-container");return q&&q.appendChild(t),t}return t}function O(e,t,d,g,a){const n={x:0,y:0};return e==="west"&&(t==="north_west"&&(d==="north"&&(n.x=0,n.y=0-a/2),d==="west"&&(n.x=0-g/2,n.y=0)),t==="north_east"&&(d==="north"&&(n.x=-100,n.y=0-a/2),d==="east"&&(n.x=-100,n.y=0-a/2)),t==="south_east"&&(d==="south"&&(n.x=-100,n.y=0+a/2),d==="east"&&(n.x=-100,n.y=0+a/2)),t==="south_west"&&(d==="south"&&(n.x=0,n.y=0+a/2),d==="west"&&(n.x=0-g/2,n.y=0))),e==="east"&&(t==="north_west"&&(d==="north"&&(n.x=-100,n.y=0-a/2),d==="west"&&(n.x=100,n.y=0-a/2)),t==="north_east"&&(d==="north"&&(n.x=0,n.y=0-a/2),d==="east"&&(n.x=0+g/2,n.y=0)),t==="south_east"&&(d==="south"&&(n.x=0,n.y=0+a/2),d==="east"&&(n.x=0+g/2,n.y=0)),t==="south_west"&&(d==="south"&&(n.x=100,n.y=0+a/2),d==="west"&&(n.x=100,n.y=0+a/2))),e==="north"&&(t==="north_west"&&(d==="north"&&(n.x=0,n.y=0-a/2),d==="west"&&(n.x=0-g/2,n.y=0)),t==="north_east"&&(d==="north"&&(n.x=0,n.y=0-a/2),d==="east"&&(n.x=0+g/2,n.y=0)),t==="south_east"&&(d==="south"&&(n.x=0+g/2,n.y=-100),d==="east"&&(n.x=0+g/2,n.y=-100)),t==="south_west"&&(d==="south"&&(n.x=0-g/2,n.y=-100),d==="west"&&(n.x=0-g/2,n.y=-100))),e==="south"&&(t==="north_west"&&(d==="north"&&(n.x=0-g/2,n.y=100),d==="west"&&(n.x=0-g/2,n.y=100)),t==="north_east"&&(d==="north"&&(n.x=0+g/2,n.y=100),d==="east"&&(n.x=0+g/2,n.y=100)),t==="south_east"&&(d==="south"&&(n.x=0,n.y=0+a/2),d==="east"&&(n.x=0+g/2,n.y=0)),t==="south_west"&&(d==="south"&&(n.x=0,n.y=a/2),d==="west"&&(n.x=0-g/2,n.y=0))),n}function F(e,t,d,g){const a={x:0,y:0};return e==="south"&&(t==="west"&&(a.x=-100,a.y=0-g/2),t==="east"&&(a.x=100,a.y=-100),t==="south"&&(a.x=0-d/2,a.y=100),(t==="north"||t==="center")&&(a.x=0,a.y=0-g/2)),e==="north"&&(t==="west"&&(a.x=-100,a.y=100),t==="east"&&(a.x=100,a.y=100),t==="north"&&(a.x=0-d/2,a.y=-100),(t==="south"||t==="center")&&(a.x=0,a.y=g/2)),e==="east"&&(t==="north"&&(a.y=-100,a.x=-100),t==="south"&&(a.y=100,a.x=-100),t==="east"&&(a.x=100,a.y=100),(t==="west"||t==="center")&&(a.x=0-d/2,a.y=0)),e==="west"&&(t==="north"&&(a.y=-100,a.x=100),t==="south"&&(a.y=100,a.x=100),t==="west"&&(a.x=-100,a.y=g/2),(t==="east"||t==="center")&&(a.x=d/2,a.y=0)),a}function f(e,t,d,g,a,n,z){const q=z==="south"||z==="east"?"portrait":"landscape",ee=a,R=q==="landscape"?"east":"north",ie=z==="center"?q==="landscape"?"west":"south":z,se=O(ee,n,R,e,t),{x:M,y:x}=se,W=F(R,ie,e,t),{x:G,y:Q}=W;Q<0&&(t+=Math.abs(Q));const fe=new Map([["default",0+M],["portrait",0+M],["landscape",0+M]]),oe=new Map([["default",t+x],["portrait",t+x],["landscape",t+x]]);M<0&&(e+=Math.abs(M)),G>0&&(e+=G);const ge=new Map([["default",e+G],["portrait",e+G],["landscape",e+G]]),ce=new Map([["default",0+Q],["portrait",0+Q],["landscape",0+Q]]),ue=g.left>P.left,ae=g.bottom>P.bottom,pe=ue?0:ae?e/2:fe.get(q),ye=ae?t+g.bottom:ue?t/2:oe.get(q),he=ge.get(q),me=ce.get(q);return[{x:pe,y:ye},{x:he,y:me},{x:G,y:Q}]}function T(e,t,d,g,a,n,z){const q=z==="south"||z==="west"?"portrait":"landscape",ee=a,R=q==="landscape"?"west":"north",ie=z,se=O(ee,n,R,e,t),{x:M,y:x}=se,W=F(R,ie,e,t),{x:G,y:Q}=W;Q<0&&(t+=Math.abs(Q)),M>0&&(e+=M),G<0&&(e+=Math.abs(G));const fe=new Map([["default",e+M],["portrait",e+M],["landscape",e+M]]),oe=new Map([["default",t+x],["portrait",t+x],["landscape",t+x]]),ge=new Map([["default",0+G],["portrait",0+G],["landscape",0+G]]),ce=new Map([["default",0+Q],["portrait",0+Q],["landscape",0+Q]]),ue=g.right>P.right,ae=g.bottom>P.bottom,pe=ue?e+g.right:ae?e/2:fe.get(q),ye=ae?t+g.bottom:ue?t/2:oe.get(q),he=ge.get(q),me=ce.get(q);return[{x:pe,y:ye},{x:he,y:me},{x:G,y:Q}]}function p(e,t,d,g,a,n,z){const q=z==="north"||z==="east"?"portrait":"landscape",ee=a,R=q==="landscape"?"east":"south",ie=z,se=O(ee,n,R,e,t),{x:M,y:x}=se,W=F(R,ie,e,t),{x:G,y:Q}=W,fe=new Map([["default",0+M],["portrait",0+M],["landscape",0+M]]),oe=new Map([["default",0+x],["portrait",0+x],["landscape",0+x]]);M<0&&(e+=Math.abs(M)),x<0&&(t+=Math.abs(x)),G>0&&(e+=G),Q>0&&(t+=Q);const ge=new Map([["default",e+G],["portrait",e+G],["landscape",e+G]]),ce=new Map([["default",t+Q],["portrait",t+Q],["landscape",t+Q]]),ue=g.left>P.left,ae=g.top>P.top,pe=ue?0:ae?e/2:fe.get(q),ye=ae?0:ue?t/2:oe.get(q),he=ge.get(q),me=ce.get(q);return[{x:pe,y:ye},{x:he,y:me},{x:G,y:Q}]}function i(e,t,d,g,a,n,z){const q=z==="north"||z==="west"?"portrait":"landscape",ee=a,R=q==="landscape"?"west":"south",ie=z,se=O(ee,n,R,e,t),{x:M,y:x}=se,W=F(R,ie,e,t),{x:G,y:Q}=W;G<0&&(e+=Math.abs(G));const fe=new Map([["default",e+M],["portrait",e+M],["landscape",e+M]]),oe=new Map([["default",0+x],["portrait",0+x],["landscape",0+x]]);x<0&&(t+=Math.abs(x)),Q>0&&(t+=Q);const ge=new Map([["default",0+G],["portrait",0+G],["landscape",0+G]]),ce=new Map([["default",t+Q],["portrait",t+Q],["landscape",t+Q]]),ue=g.right>P.right,ae=g.top>P.top,pe=ue?e+g.right:ae?e/2:fe.get(q),ye=ae?0:ue?t/2:oe.get(q),he=ge.get(q),me=ce.get(q);return[{x:pe,y:ye},{x:he,y:me},{x:G,y:Q}]}const o=new Map([["north_east",f],["north_west",T],["south_east",p],["south_west",i]]),h=new Map([["east",["north_west","south_west"]],["west",["north_east","south_east"]],["north",["south_west","south_east"]],["south",["north_west","north_east"]],["center",[]]]);function c(e,t){return e==="north_west"?{aroundDirection:"north_west",left:t.left,right:100,top:t.top,bottom:t.top}:e==="south_west"?{aroundDirection:"south_west",left:t.left,right:100,top:t.top,bottom:t.bottom}:t}function N(e,t){return e==="north_east"?{left:100,right:t.right,top:t.top,bottom:t.top}:e==="south_east"?{left:100,right:t.right,top:t.top,bottom:t.bottom}:t}function $(e,t){return e==="south_west"?{left:t.left,right:t.right,top:100,bottom:t.top}:e==="south_east"?{left:t.left,right:t.right,top:100,bottom:t.bottom}:t}function L(e,t){return e==="north_west"?{left:t.left,right:t.right,top:t.top,bottom:100}:e==="north_east"?{left:t.left,right:t.right,top:t.top,bottom:100}:t}function l(e,t){return t}const A=new Map([["east",c],["west",N],["north",$],["south",L],["center",l]]);function H(e,t,d,g){const a=t.x-e.x,n=t.y-e.y,z=a>=0?"east":"west",q=n>=0?"south":"north",ee=`${q}_${z}`,ie=(h.get(d)||[]).includes(ee),se=A.get(d),M=ie?se(ee,P):P,x=Math.abs(a),W=Math.abs(n),G=o.get(`${q}_${z}`),[Q,fe,oe]=G(x,W,ie,M,d,ee,g),ge=z==="west"?oe.x<0?Math.abs(oe.x):0:oe.x>0?oe.x:0,ce=M.left+M.right+x+ge,ue=q==="north"?oe.y<0?Math.abs(oe.y):0:oe.y>0?oe.y:0,ae=M.top+M.bottom+W+ue,pe=z==="east"?e.x-M.left:e.x+M.right-ce,ye=q==="south"?e.y-M.top:e.y+M.bottom-ae,he=z==="east"?M.left:ce-M.right,me=q==="north"?ae-M.bottom:M.top,De=z==="west"?oe.x<0?Math.abs(oe.x):0:oe.x<0?ce:ce-oe.x,Te=q==="north"?oe.y<0?Math.abs(oe.y):0:oe.y<0?ae:ae-oe.y;return{width:ce,height:ae,left:pe,top:ye,startPoinInBoundray:{x:he,y:me},firstControlPoint:Q,secondControlPoint:fe,endPoinInBoundray:{x:De,y:Te}}}function Y(e,t,d,g,a){e.style.position="absolute",e.style.alignItems="center",e.style.left=`${t}px`,e.style.top=`${d}px`,e.style.width=g+"px",e.style.height=a+"px"}function re(e,t,d,g,a,n,z){const q=e.childNodes[0];q.setAttribute("width",String(t)),q.setAttribute("height",String(d)),e.appendChild(q);const ee=q.childNodes[0],R=`${g.x} ${g.y}`,ie=`${a.x} ${a.y}`,se=`${n.x} ${n.y}`,M=`${z.x} ${z.y}`,x="M ".concat(R).concat(" C ").concat(ie).concat(","+se+",").concat(M);ee.setAttribute("d",x),ee.setAttribute("fill","none"),ee.setAttribute("stroke","#4d53e8"),ee.setAttribute("stroke-width","2"),ee.setAttribute("class","")}function J(e,t,d,g,a){const{width:n,height:z,left:q,top:ee,startPoinInBoundray:R,firstControlPoint:ie,secondControlPoint:se,endPoinInBoundray:M}=H(t,d,g,a);Y(e,q,ee,n,z),re(e,n,z,R,ie,se,M)}function v(e,t,d,g,a){const n=m(e);J(n,t,d,g,a)}function K(e){return Number(e.replace("px",""))}function Z(e){if(e!==null){const t=e.parentNode,d=K(t.style.left),g=K(t.style.top);return{x:d+e.offsetLeft+e.offsetWidth/2,y:g+e.offsetTop+e.offsetHeight/2}}return{x:0,y:0}}function u(e,t){const d=document.getElementById(e),g=document.getElementById(t),a=Z(d),n=Z(g),z=a.x+2,q=a.y,ee=n.x-2,R=n.y;return{startPoint:{x:z,y:q},endPoint:{x:ee,y:R}}}function E(e,t,d,g){const{startPoint:a,endPoint:n}=u(e,t);v(`${e}_${t}`,a,n,d,g)}return{connect:E,drawing:v}}function en(V){const U=s.ref(),I=s.ref(0),P=s.ref(0),D=s.ref({x:0,y:0}),y=s.ref(),{drawing:C}=V;function b(c){return Number(c.replace("px",""))}function m(c){return(c&&c.className&&c.className.split?c.className.split(" "):[]).includes("f-flow-ancher")}function O(c){switch((c?c.className.split(" "):[]).find(L=>L.startsWith("circle-"))||""){case"circle-left":return"west";case"circle-right":return"east";case"circle-top":return"north";case"circle-bottom":return"south";default:return"center"}}function F(c,N,$){const L=$.getBoundingClientRect();I.value=L.left,P.value=L.top,D.value={x:c,y:N},U.value=O($)}function f(c){var Y;const N=c.clientX-I.value,$=c.clientY-P.value,L=D.value.x+N,l=D.value.y+$,A=c.target,H=A&&typeof A.className=="string"&&m(A)?O(A):"center";C(`${(Y=y.value)==null?void 0:Y.id}_curve_to`,{x:D.value.x,y:D.value.y},{x:L,y:l},U.value,H)}function T(c){const N=document.getElementById(c);N&&N.remove()}function p(){document.addEventListener("mousemove",f)}function i(){document.removeEventListener("mousemove",f)}function o(c){y.value=void 0,i()}function h(c,N){y.value=document.getElementById(c);const $=y.value.offsetParent,L=y.value.getBoundingClientRect(),l=$.getBoundingClientRect(),A=b($.style.left)+(L.left-l.left),H=b($.style.top)+(L.top-l.top),Y=A+L.width/2,re=H+L.height/2;F(Y,re,y.value),p()}return{drawFrom:h,eraseDrawingLine:T,finishToDraw:o,getAncherPointPosition:O,isAncherPoint:m}}const tn={id:{type:String,default:""},type:{type:String,default:""},modelValue:{type:Object},x:{type:Number,default:0},y:{type:Number,default:0},connection:{type:Array,default:[]}},Ie=s.ref(0);function nn(V,U){const I=U.getBoundingClientRect(),P=V.getBoundingClientRect(),D=P.top>=I.top,y=P.top<=I.bottom;return D&&y}function Fe(V){if(!V)return;let U;if(V.className.includes("dgComponentSelected")?U=V:U=V.querySelector(".dgComponentSelected"),!U)return;const I=U.getBoundingClientRect();if(I.width===0&&I.height===0)return;const P=U.querySelector(".component-btn-group");if(P){if(!nn(U,V)){P.style.display="none";return}P.style.display="";const y=P.getBoundingClientRect(),C=P.querySelector("div");if(C){const b=C.getBoundingClientRect();C.style.top=y.top+"px",C.style.left=y.left-b.width+"px"}}}const on={modelValue:{type:Object,default:{}},componentId:{type:String,default:""}};var be=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function rn(V){return V&&V.__esModule&&Object.prototype.hasOwnProperty.call(V,"default")?V.default:V}function Se(V){throw new Error('Could not dynamically require "'+V+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var Xe={exports:{}};(function(V,U){(function(I){V.exports=I()})(function(){return function(){function I(P,D,y){function C(O,F){if(!D[O]){if(!P[O]){var f=typeof Se=="function"&&Se;if(!F&&f)return f(O,!0);if(b)return b(O,!0);var T=new Error("Cannot find module '"+O+"'");throw T.code="MODULE_NOT_FOUND",T}var p=D[O]={exports:{}};P[O][0].call(p.exports,function(i){var o=P[O][1][i];return C(o||i)},p,p.exports,I,P,D,y)}return D[O].exports}for(var b=typeof Se=="function"&&Se,m=0;m<y.length;m++)C(y[m]);return C}return I}()({1:[function(I,P,D){var y={},C="(?:^|\\s)",b="(?:\\s|$)";function m(f){var T=y[f];return T?T.lastIndex=0:y[f]=T=new RegExp(C+f+b,"g"),T}function O(f,T){var p=f.className;p.length?m(T).test(p)||(f.className+=" "+T):f.className=T}function F(f,T){f.className=f.className.replace(m(T)," ").trim()}P.exports={add:O,rm:F}},{}],2:[function(I,P,D){(function(y){var C=I("contra/emitter"),b=I("crossvent"),m=I("./classes"),O=document,F=O.documentElement;function f(v,K){var Z=arguments.length;Z===1&&Array.isArray(v)===!1&&(K=v,v=[]);var u,E,e,t,d,g,a,n,z,q=null,ee,R,ie=!1,se=0,M,x=K||{};x.moves===void 0&&(x.moves=N),x.accepts===void 0&&(x.accepts=N),x.invalid===void 0&&(x.invalid=De),x.containers===void 0&&(x.containers=v||[]),x.isContainer===void 0&&(x.isContainer=c),x.copy===void 0&&(x.copy=!1),x.copySortSource===void 0&&(x.copySortSource=!1),x.revertOnSpill===void 0&&(x.revertOnSpill=!1),x.removeOnSpill===void 0&&(x.removeOnSpill=!1),x.direction===void 0&&(x.direction="vertical"),x.ignoreInputTextSelection===void 0&&(x.ignoreInputTextSelection=!0),x.mirrorContainer===void 0&&(x.mirrorContainer=O.body);var W=C({containers:x.containers,start:he,end:Te,cancel:He,remove:Ue,destroy:ge,canMove:ye,dragging:!1});return x.removeOnSpill===!0&&W.on("over",hn).on("out",xn),Q(),W;function G(r){return W.containers.indexOf(r)!==-1||x.isContainer(r)}function Q(r){var w=r?"remove":"add";i(F,w,"mousedown",ue),i(F,w,"mouseup",Oe)}function fe(r){var w=r?"remove":"add";i(F,w,"mousemove",ae)}function oe(r){var w=r?"remove":"add";b[w](F,"selectstart",ce),b[w](F,"click",ce)}function ge(){Q(!0),Oe({})}function ce(r){ee&&r.preventDefault()}function ue(r){t=r.clientX,d=r.clientY;var w=o(r)!==1||r.metaKey||r.ctrlKey;if(!w){var j=r.target,X=pe(j);X&&(ee=X,fe(),r.type==="mousedown"&&(A(j)?j.focus():r.preventDefault()))}}function ae(r){if(ee){if(o(r)===0){Oe({});return}if(!(r.clientX!==void 0&&Math.abs(r.clientX-t)<=(x.slideFactorX||0)&&r.clientY!==void 0&&Math.abs(r.clientY-d)<=(x.slideFactorY||0))){if(x.ignoreInputTextSelection){var w=J("clientX",r)||0,j=J("clientY",r)||0,X=O.elementFromPoint(w,j);if(A(X))return}var te=ee;fe(!0),oe(),Te(),me(te),m.add(n||e,"gu-transit"),wn(),Cn(),se=0,Ve(r)}}}function pe(r){if(!(W.dragging&&u)&&!G(r)){for(var w=r;l(r)&&G(l(r))===!1;)if(x.invalid(r,w)||(r=l(r),!r))return;var j=l(r);if(j&&!x.invalid(r,w)){var X=x.moves(r,j,w,Y(r));if(X)return{item:r,source:j}}}}function ye(r){return!!pe(r)}function he(r){var w=pe(r);w&&me(w)}function me(r){Nn(r.item,r.source)&&(n=r.item.cloneNode(!0),W.emit("cloned",n,r.item,"copy")),E=r.source,e=r.item,g=a=Y(r.item),W.dragging=!0,W.emit("drag",e,E)}function De(){return!1}function Te(){if(W.dragging){var r=n||e;ze(r,l(r))}}function Me(){ee=!1,fe(!0),oe(!0)}function Oe(r){if(Me(),!!W.dragging){var w=n||e,j=J("clientX",r)||0,X=J("clientY",r)||0,te=h(u,j,X),ne=We(te,j,X);ne&&(n&&x.copySortSource||!n||ne!==E)?ze(w,ne):x.removeOnSpill?Ue():He()}}function ze(r,w){var j=l(r);n&&x.copySortSource&&w===E&&j.removeChild(e),_e(w)?W.emit("cancel",r,E):W.emit("drop",r,w,E,a),Be()}function Ue(){if(W.dragging){var r=n||e,w=l(r);w&&w.removeChild(r),W.emit(n?"cancel":"remove",r,w,E),Be()}}function He(r){if(W.dragging){var w=arguments.length>0?r:x.revertOnSpill,j=n||e,X=l(j),te=_e(X);te===!1&&w&&(n?X&&X.removeChild(n):E.insertBefore(j,g)),te||w?W.emit("cancel",j,E,E):W.emit("drop",j,X,E,a),Be()}}function Be(){var r=n||e;Me(),bn(),Pn(),r&&m.rm(r,"gu-transit"),z&&clearTimeout(z),W.dragging=!1,q&&W.emit("out",r,q,E),W.emit("dragend",r,se),E=e=n=g=a=z=q=null}function _e(r,w){var j;return w!==void 0?j=w:u?j=a:j=Y(n||e),r===E&&j===g}function We(r,w,j){for(var X=r;X&&!te();)X=l(X);return X;function te(){var ne=G(X);if(ne===!1)return!1;var we=Ge(X,r),ve=Ke(X,we,w,j),Ce=_e(X,ve);return Ce?!0:x.accepts(e,X,E,ve)}}function Ve(r){if(!u)return;r.preventDefault();var w=J("clientX",r)||0,j=J("clientY",r)||0;u.style.left=w-2+"px",u.style.top=j-2+"px";var X=n||e,te=h(u,w,j),ne=We(te,w,j),we=ne!==null&&ne!==q;(we||ne===null)&&(xe(),q=ne,je()),On(te,j);var ve=l(X);if(ne===E&&n&&!x.copySortSource){ve&&ve.removeChild(X);return}var Ce,Pe=Ge(ne,te);if(ie=jn(Pe,ne),Pe!==null)Ce=Ke(ne,Pe,w,j);else if(x.revertOnSpill===!0&&!n)Ce=g,ne=E;else{n&&ve&&ve.removeChild(X),n&&R&&(R.style.display="none");return}R.style.display="block",yn(Ce,X,we),Ce?Sn(Pe,Ce):Tn(ne);function le(de){W.emit(de,X,q,E)}function je(){we&&le("over")}function xe(){q&&le("out")}}function yn(r,w,j){(r===w||r===Y(w))&&(a=Y(w)),(r===null&&j||r!==w&&r!==Y(w))&&(a=r)}function hn(r){m.rm(r,"gu-hide")}function xn(r){W.dragging&&m.add(r,"gu-hide")}function Cn(){u||(u=document.createElement("div"),u.style="background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;",u.innerHTML=x.getMirrorText&&x.getMirrorText(e)||"控件",m.add(u,"gu-mirror"),x.mirrorContainer.appendChild(u),i(F,"add","mousemove",Ve),m.add(x.mirrorContainer,"gu-unselectable"),W.emit("cloned",u,e,"mirror"))}function wn(){if(R=document.createElement("div"),m.add(R,"gu-insertion"),e){var r=e.getBoundingClientRect();R.style.left=r.left+"px",R.style.top=r.top+"px"}ie=!1,x.mirrorContainer.appendChild(R)}function bn(){u&&(m.rm(x.mirrorContainer,"gu-unselectable"),i(F,"remove","mousemove",Ve),l(u).removeChild(u),u=null)}function Pn(){R&&(l(R).removeChild(R),R=null)}function Ge(r,w){for(var j=w;j!==r&&l(j)!==r;)j=l(j);return j===F?null:j}function jn(r,w){if(!w)return ie;var j=r||w&&w.lastElementChild;if(!j)return!0;var X=getComputedStyle(r),te=/^inline/.test(X.getPropertyValue("display"))||/^(left|right)$/.test(X.getPropertyValue("float"));if(te)return!0;if(w){var ne=getComputedStyle(w),we=ne.getPropertyValue("display");if(/flex$/.test(we)){var ve=ne.getPropertyValue("flex-direction")||"row";if(ve==="row"||ve==="row-reverse")return!In(w)}return!1}return!0}function In(r){if(!r.children||!r.children.length)return!1;for(const w of Array.from(r.children)){const X=(w.className&&w.className.split(" ")||[]).filter(te=>/^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(te));if(!X.length)return!1;for(const te of X){const ne=te.slice(te.lastIndexOf("-")+1);if(parseInt(ne,10)!==12)return!1}}return!0}function Sn(r,w){const j=w.getBoundingClientRect();if(R.style.left=j.left+"px",R.style.top=j.top+"px",ie){if(R.style.height=j.height+"px",R.style.width="4px",r){const X=r.getBoundingClientRect();X.top!==j.top&&(R.style.left=X.right+"px",R.style.top=X.top+"px",R.style.height=X.height+"px")}}else if(R.style.height="4px",R.style.width=j.width+"px",M){const X=M.getBoundingClientRect();j.top<X.top&&(R.style.display="none")}w===e&&e&&(R.style.display="none")}function Tn(r){a=null;var w=r.lastElementChild;if(w){var j=w.getBoundingClientRect();ie?(R.style.left=j.right+"px",R.style.top=j.top+"px",R.style.height=j.height+"px",R.style.width="4px"):(R.style.left=j.left+"px",R.style.top=j.bottom+"px",R.style.height="4px",R.style.width=j.width+"px"),w===e&&e&&(R.style.display="none")}else R.style.display="none"}function On(r,w){if(!x.mirrorContainer.contains(r)||!window.scrollContainerList||!Array.from(window.scrollContainerList).length||(M=T(r),!M||!M.contains(r)))return;const j=document.querySelector(".dgComponentSelected"),X=M.getBoundingClientRect();if(w-30<X.top&&M.scrollTop>0){let te=M.scrollTop<10?M.scrollTop:10;M.scrollBy(0,-1*te),j&&M.contains(j)&&(se=se+-1*te)}if(w+30>X.bottom&&M.scrollTop<M.scrollHeight-M.clientHeight){const te=M.scrollHeight-M.clientHeight-M.scrollTop;let ne=te<10?te:10;M.scrollBy(0,ne),j&&M.contains(j)&&(se=se+ne)}}function Ke(r,w,j,X){var te=x.direction==="horizontal",ne=x.direction==="mixed",we=w!==r?Ce():ve();return we;function ve(){var le=r.children.length,je,xe,de;for(je=0;je<le;je++)if(xe=r.children[je],de=xe.getBoundingClientRect(),te&&de.left+de.width/2>j||!ne&&!te&&de.top+de.height/2>X||ne&&de.left+de.width>j&&de.top+de.height>X)return xe;return null}function Ce(){var le=w.getBoundingClientRect();if(ne){var je=X-le.top,xe=j-le.left,de=le.bottom-X,qe=le.right-j,ke=Math.min(xe,qe,je,de),Le;return ie?Le=qe<xe:Le=de===ke||qe===ke||xe===ke,Pe(Le)}return Pe(te?j>le.left+$(le)/2:X>le.top+L(le)/2)}function Pe(le){return le?Y(w):w}}function Nn(r,w){return typeof x.copy=="boolean"?x.copy:x.copy(r,w)}}function T(v){const K=Array.from(window.scrollContainerList);if(K.length===1){const u=Array.from(window.scrollContainerList)[0];return document.getElementById(u)}const Z=p(K);for(const u of Z)if(u.contains(v))return u;return null}function p(v){const K=[];return v.forEach(Z=>{const u=document.getElementById(Z);u&&K.push(u)}),K.sort((Z,u)=>Z.contains(u)?1:u.contains(Z)?-1:0),K}function i(v,K,Z,u){var E={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},e={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},t={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};y.navigator.pointerEnabled?b[K](v,e[Z],u):y.navigator.msPointerEnabled?b[K](v,t[Z],u):(b[K](v,E[Z],u),b[K](v,Z,u))}function o(v){if(v.touches!==void 0)return v.touches.length;if(v.which!==void 0&&v.which!==0)return v.which;if(v.buttons!==void 0)return v.buttons;var K=v.button;if(K!==void 0)return K&1?1:K&2?3:K&4?2:0}function h(v,K,Z){v=v||{};var u=v.className||"",E;return v.className+=" gu-hide",E=O.elementFromPoint(K,Z),v.className=u,E}function c(){return!1}function N(){return!0}function $(v){return v.width||v.right-v.left}function L(v){return v.height||v.bottom-v.top}function l(v){return v.parentNode===O?null:v.parentNode}function A(v){return v.tagName==="INPUT"||v.tagName==="TEXTAREA"||v.tagName==="SELECT"||H(v)}function H(v){return!v||v.contentEditable==="false"?!1:v.contentEditable==="true"?!0:H(l(v))}function Y(v){return v.nextElementSibling||K();function K(){var Z=v;do Z=Z.nextSibling;while(Z&&Z.nodeType!==1);return Z}}function re(v){return v.targetTouches&&v.targetTouches.length?v.targetTouches[0]:v.changedTouches&&v.changedTouches.length?v.changedTouches[0]:v}function J(v,K){var Z=re(K),u={pageX:"clientX",pageY:"clientY"};return v in u&&!(v in Z)&&u[v]in Z&&(v=u[v]),Z[v]}P.exports=f}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{"./classes":1,"contra/emitter":5,crossvent:6}],3:[function(I,P,D){P.exports=function(C,b){return Array.prototype.slice.call(C,b)}},{}],4:[function(I,P,D){var y=I("ticky");P.exports=function(b,m,O){b&&y(function(){b.apply(O||null,m||[])})}},{ticky:10}],5:[function(I,P,D){var y=I("atoa"),C=I("./debounce");P.exports=function(m,O){var F=O||{},f={};return m===void 0&&(m={}),m.on=function(T,p){return f[T]?f[T].push(p):f[T]=[p],m},m.once=function(T,p){return p._once=!0,m.on(T,p),m},m.off=function(T,p){var i=arguments.length;if(i===1)delete f[T];else if(i===0)f={};else{var o=f[T];if(!o)return m;o.splice(o.indexOf(p),1)}return m},m.emit=function(){var T=y(arguments);return m.emitterSnapshot(T.shift()).apply(this,T)},m.emitterSnapshot=function(T){var p=(f[T]||[]).slice(0);return function(){var i=y(arguments),o=this||m;if(T==="error"&&F.throws!==!1&&!p.length)throw i.length===1?i[0]:i;return p.forEach(function(c){F.async?C(c,i,o):c.apply(o,i),c._once&&m.off(T,c)}),m}},m}},{"./debounce":4,atoa:3}],6:[function(I,P,D){(function(y){var C=I("custom-event"),b=I("./eventmap"),m=y.document,O=T,F=i,f=[];y.addEventListener||(O=p,F=o),P.exports={add:O,remove:F,fabricate:h};function T(l,A,H,Y){return l.addEventListener(A,H,Y)}function p(l,A,H){return l.attachEvent("on"+A,N(l,A,H))}function i(l,A,H,Y){return l.removeEventListener(A,H,Y)}function o(l,A,H){var Y=$(l,A,H);if(Y)return l.detachEvent("on"+A,Y)}function h(l,A,H){var Y=b.indexOf(A)===-1?J():re();l.dispatchEvent?l.dispatchEvent(Y):l.fireEvent("on"+A,Y);function re(){var v;return m.createEvent?(v=m.createEvent("Event"),v.initEvent(A,!0,!0)):m.createEventObject&&(v=m.createEventObject()),v}function J(){return new C(A,{detail:H})}}function c(l,A,H){return function(re){var J=re||y.event;J.target=J.target||J.srcElement,J.preventDefault=J.preventDefault||function(){J.returnValue=!1},J.stopPropagation=J.stopPropagation||function(){J.cancelBubble=!0},J.which=J.which||J.keyCode,H.call(l,J)}}function N(l,A,H){var Y=$(l,A,H)||c(l,A,H);return f.push({wrapper:Y,element:l,type:A,fn:H}),Y}function $(l,A,H){var Y=L(l,A,H);if(Y){var re=f[Y].wrapper;return f.splice(Y,1),re}}function L(l,A,H){var Y,re;for(Y=0;Y<f.length;Y++)if(re=f[Y],re.element===l&&re.type===A&&re.fn===H)return Y}}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{"./eventmap":7,"custom-event":8}],7:[function(I,P,D){(function(y){var C=[],b="",m=/^on/;for(b in y)m.test(b)&&C.push(b.slice(2));P.exports=C}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{}],8:[function(I,P,D){(function(y){var C=y.CustomEvent;function b(){try{var m=new C("cat",{detail:{foo:"bar"}});return m.type==="cat"&&m.detail.foo==="bar"}catch{}return!1}P.exports=b()?C:typeof document<"u"&&typeof document.createEvent=="function"?function(O,F){var f=document.createEvent("CustomEvent");return F?f.initCustomEvent(O,F.bubbles,F.cancelable,F.detail):f.initCustomEvent(O,!1,!1,void 0),f}:function(O,F){var f=document.createEventObject();return f.type=O,F?(f.bubbles=!!F.bubbles,f.cancelable=!!F.cancelable,f.detail=F.detail):(f.bubbles=!1,f.cancelable=!1,f.detail=void 0),f}}).call(this,typeof be<"u"?be:typeof self<"u"?self:typeof window<"u"?window:{})},{}],9:[function(I,P,D){var y=P.exports={},C,b;function m(){throw new Error("setTimeout has not been defined")}function O(){throw new Error("clearTimeout has not been defined")}(function(){try{typeof setTimeout=="function"?C=setTimeout:C=m}catch{C=m}try{typeof clearTimeout=="function"?b=clearTimeout:b=O}catch{b=O}})();function F(L){if(C===setTimeout)return setTimeout(L,0);if((C===m||!C)&&setTimeout)return C=setTimeout,setTimeout(L,0);try{return C(L,0)}catch{try{return C.call(null,L,0)}catch{return C.call(this,L,0)}}}function f(L){if(b===clearTimeout)return clearTimeout(L);if((b===O||!b)&&clearTimeout)return b=clearTimeout,clearTimeout(L);try{return b(L)}catch{try{return b.call(null,L)}catch{return b.call(this,L)}}}var T=[],p=!1,i,o=-1;function h(){!p||!i||(p=!1,i.length?T=i.concat(T):o=-1,T.length&&c())}function c(){if(!p){var L=F(h);p=!0;for(var l=T.length;l;){for(i=T,T=[];++o<l;)i&&i[o].run();o=-1,l=T.length}i=null,p=!1,f(L)}}y.nextTick=function(L){var l=new Array(arguments.length-1);if(arguments.length>1)for(var A=1;A<arguments.length;A++)l[A-1]=arguments[A];T.push(new N(L,l)),T.length===1&&!p&&F(c)};function N(L,l){this.fun=L,this.array=l}N.prototype.run=function(){this.fun.apply(null,this.array)},y.title="browser",y.browser=!0,y.env={},y.argv=[],y.version="",y.versions={};function $(){}y.on=$,y.addListener=$,y.once=$,y.off=$,y.removeListener=$,y.removeAllListeners=$,y.emit=$,y.prependListener=$,y.prependOnceListener=$,y.listeners=function(L){return[]},y.binding=function(L){throw new Error("process.binding is not supported")},y.cwd=function(){return"/"},y.chdir=function(L){throw new Error("process.chdir is not supported")},y.umask=function(){return 0}},{}],10:[function(I,P,D){(function(y){var C=typeof y=="function",b;C?b=function(m){y(m)}:b=function(m){setTimeout(m,0)},P.exports=b}).call(this,I("timers").setImmediate)},{timers:11}],11:[function(I,P,D){(function(y,C){var b=I("process/browser.js").nextTick,m=Function.prototype.apply,O=Array.prototype.slice,F={},f=0;D.setTimeout=function(){return new T(m.call(setTimeout,window,arguments),clearTimeout)},D.setInterval=function(){return new T(m.call(setInterval,window,arguments),clearInterval)},D.clearTimeout=D.clearInterval=function(p){p.close()};function T(p,i){this._id=p,this._clearFn=i}T.prototype.unref=T.prototype.ref=function(){},T.prototype.close=function(){this._clearFn.call(window,this._id)},D.enroll=function(p,i){clearTimeout(p._idleTimeoutId),p._idleTimeout=i},D.unenroll=function(p){clearTimeout(p._idleTimeoutId),p._idleTimeout=-1},D._unrefActive=D.active=function(p){clearTimeout(p._idleTimeoutId);var i=p._idleTimeout;i>=0&&(p._idleTimeoutId=setTimeout(function(){p._onTimeout&&p._onTimeout()},i))},D.setImmediate=typeof y=="function"?y:function(p){var i=f++,o=arguments.length<2?!1:O.call(arguments,1);return F[i]=!0,b(function(){F[i]&&(o?p.apply(null,o):p.call(null),D.clearImmediate(i))}),i},D.clearImmediate=typeof C=="function"?C:function(p){delete F[p]}}).call(this,I("timers").setImmediate,I("timers").clearImmediate)},{"process/browser.js":9,timers:11}]},{},[2])(2)})})(Xe);var sn=Xe.exports;const $e=rn(sn);function an(V){let U;function I(i,o,h){const c={};return c.sourceElement=i,c.sourceContainer=h,c.targetContainer=o,c.sourceType=i.getAttribute("data-sourceType")||"move",c.controlType=i.getAttribute("data-controlType"),c.controlTypeName=i.getAttribute("data-controlTypeName"),c.controlCategory=i.getAttribute("data-category"),c.controlFeature=i.getAttribute("data-feature"),c.parentComponentInstance=o.componentInstance,c.controlCategory==="input"?c.bindingType="field":c.controlCategory==="dataCollection"&&(c.bindingType="entity"),i.componentInstance&&(c.controlType=i.componentInstance.value.schema.type,c.controlCategory=i.componentInstance.value.schema.category),c}function P(i,o,h){if(i.contains(o)||o.classList.contains("no-drop"))return!1;const c=!0;if(i.componentInstance&&i.componentInstance.value.getDragScopeElement){const N=i.componentInstance.value.getDragScopeElement();if(N&&!N.contains(o))return!1}if(o.componentInstance&&o.componentInstance.value.canAccepts){const N=I(i,o,h);return o.componentInstance.value.canAccepts(N)}return c}function D(i,o){const h=o.getBoundingClientRect(),c=i.getBoundingClientRect(),N=c.top>=h.top,$=c.top<h.bottom;return N&&$}function y(i,o){const h=i.querySelector(".dgComponentSelected");if(!(!h||o===0)&&D(h,i)){const c=h.querySelector(".component-btn-group");if(c){const N=c.querySelector("div");if(N&&N.style.top){const $=Number.parseFloat(N.style.top);N.style.top=$-o+"px"}}}}function C(i,o,h){i.componentInstance;let c=-1;if(!o)return-1;if(i.componentInstance.value.contents){if(h&&h.componentInstance){if(h.getAttribute("data-noattach"))c=Number(h.getAttribute("data-position"));else{const N=h.componentInstance.value.schema;let $={id:N.id};N.type==="Component"&&($={component:N.id}),c=Ne.findIndex(i.componentInstance.value.contents,$),c=c===-1?0:c}c!==-1&&i.componentInstance.value.contents.splice(c,0,o)}else i.componentInstance.value.contents.push(o);i.componentInstance.value.updateDragAndDropRules()}return c}function b(i,o){if(!i.componentInstance.value.contents)return-1;if(i.componentInstance.value.contents.length===0)return 0;if(!o||!o.componentInstance)return i.componentInstance.value.contents.length;if(o.getAttribute("data-noattach"))return Number(o.getAttribute("data-position"));const h=o.componentInstance.value.schema;let c;h.type==="Component"?c={component:h.id}:c={id:h.id};let N=Ne.findIndex(i.componentInstance.value.contents,c);return N=N===-1?0:N,N}function m(i,o,h,c){if(o.componentInstance.value.addNewChildComponentSchema){const N=b(o,c),$=String(i.getAttribute("data-controltype")),L=i.getAttribute("data-feature"),l=String(i.innerText),A=o.componentInstance.value,H={componentType:$,label:l,parentComponentInstance:A,targetPosition:N},Y=L?JSON.parse(L):{},re=Object.assign(H,Y),J=o.componentInstance.value.addNewChildComponentSchema(re,V);C(o,J,c)}o.contains(i)&&o.removeChild(i)}function O(i,o,h,c){let N,$=-1;if(i.componentInstance&&i.componentInstance.value.triggerBelongedComponentToMoveWhenMoved){const A=i.componentInstance.value.getBelongedComponentInstance(i.componentInstance);A&&(i=s.ref(A.elementRef).value.parentElement,h=i.parentElement)}const L=i.componentInstance&&i.componentInstance.value.schema;let l={id:L&&L.id};L.type==="component"&&(l={component:L&&L.id}),$=Ne.findIndex(h.componentInstance.value.contents,l),$!==-1&&h.componentInstance.value.contents&&(N=h.componentInstance.value.contents.splice($,1),N=N[0]),C(o,N,c),h.componentInstance&&h.componentInstance.value.onChildElementMovedOut&&h.componentInstance.value.onChildElementMovedOut(i),o.componentInstance&&o.componentInstance.value.onAcceptMovedChildElement&&o.componentInstance.value.onAcceptMovedChildElement(i,h)}function F(i,o,h,c){if(!o||i.contains(o))return;switch(i.getAttribute("data-sourceType")){case"control":case"field":case"entity":{m(i,o,h,c);break}default:h.componentInstance.value.contents?O(i,o,h,c):o.contains(i)&&o.removeChild(i)}Ie.value++}function f(i){U&&U.destroy(),$e&&(U=$e([],{mirrorContainer:i,direction:"mixed",revertOnSpill:!0,moves(o,h,c){let N=!0;return o.classList.contains("no-drag")&&(N=!1),o.componentInstance&&(N=!!c.getAttribute("data-dragging-icon")),N},copy(o){return o.classList.contains("drag-copy")},getMirrorText(o){return o.componentInstance&&o.componentInstance.value.getDraggingDisplayText?o.componentInstance.value.getDraggingDisplayText():o.innerText||"控件"},accepts(o,h,c){const N=P(o,h,c),$=i.lastElementChild;return N?$.className=$.className.replace("undroppable",""):$.className.includes("undroppable")||($.className+=" undroppable"),N}}).on("over",(o,h)=>{h.className+=" drag-over"}).on("out",(o,h)=>{h.className=h.className.replace("drag-over","").replace("  ","")}).on("drop",(o,h,c,N)=>{F(o,h,c,N)}).on("dragend",(o,h)=>{y(o,h)}))}function T(i,o){if(!i)return;if(o.noDragDrop)return i;const h=i.querySelector(`[data-dragref='${o.id}-container']`)||i;U&&h&&U.containers.push(h)}function p(){if(!U)return;const i=document.getElementsByClassName("controlCategory");i&&(U.containers=U.containers.filter(o=>!o.className.includes("controlCategory")),Array.from(i).forEach(o=>{U.containers.push(o)}))}return{attachComponents:T,attachToolbox:p,initializeDragula:f}}const cn={id:{type:String,default:""},componentId:{type:String,default:""},type:{type:String,default:""},canDelete:{type:Boolean,default:!0},canMove:{type:Boolean,default:!0},canSelectParent:{type:Boolean,default:!0},customButtons:{type:Array,default:[]},customClass:{type:String,default:""},customStyle:{type:String,default:""},modelValue:{type:Object},ignore:{type:Boolean,default:!1}},B={},_={},k={};let Ye=!1;function un(){Ye||(Ye=!0,Je.registerDesigner(B,_,k),Qe.registerDesigner(B,_,k),Ze.registerDesigner(B,_,k),et.registerDesigner(B,_,k),tt.registerDesigner(B,_,k),nt.registerDesigner(B,_,k),ot.registerDesigner(B,_,k),rt.registerDesigner(B,_,k),it.registerDesigner(B,_,k),st.registerDesigner(B,_,k),at.registerDesigner(B,_,k),ct.registerDesigner(B,_,k),ut.registerDesigner(B,_,k),lt.registerDesigner(B,_,k),ft.registerDesigner(B,_,k),dt.registerDesigner(B,_),pt.registerDesigner(B,_,k),mt.registerDesigner(B,_,k),vt.registerDesigner(B,_,k),gt.registerDesigner(B,_,k),ht.registerDesigner(B,_,k),yt.registerDesigner(B,_,k),Ct.registerDesigner(B,_,k),xt.registerDesigner(B,_,k),bt.registerDesigner(B,_,k),wt.registerDesigner(B,_,k),Pt.registerDesigner(B,_,k),jt.registerDesigner(B,_,k),It.registerDesigner(B,_,k),St.registerDesigner(B,_,k),Tt.registerDesigner(B,_,k),Ot.registerDesigner(B,_,k),Nt.registerDesigner(B,_,k),At.registerDesigner(B,_,k),Dt.registerDesigner(B,_,k),Ft.registerDesigner(B,_,k),Et.registerDesigner(B,_,k),Mt.registerDesigner(B,_,k),Bt.registerDesigner(B,_,k),_t.registerDesigner(B,_,k),Vt.registerDesigner(B,_,k),qt.registerDesigner(B,_,k),kt.registerDesigner(B,_,k),Lt.registerDesigner(B,_,k),Rt.registerDesigner(B,_,k),Xt.registerDesigner(B,_,k),Wt.registerDesigner(B,_,k),$t.registerDesigner(B,_,k),Yt.registerDesigner(B,_,k),zt.registerDesigner(B,_,k),Ut.registerDesigner(B,_,k),Ht.registerDesigner(B,_,k),Gt.registerDesigner(B,_),Kt.registerDesigner(B,_,k),Qt.registerDesigner(B,_,k),Jt.registerDesigner(B,_,k))}const ln={id:{type:String}},dn=s.defineComponent({name:"FDesignerPlaceholder",props:ln,emits:[],setup(V){const U=s.computed(()=>({"drag-and-drop-alert":!0,"no-drag":!0,"w-100":!0})),I=s.computed(()=>({height:"60px",display:"flex","justify-content":"center","align-items":"center",margin:0,padding:".75rem 1.25rem",border:"1px solid transparent","border-radius":"3px",color:"#315585","background-color":"#dfedff","border-color":"#d2e6ff"}));return()=>s.createVNode("div",{class:U.value,style:I.value,role:"alert","data-noattach":"true","data-position":"0"},[s.createTextVNode("拖拽组件到这里")])}});function fn(V){return typeof V=="function"||Object.prototype.toString.call(V)==="[object Object]"&&!s.isVNode(V)}const Ae=s.defineComponent({name:"FDesignerItem",props:cn,emits:["selectionChange"],setup(V,U){const I=s.ref(`${V.modelValue.id}-component`),P=s.ref(V.canMove),D=s.ref(V.canDelete),y=s.ref(!1),C=s.ref(V.modelValue),b=s.ref(V.componentId||""),m=s.ref(""),O=s.ref(""),F=s.ref(V.customClass),f=s.ref(),T=s.inject("canvas-dragula"),p=s.ref(),i=s.inject("design-item-context"),o={designerItemElementRef:f,componentInstance:p,schema:C.value,parent:i,setupContext:U};s.provide("design-item-context",o);const h=s.inject("useFormSchema"),c=s.computed(()=>{const u=V.modelValue.appearance&&V.modelValue.appearance.class||"";let E={"farris-component":!0,"flex-fill":C.value.id=="root-component","position-relative":P.value&&D.value,"farris-nested":y.value,"can-move":P.value,"d-none":f.value&&f.value.classList.contains("d-none"),dgComponentSelected:f.value&&f.value.classList.contains("dgComponentSelected"),dgComponentFocused:f.value&&f.value.classList.contains("dgComponentFocused")};return E[`farris-component-${C.value.type}`]=!0,E=Ee.getCustomClass(E,u),E=Ee.getCustomClass(E,O.value),E=Ee.getCustomClass(E,F.value),E}),N=s.computed(()=>{const u={},E=V.modelValue.appearance&&V.modelValue.appearance.style||"";return E&&E.split(";").reduce((e,t)=>{const[d,g]=t.split(":");return e[d]=g,e},u),m.value&&m.value.split(";").reduce((e,t)=>{const[d,g]=t.split(":");return d&&(e[d]=g),e},u),u});function $(u,E){var d,g,a;if(u&&(u.preventDefault(),u.stopPropagation()),p.value.triggerBelongedComponentToDeleteWhenDeleted){const n=p.value.getBelongedComponentInstance(p);if(n&&n.parent){const z=s.ref(n==null?void 0:n.parent),q=z.value.contents.findIndex(ee=>ee.id===n.schema.id);(g=(d=z.value)==null?void 0:d.contents)==null||g.splice(q,1),(a=z.value)==null||a.updateDragAndDropRules(),Ie.value++}return}let e=i,t=n=>n.id===E.id;if(E.type==="component"&&(e=i==null?void 0:i.parent,t=n=>n.component===E.id),e&&e.schema.contents){const n=e.schema.contents.findIndex(t);e.schema.contents.splice(n,1),e.componentInstance.value.updateDragAndDropRules(),Ie.value++,U.emit("selectionChange")}}function L(u){return D.value&&s.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:E=>{$(E,u)}},[s.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function l(){return P.value&&s.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[s.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function A(){return V.customButtons&&!!V.customButtons.length&&V.customButtons.map(u=>s.createVNode("div",{role:"button",class:`btn component-settings-button ${u.class||""}`,title:u.title,ref:u.id},[s.createVNode("i",{class:u.icon},null)]))}function H(u){return s.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[s.createVNode("div",null,[L(u),l(),A()])])}function Y(u,E,e,t){U.emit("selectionChange",u,E,e,t)}function re(u){let E;const e=u.type,t=B[e],d=_[e],g=d?d(u):{};g.customClass=V.ignore?g.customClass:"",g.componentId=b.value;const a=u.contents&&u.contents.length===0;return u.contents&&!!u.contents.length&&t?s.createVNode(t,s.mergeProps({ref:p},g),fn(E=u.contents.map(z=>s.createVNode(Ae,{key:z.id,modelValue:z,"onUpdate:modelValue":q=>z=q,componentId:b.value,onSelectionChange:Y},null)))?E:{default:()=>[E]}):t?a?s.createVNode(t,s.mergeProps({ref:p},g),{default:()=>[s.createVNode(dn,null,null)]}):s.createVNode(t,s.mergeProps({ref:p},g),null):s.createVNode("div",null,null)}function J(u){if(u.type==="component-ref"){let e=h==null?void 0:h.getFormSchema().module.components.find(t=>t.id===u.component);if(e)return s.createVNode(Ae,{key:e.id,modelValue:e,"onUpdate:modelValue":t=>e=t,componentId:e.id,onSelectionChange:Y},null)}}s.watch(()=>V.modelValue,u=>{C.value=u,I.value=`${u.id}-component`});function v(u){const E=u==null?void 0:u.target;Fe(E)}function K(){var u,E;(E=(u=C.value)==null?void 0:u.contents)!=null&&E.length&&f.value&&f.value.addEventListener("scroll",v)}s.onMounted(()=>{if(f.value&&p.value&&p.value.schema){const u=f.value.querySelector(`[data-dragref='${p.value.schema.id}-container']`);T&&u&&T.attachComponents(u,C.value),y.value=p.value.canNested!==void 0?p.value.canNested:y.value,D.value=p.value.canDelete!==void 0?p.value.canDelete:D.value,P.value=p.value.canMove!==void 0?p.value.canMove:P.value,m.value=p.value.styles||"",O.value=p.value.designerClass||"",f.value&&(f.value.componentInstance=p,f.value.designItemContext=o),p.value.belongedComponentId=b.value}K(),Ie.value++}),s.onBeforeUnmount(()=>{f.value&&f.value.removeEventListener("scroll",v)});function Z(u){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(t=>t.classList.remove("dgComponentFocused")),u&&(u.preventDefault(),u.stopPropagation());let E=o.designerItemElementRef;const e=f.value;if(e){const t=document.getElementsByClassName("dgComponentSelected");t&&t.length===1&&t[0]===f.value||(Array.from(t).forEach(g=>g.classList.remove("dgComponentSelected")),e.classList.add("dgComponentFocused"),U.emit("selectionChange",C.value.type,C.value,b.value,p.value),p.value.getDraggableDesignItemElement&&(E=p.value.getDraggableDesignItemElement(o),E&&E.value&&E.value.classList.add("dgComponentSelected")))}v({target:E==null?void 0:E.value})}return()=>C.value.type==="component-ref"?J(C.value):s.createVNode("div",{id:`${C.value.id}-design-item`,ref:f,class:c.value,style:N.value,onClick:Z},[H(C.value),re(C.value)])}}),pn=s.defineComponent({name:"FDesignerCanvas",props:on,emits:["init","selectionChange","canvasChanged"],setup(V,U){const I=s.ref(),P=s.ref(),D=s.ref(),y=s.ref(),C=s.ref(),b=s.ref(V.componentId);let m,O;const F={eventsEditorUtils:s.inject("eventsEditorUtils"),formSchemaUtils:s.inject("useFormSchema"),formMetadataConverter:s.inject("formMetadataConverter"),designViewModelUtils:s.inject("designViewModelUtils"),controlCreatorUtils:s.inject("controlCreatorUtils"),metadataService:s.inject("Meatdata_Http_Service_Token"),schemaService:s.inject("schemaService")};s.provide("designer-host-service",F);const f=an(F);un(),s.provide("canvas-dragula",f),s.provide("design-item-context",{designerItemElementRef:y,componentInstance:C,schema:P.value,parent:void 0});const T=s.computed(()=>({"d-flex":!0,"flex-fill":!0,"flex-column":!0}));s.onMounted(()=>{D.value&&f.initializeDragula(D.value),I.value=V.modelValue,U.emit("init",f),p()}),s.watch(Ie,()=>{Fe(D.value),U.emit("canvasChanged")},{flush:"post"});function p(){m=new ResizeObserver(()=>{O&&clearTimeout(O),O=setTimeout(()=>{Fe(D.value)})}),m.observe(D.value)}function i(o,h,c,N){U.emit("selectionChange",o,h,c,N)}return()=>s.createVNode("div",{class:"editorDiv flex-fill h-100"},[s.createVNode("div",{class:"editorPanel d-flex flex-fill flex-column PC"},[s.createVNode("div",{ref:D,class:T.value},[I.value&&s.createVNode(Ae,{modelValue:I.value,"onUpdate:modelValue":o=>I.value=o,onSelectionChange:i,componentId:b.value},null)])])])}}),mn=s.defineComponent({name:"FFlowNodeItem",props:tn,emits:[],setup(V,U){const I=s.ref(V.id),P=s.ref(V.modelValue),D=s.ref(),y=s.inject("use-drawing-bezier-composition"),{drawFrom:C,eraseDrawingLine:b,finishToDraw:m,getAncherPointPosition:O,isAncherPoint:F}=y,f=s.inject("use-bezier-curve-composition"),{connect:T}=f,p=s.inject("use-connections-composition"),{addConnection:i,getConnectionsOfNode:o}=p;new Map(V.connection);const h=s.computed(()=>({left:`${V.x}px`,top:`${V.y}px`}));function c(l,A){if(F(l)&&F(A)){const H=O(l),Y=O(A);T(l.id,A.id,H,Y);const re=l.id,J=A.id,v=re.split(/(-left-point|-right-point|-top-point|-bottom-point)/,1)[0],K=J.split(/(-left-point|-right-point|-top-point|-bottom-point)/,1)[0];i(v,re,K,J)}}function N(l){var A;document.removeEventListener("mouseup",N),m(l),b(`${(A=D.value)==null?void 0:A.id}_curve_to`),c(D.value,l.target)}function $(l,A){D.value=document.getElementById(l),C(l,A),document.addEventListener("mouseup",N),A.stopPropagation()}s.watch([()=>V.x,()=>V.y],()=>{const l=o(I.value);l.length&&l.forEach(A=>{const H=document.getElementById(A.from),Y=document.getElementById(A.to);H&&Y&&c(H,Y)})});const L=s.computed(()=>({"node-content":!0}));return()=>s.createVNode("div",{id:I.value,class:"br-node",style:h.value},[s.createVNode("div",{id:`${I.value}-left-point`,class:"f-flow-ancher circle-left",onMousedown:l=>$(`${I.value}-left-point`,l)},null),s.createVNode("div",{id:`${I.value}-top-point`,class:"f-flow-ancher circle-top",onMousedown:l=>$(`${I.value}-top-point`,l)},null),s.createVNode("div",{id:`${I.value}-content`,class:L.value,style:"min-width:200px;min-height:200px;"},[P.value&&s.createVNode(pn,{modelValue:P.value,"onUpdate:modelValue":l=>P.value=l},null)]),s.createVNode("div",{id:`${I.value}-right-point`,class:"f-flow-ancher circle-right",onMousedown:l=>$(`${I.value}-right-point`,l)},null),s.createVNode("div",{id:`${I.value}-bottom-point`,class:"f-flow-ancher circle-bottom",onMousedown:l=>$(`${I.value}-bottom-point`,l)},null)])}});function vn(V){const U=new Map,I=new Map;function P(C,b){const m=I.get(C)||[];m.filter(F=>b.from===F.from&&b.to===F.to).length>0||(m.push(b),I.set(C,m))}function D(C,b,m,O){const F=new Set(U.get(b)||[]);F.add(O),U.set(b,[...F]);const f={from:b,to:O,type:"Curve"};P(C,f),P(m,f)}function y(C){return I.get(C)||[]}return{addConnection:D,getConnectionsOfNode:y}}const gn=s.defineComponent({name:"FFlowCanvas",props:Re,emits:[],setup(V,U){const I=s.ref(),P=Zt(),D=en(P),y=vn();s.provide("use-bezier-curve-composition",P),s.provide("use-connections-composition",y),s.provide("use-drawing-bezier-composition",D);const C=s.computed(()=>({transition:"transform 0.2s","background-color":"#F2F3F5",height:"100%",width:"100%",position:"relative"}));s.onMounted(()=>{I.value=V.modelValue});const b=s.ref(),m=s.ref(),O=s.ref(),F=s.ref(),f=s.ref();function T(o){const h=o.clientX-F.value,c=o.clientY-f.value;b.value&&b.value.position&&(b.value.position.x=m.value+h,b.value.position.y=O.value+c)}function p(){document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",p),b.value=void 0,F.value=void 0,f.value=void 0}function i(o,h){b.value=o,m.value=o.position.x,O.value=o.position.y,F.value=h.clientX,f.value=h.clientY,document.addEventListener("mousemove",T),document.addEventListener("mouseup",p)}return()=>s.createVNode("div",{class:"f-flow-canvas editorDiv flex-fill h-100"},[s.createVNode("div",{id:"svg-container",class:"f-struct-wrapper flex-fill",style:C.value},[I.value&&I.value.contents.map(o=>s.createVNode(mn,{modelValue:o.content[0],"onUpdate:modelValue":h=>o.content[0]=h,id:o.id,x:o.position.x,y:o.position.y,onMousedown:h=>i(o,h)},null))])])}});S.FFlowCanvas=gn,S.flowCanvasProps=Re,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});