@farris/ui-vue 1.2.5 → 1.2.7

package/components/filter-bar/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/filter-bar/index.d.ts"
     }

package/components/flow-canvas/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as q, defineComponent as Fe, computed as Te, createVNode as J, createTextVNode as vt, inject as ge, provide as Ee, watch as ze, onMounted as Ue, onBeforeUnmount as gt, mergeProps as $e, isVNode as yt } from "vue";
+import { ref as q, defineComponent as Fe, computed as Te, createVNode as J, createTextVNode as vt, inject as me, provide as Ee, watch as ze, onMounted as Ue, onBeforeUnmount as gt, mergeProps as $e, isVNode as yt } from "vue";
 import { findIndex as Ye } from "lodash-es";
 import ht from "@farris/ui-vue/components/accordion";
 import Ct from "@farris/ui-vue/components/avatar";
@@ -114,28 +114,28 @@ function wn() {
     K < 0 && (t += Math.abs(K));
     const de = /* @__PURE__ */ new Map([["default", 0 + D], ["portrait", 0 + D], ["landscape", 0 + D]]), oe = /* @__PURE__ */ new Map([["default", t + y], ["portrait", t + y], ["landscape", t + y]]);
     D < 0 && (e += Math.abs(D)), W > 0 && (e += W);
-    const ye = /* @__PURE__ */ new Map([["default", e + W], ["portrait", e + W], ["landscape", e + W]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = b.left > P.left, ae = b.bottom > P.bottom, pe = le ? 0 : ae ? e / 2 : de.get(V), he = ae ? t + b.bottom : le ? t / 2 : oe.get(V), Ce = ye.get(V), me = ce.get(V);
-    return [{ x: pe, y: he }, { x: Ce, y: me }, { x: W, y: K }];
+    const ye = /* @__PURE__ */ new Map([["default", e + W], ["portrait", e + W], ["landscape", e + W]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = b.left > P.left, ae = b.bottom > P.bottom, pe = le ? 0 : ae ? e / 2 : de.get(V), he = ae ? t + b.bottom : le ? t / 2 : oe.get(V), Ce = ye.get(V), ve = ce.get(V);
+    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: K }];
   }
   function u(e, t, a, b, c, i, z) {
     const V = z === "south" || z === "west" ? "portrait" : "landscape", ne = c, R = V === "landscape" ? "west" : "north", ie = z, se = F(ne, i, R, e, t), { x: D, y } = se, H = C(R, ie, e, t), { x: W, y: K } = H;
     K < 0 && (t += Math.abs(K)), D > 0 && (e += D), W < 0 && (e += Math.abs(W));
-    const de = /* @__PURE__ */ new Map([["default", e + D], ["portrait", e + D], ["landscape", e + D]]), oe = /* @__PURE__ */ new Map([["default", t + y], ["portrait", t + y], ["landscape", t + y]]), ye = /* @__PURE__ */ new Map([["default", 0 + W], ["portrait", 0 + W], ["landscape", 0 + W]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = b.right > P.right, ae = b.bottom > P.bottom, pe = le ? e + b.right : ae ? e / 2 : de.get(V), he = ae ? t + b.bottom : le ? t / 2 : oe.get(V), Ce = ye.get(V), me = ce.get(V);
-    return [{ x: pe, y: he }, { x: Ce, y: me }, { x: W, y: K }];
+    const de = /* @__PURE__ */ new Map([["default", e + D], ["portrait", e + D], ["landscape", e + D]]), oe = /* @__PURE__ */ new Map([["default", t + y], ["portrait", t + y], ["landscape", t + y]]), ye = /* @__PURE__ */ new Map([["default", 0 + W], ["portrait", 0 + W], ["landscape", 0 + W]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = b.right > P.right, ae = b.bottom > P.bottom, pe = le ? e + b.right : ae ? e / 2 : de.get(V), he = ae ? t + b.bottom : le ? t / 2 : oe.get(V), Ce = ye.get(V), ve = ce.get(V);
+    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: K }];
   }
   function n(e, t, a, b, c, i, z) {
     const V = z === "north" || z === "east" ? "portrait" : "landscape", ne = c, R = V === "landscape" ? "east" : "south", ie = z, se = F(ne, i, R, e, t), { x: D, y } = se, H = C(R, ie, e, t), { x: W, y: K } = H, de = /* @__PURE__ */ new Map([["default", 0 + D], ["portrait", 0 + D], ["landscape", 0 + D]]), oe = /* @__PURE__ */ new Map([["default", 0 + y], ["portrait", 0 + y], ["landscape", 0 + y]]);
     D < 0 && (e += Math.abs(D)), y < 0 && (t += Math.abs(y)), W > 0 && (e += W), K > 0 && (t += K);
-    const ye = /* @__PURE__ */ new Map([["default", e + W], ["portrait", e + W], ["landscape", e + W]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = b.left > P.left, ae = b.top > P.top, pe = le ? 0 : ae ? e / 2 : de.get(V), he = ae ? 0 : le ? t / 2 : oe.get(V), Ce = ye.get(V), me = ce.get(V);
-    return [{ x: pe, y: he }, { x: Ce, y: me }, { x: W, y: K }];
+    const ye = /* @__PURE__ */ new Map([["default", e + W], ["portrait", e + W], ["landscape", e + W]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = b.left > P.left, ae = b.top > P.top, pe = le ? 0 : ae ? e / 2 : de.get(V), he = ae ? 0 : le ? t / 2 : oe.get(V), Ce = ye.get(V), ve = ce.get(V);
+    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: K }];
   }
   function o(e, t, a, b, c, i, z) {
     const V = z === "north" || z === "west" ? "portrait" : "landscape", ne = c, R = V === "landscape" ? "west" : "south", ie = z, se = F(ne, i, R, e, t), { x: D, y } = se, H = C(R, ie, e, t), { x: W, y: K } = H;
     W < 0 && (e += Math.abs(W));
     const de = /* @__PURE__ */ new Map([["default", e + D], ["portrait", e + D], ["landscape", e + D]]), oe = /* @__PURE__ */ new Map([["default", 0 + y], ["portrait", 0 + y], ["landscape", 0 + y]]);
     y < 0 && (t += Math.abs(y)), K > 0 && (t += K);
-    const ye = /* @__PURE__ */ new Map([["default", 0 + W], ["portrait", 0 + W], ["landscape", 0 + W]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = b.right > P.right, ae = b.top > P.top, pe = le ? e + b.right : ae ? e / 2 : de.get(V), he = ae ? 0 : le ? t / 2 : oe.get(V), Ce = ye.get(V), me = ce.get(V);
-    return [{ x: pe, y: he }, { x: Ce, y: me }, { x: W, y: K }];
+    const ye = /* @__PURE__ */ new Map([["default", 0 + W], ["portrait", 0 + W], ["landscape", 0 + W]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = b.right > P.right, ae = b.top > P.top, pe = le ? e + b.right : ae ? e / 2 : de.get(V), he = ae ? 0 : le ? t / 2 : oe.get(V), Ce = ye.get(V), ve = ce.get(V);
+    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: K }];
   }
   const s = /* @__PURE__ */ new Map([
     ["north_east", I],
@@ -222,8 +222,8 @@ function wn() {
       a,
       ne,
       b
-    ), ye = z === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x > 0 ? oe.x : 0, ce = D.left + D.right + y + ye, le = V === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y > 0 ? oe.y : 0, ae = D.top + D.bottom + H + le, pe = z === "east" ? e.x - D.left : e.x + D.right - ce, he = V === "south" ? e.y - D.top : e.y + D.bottom - ae, Ce = z === "east" ? D.left : ce - D.right, me = V === "north" ? ae - D.bottom : D.top, Be = z === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x < 0 ? ce : ce - oe.x, Ae = V === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y < 0 ? ae : ae - oe.y;
-    return { width: ce, height: ae, left: pe, top: he, startPoinInBoundray: { x: Ce, y: me }, firstControlPoint: K, secondControlPoint: de, endPoinInBoundray: { x: Be, y: Ae } };
+    ), ye = z === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x > 0 ? oe.x : 0, ce = D.left + D.right + y + ye, le = V === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y > 0 ? oe.y : 0, ae = D.top + D.bottom + H + le, pe = z === "east" ? e.x - D.left : e.x + D.right - ce, he = V === "south" ? e.y - D.top : e.y + D.bottom - ae, Ce = z === "east" ? D.left : ce - D.right, ve = V === "north" ? ae - D.bottom : D.top, Be = z === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x < 0 ? ce : ce - oe.x, Ae = V === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y < 0 ? ae : ae - oe.y;
+    return { width: ce, height: ae, left: pe, top: he, startPoinInBoundray: { x: Ce, y: ve }, firstControlPoint: K, secondControlPoint: de, endPoinInBoundray: { x: Be, y: Ae } };
   }
   function $(e, t, a, b, c) {
     e.style.position = "absolute", e.style.alignItems = "center", e.style.left = `${t}px`, e.style.top = `${a}px`, e.style.width = b + "px", e.style.height = c + "px";
@@ -491,7 +491,7 @@ var tt = { exports: {} };
                       return;
                   }
                   var ee = ne;
-                  de(!0), oe(), Ae(), me(ee), f.add(i || e, "gu-transit"), st(), it(), se = 0, Re(r);
+                  de(!0), oe(), Ae(), ve(ee), f.add(i || e, "gu-transit"), st(), it(), se = 0, Re(r);
                 }
               }
             }
@@ -516,9 +516,9 @@ var tt = { exports: {} };
             }
             function Ce(r) {
               var x = pe(r);
-              x && me(x);
+              x && ve(x);
             }
-            function me(r) {
+            function ve(r) {
               mt(r.item, r.source) && (i = r.item.cloneNode(!0), H.emit("cloned", i, r.item, "copy")), N = r.source, e = r.item, b = c = $(r.item), H.dragging = !0, H.emit("drag", e, N);
             }
             function Be() {
@@ -571,8 +571,8 @@ var tt = { exports: {} };
                 var te = W(k);
                 if (te === !1)
                   return !1;
-                var be = Ke(k, r), ve = Qe(k, be, x, T), we = Le(k, ve);
-                return we ? !0 : y.accepts(e, k, N, ve);
+                var be = Ke(k, r), ge = Qe(k, be, x, T), we = Le(k, ge);
+                return we ? !0 : y.accepts(e, k, N, ge);
               }
             }
             function Re(r) {
@@ -583,9 +583,9 @@ var tt = { exports: {} };
               S.style.left = x - 2 + "px", S.style.top = T - 2 + "px";
               var k = i || e, ee = v(S, x, T), te = Ge(ee, x, T), be = te !== null && te !== V;
               (be || te === null) && (xe(), V = te, Ie()), pt(ee, T);
-              var ve = l(k);
+              var ge = l(k);
               if (te === N && i && !y.copySortSource) {
-                ve && ve.removeChild(k);
+                ge && ge.removeChild(k);
                 return;
               }
               var we, Pe = Ke(te, ee);
@@ -594,7 +594,7 @@ var tt = { exports: {} };
               else if (y.revertOnSpill === !0 && !i)
                 we = b, te = N;
               else {
-                i && ve && ve.removeChild(k), i && R && (R.style.display = "none");
+                i && ge && ge.removeChild(k), i && R && (R.style.display = "none");
                 return;
               }
               R.style.display = "block", nt(we, k, be), we ? ft(Pe, we) : dt(te);
@@ -650,8 +650,8 @@ var tt = { exports: {} };
               if (x) {
                 var te = getComputedStyle(x), be = te.getPropertyValue("display");
                 if (/flex$/.test(be)) {
-                  var ve = te.getPropertyValue("flex-direction") || "row";
-                  if (ve === "row" || ve === "row-reverse")
+                  var ge = te.getPropertyValue("flex-direction") || "row";
+                  if (ge === "row" || ge === "row-reverse")
                     return !ut(x);
                 }
                 return !1;
@@ -710,9 +710,9 @@ var tt = { exports: {} };
               }
             }
             function Qe(r, x, T, k) {
-              var ee = y.direction === "horizontal", te = y.direction === "mixed", be = x !== r ? we() : ve();
+              var ee = y.direction === "horizontal", te = y.direction === "mixed", be = x !== r ? we() : ge();
               return be;
-              function ve() {
+              function ge() {
                 var ue = r.children.length, Ie, xe, fe;
                 for (Ie = 0; Ie < ue; Ie++)
                   if (xe = r.children[Ie], fe = xe.getBoundingClientRect(), ee && fe.left + fe.width / 2 > T || !te && !ee && fe.top + fe.height / 2 > k || te && fe.left + fe.width > T && fe.top + fe.height > k)
@@ -1343,7 +1343,7 @@ const je = /* @__PURE__ */ Fe({
   props: Fn,
   emits: ["selectionChange"],
   setup(O, Z) {
-    const E = q(`${O.modelValue.id}-component`), P = q(O.canMove), B = q(O.canDelete), p = q(!1), w = q(O.modelValue), h = q(O.componentId || ""), f = q(""), F = q(""), C = q(), I = ge("canvas-dragula"), u = q(), n = ge("design-item-context"), o = {
+    const E = q(`${O.modelValue.id}-component`), P = q(O.canMove), B = q(O.canDelete), p = q(!1), w = q(O.modelValue), h = q(O.componentId || ""), f = q(""), F = q(""), C = q(), I = me("canvas-dragula"), u = q(), n = me("design-item-context"), o = {
       designerItemElementRef: C,
       componentInstance: u,
       schema: w.value,
@@ -1351,9 +1351,11 @@ const je = /* @__PURE__ */ Fe({
       setupContext: Z
     };
     Ee("design-item-context", o);
-    const s = ge("useFormSchema"), v = Te(() => {
+    const s = me("useFormSchema"), v = Te(() => {
       const g = O.modelValue.appearance && O.modelValue.appearance.class || "", S = {
         "farris-component": !0,
+        // 受position-relative影响，整个容器的高度不能被撑起
+        "flex-fill": w.value.id == "root-component",
         "position-relative": P.value && B.value,
         "farris-nested": p.value,
         "can-move": P.value,
@@ -1516,12 +1518,13 @@ const je = /* @__PURE__ */ Fe({
       schema: P.value,
       parent: void 0
     }), Ee("designer-host-service", {
-      eventsEditorUtils: ge("eventsEditorUtils"),
-      formSchemaUtils: ge("useFormSchema"),
-      formMetadataConverter: ge("formMetadataConverter"),
-      designViewModelUtils: ge("designViewModelUtils"),
-      controlCreatorUtils: ge("controlCreatorUtils"),
-      metadataService: ge("Meatdata_Http_Service_Token")
+      eventsEditorUtils: me("eventsEditorUtils"),
+      formSchemaUtils: me("useFormSchema"),
+      formMetadataConverter: me("formMetadataConverter"),
+      designViewModelUtils: me("designViewModelUtils"),
+      controlCreatorUtils: me("controlCreatorUtils"),
+      metadataService: me("Meatdata_Http_Service_Token"),
+      schemaService: me("schemaService")
     });
     const F = Te(() => ({
       "d-flex": !0,
@@ -1557,15 +1560,15 @@ const je = /* @__PURE__ */ Fe({
   props: Pn,
   emits: [],
   setup(O, Z) {
-    const E = q(O.id), P = q(O.modelValue), B = q(), p = ge("use-drawing-bezier-composition"), {
+    const E = q(O.id), P = q(O.modelValue), B = q(), p = me("use-drawing-bezier-composition"), {
       drawFrom: w,
       eraseDrawingLine: h,
       finishToDraw: f,
       getAncherPointPosition: F,
       isAncherPoint: C
-    } = p, I = ge("use-bezier-curve-composition"), {
+    } = p, I = me("use-bezier-curve-composition"), {
       connect: u
-    } = I, n = ge("use-connections-composition"), {
+    } = I, n = me("use-connections-composition"), {
       addConnection: o,
       getConnectionsOfNode: s
     } = n;

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

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

package/components/flow-canvas/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/flow-canvas/index.d.ts"
     }

package/components/image-cropper/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/image-cropper/index.d.ts"
     }