@farris/ui-vue 1.2.7 → 1.2.9

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

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

package/components/designer-outline/index.css

@@ -1 +1 @@
-.designer-control-tree{display:block;height:100%;color:#212529!important;background:#fcfdff}.designer-control-tree .fv-tree{height:100%!important}.designer-control-tree .fv-tree .fv-tree-content{background:#fcfdff!important}.designer-control-tree .fv-tree .controlIcon{font-size:20px;color:#7d86ab!important;margin:0 4px 0 0!important;height:1rem}.designer-control-tree .fv-tree .controlIcon.f-icon{font-size:18px}.designer-control-tree .fv-tree .fv-tree-data{overflow:auto}.designer-control-tree .fv-tree .fv-grid-row-selected,.designer-control-tree .fv-tree .fv-grid-row-hover{border-radius:10px}
+.designer-control-tree{display:block;height:100%;color:#212529!important;background:#fcfdff}.designer-control-tree .fv-tree{height:100%!important}.designer-control-tree .fv-tree .fv-tree-content{background:#fcfdff!important}.designer-control-tree .fv-tree .controlIcon{font-size:20px;color:#7d86ab!important;margin:0 4px 0 0!important;height:1rem}.designer-control-tree .fv-tree .controlIcon.f-icon{font-size:18px}.designer-control-tree .fv-tree .fv-tree-data{overflow:auto}.designer-control-tree .fv-tree .fv-grid-row-selected,.designer-control-tree .fv-tree .fv-grid-row-hover{border-radius:10px}.designer-control-tree .fv-tree .fv-grid-hierarchy-cell{padding:0}