@farris/ui-vue 1.6.5-beta.7 → 1.6.5

package/components/dynamic-form/index.esm.js

@@ -2,7 +2,7 @@ var Xn = Object.defineProperty;
 var Yn = (t, e, n) => e in t ? Xn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var te = (t, e, n) => Yn(t, typeof e != "symbol" ? e + "" : e, n);
 import { ref as g, computed as G, defineComponent as Fe, withDirectives as un, createVNode as C, resolveDirective as cn, inject as Le, onMounted as We, watch as ve, createTextVNode as Ie, mergeProps as tt, Fragment as vt, reactive as Ge, createApp as dn, onUnmounted as xt, Transition as fn, nextTick as Wt, onBeforeMount as Zn, Teleport as Jn, shallowRef as Qn, render as At, h as Kn, cloneVNode as eo } from "vue";
-import { isPlainObject as Jt, cloneDeep as Tt, isUndefined as ze } from "lodash-es";
+import { cloneDeep as Tt, isPlainObject as Jt, isUndefined as ze } from "lodash-es";
 import { FormSchemaEntityField$Type as Qt, FormSchemaEntityFieldTypeName as Kt, useGuid as en, areaResponseDirective as to, useTextBoxDesign as no, useClear as oo, getCustomClass as ao, withInstall as ro, getMaxZIndex as io } from "../common/index.esm.js";
 import { useI18n as St } from "vue-i18n";
 import { getSchemaByTypeForDesigner as lo, schemaMap as so, resolveAppearance as uo, createPropsResolver as pn, propertyConfigSchemaMapForDesigner as co } from "../dynamic-resolver/index.esm.js";
@@ -164,7 +164,7 @@ function mn(t, e) {
   }
   return { getSchemaByType: i, resolveSchemaWithDefaultValue: u, resolveSchemaToProps: s, mappingSchemaToProps: c, setDesignerContext: d };
 }
-const vn = {}, hn = {}, { resolveSchemaWithDefaultValue: hr, resolveSchemaToProps: gr, mappingSchemaToProps: yr } = mn(vn, hn);
+const vn = {}, hn = {}, { getSchemaByType: Au, resolveSchemaWithDefaultValue: hr, resolveSchemaToProps: gr, mappingSchemaToProps: yr, setDesignerContext: Uu } = mn(vn, hn);
 function br(t = {}) {
   function e(u, d, l, f) {
     if (typeof l == "number")
@@ -523,14 +523,14 @@ function gn(t, e, n) {
   }
   function d(m, v, y, T, F, j = "", D = "") {
     return Object.keys(m).map((w) => {
-      const S = g(1), I = w, O = m[w], q = Object.keys(O), k = O.title, N = O.type, $ = a.get(N) || { type: "input-group", enableClear: !1 }, h = O.editor ? Object.assign({}, $, O.editor) : Object.assign({}, $), b = c(q, O, v), V = s(q, O, v);
+      const S = g(1), B = w, O = m[w], q = Object.keys(O), k = O.title, N = O.type, $ = a.get(N) || { type: "input-group", enableClear: !1 }, h = O.editor ? Object.assign({}, $, O.editor) : Object.assign({}, $), b = c(q, O, v), V = s(q, O, v);
       h.readonly = h.readonly === void 0 ? V() : h.readonly;
-      const J = O.type === "cascade" ? d(O.properties, v, y, T, F, j, D) : [], B = !0;
+      const J = O.type === "cascade" ? d(O.properties, v, y, T, F, j, D) : [], I = !0;
       let M = u(O, D);
       const A = G({
         get() {
           if (S.value) {
-            if (["class", "style"].find((ce) => ce === I) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
+            if (["class", "style"].find((ce) => ce === B) && !M && (M = o.get("/converter/appearance.converter") || null), M && M.convertFrom)
               return M.convertFrom(y, w, F, j);
             const se = y[w];
             return Object.prototype.hasOwnProperty.call(O, "defaultValue") && (se === void 0 || typeof se == "string" && se === "") ? O.type === "boolean" ? O.defaultValue : O.defaultValue || "" : se;
@@ -540,8 +540,8 @@ function gn(t, e, n) {
         set(se) {
           S.value += 1, M && M.convertTo ? (M.convertTo(T, w, se, F, j), M.convertTo(y, w, se, F, j)) : (T[w] = se, y[w] = se);
         }
-      }), { refreshPanelAfterChanged: P, description: U, isExpand: oe, parentPropertyID: re } = O, ee = { propertyID: I, propertyName: k, propertyType: N, propertyValue: A, editor: h, visible: b, readonly: V, cascadeConfig: J, hideCascadeTitle: B, refreshPanelAfterChanged: P, description: U, isExpand: oe, parentPropertyID: re };
-      return v[I] = ee, ee;
+      }), { refreshPanelAfterChanged: P, description: U, isExpand: oe, parentPropertyID: re } = O, ee = { propertyID: B, propertyName: k, propertyType: N, propertyValue: A, editor: h, visible: b, readonly: V, cascadeConfig: J, hideCascadeTitle: I, refreshPanelAfterChanged: P, description: U, isExpand: oe, parentPropertyID: re };
+      return v[B] = ee, ee;
     });
   }
   function l(m, v, y = {}) {
@@ -552,13 +552,13 @@ function gn(t, e, n) {
     }) : [];
   }
   function f(m, v, y, T, F = "") {
-    const j = v.$ref.schema, D = v.$ref.converter, E = y[j], w = E.type, S = n(E), I = {}, O = t[w];
+    const j = v.$ref.schema, D = v.$ref.converter, E = y[j], w = E.type, S = n(E), B = {}, O = t[w];
     if (O && O.categories) {
       const q = O.categories[m], k = q == null ? void 0 : q.title;
       D && Object.keys(q.properties).forEach((h) => {
         q.properties[h].$converter = D;
       });
-      const N = (q == null ? void 0 : q.properties) || {}, $ = d(N, I, S, E, T, F);
+      const N = (q == null ? void 0 : q.properties) || {}, $ = d(N, B, S, E, T, F);
       return { categoryId: m, categoryName: k, properties: $ };
     }
     return { categoryId: m, categoryName: "", properties: [] };
@@ -568,14 +568,14 @@ function gn(t, e, n) {
     let w = F || t[j];
     if (w && Object.keys(w).length === 0 && y && y.getPropConfig && (w = y.getPropConfig(T)), w && w.categories) {
       const S = [];
-      return Object.keys(w.categories).map((I) => {
-        const O = w.categories[I];
+      return Object.keys(w.categories).map((B) => {
+        const O = w.categories[B];
         if (O.$ref) {
-          S.push(f(I, O, m, v, T));
+          S.push(f(B, O, m, v, T));
           return;
         }
         const q = O == null ? void 0 : O.title, k = O == null ? void 0 : O.tabId, N = O == null ? void 0 : O.tabName, $ = O == null ? void 0 : O.hide, h = O == null ? void 0 : O.hideTitle, b = d(O.properties || {}, E, D, m, v, T, O.$converter), { setPropertyRelates: V } = O, J = O == null ? void 0 : O.parentPropertyID;
-        S.push({ categoryId: I, categoryName: q, tabId: k, tabName: N, hide: $, properties: b, hideTitle: h, setPropertyRelates: V, parentPropertyID: J });
+        S.push({ categoryId: B, categoryName: q, tabId: k, tabName: N, hide: $, properties: b, hideTitle: h, setPropertyRelates: V, parentPropertyID: J });
       }), S;
     }
     return [];
@@ -588,7 +588,7 @@ function gn(t, e, n) {
 }
 const yn = {}, bn = {};
 gn(yn, bn, hr);
-const Cn = {}, wn = {}, { resolveSchemaWithDefaultValue: Ur } = mn(Cn, wn), Fn = {}, Tn = {};
+const Cn = {}, wn = {}, { getSchemaByType: zu, resolveSchemaWithDefaultValue: Ur, resolveSchemaToProps: qu, mappingSchemaToProps: Gu, setDesignerContext: Wu } = mn(Cn, wn), Fn = {}, Tn = {};
 gn(Fn, Tn, Ur);
 function Et(t, e, n = /* @__PURE__ */ new Map(), o = (r, c, s, u) => c, a = {}, i = (r) => r) {
   return vn[e.title] = e, hn[e.title] = o, yn[e.title] = a, bn[e.title] = i, Cn[e.title] = e, wn[e.title] = o, Fn[e.title] = a, Tn[e.title] = i, (r = {}, c = !0) => {
@@ -1038,7 +1038,7 @@ function En(t, e, n) {
     if (n && n.getCustomButtons)
       return n.getCustomButtons();
   }
-  function I(N) {
+  function B(N) {
     var h, b;
     if (!((h = e == null ? void 0 : e.schema) != null && h.id))
       return;
@@ -1050,8 +1050,8 @@ function En(t, e, n) {
     if (n != null && n.getComponentTitle)
       $ = n.getComponentTitle();
     else {
-      const { text: V, title: J, label: B, mainTitle: M, name: A, type: P } = e.schema;
-      $ = V || J || B || M || A || ((b = R[P]) == null ? void 0 : b.name);
+      const { text: V, title: J, label: I, mainTitle: M, name: A, type: P } = e.schema;
+      $ = V || J || I || M || A || ((b = R[P]) == null ? void 0 : b.name);
     }
     $ && r.getControlBasicInfoMap().set(e.schema.id, {
       componentTitle: $,
@@ -1061,12 +1061,12 @@ function En(t, e, n) {
   function O(N) {
     var V;
     const { changeObject: $ } = N, { propertyID: h, propertyValue: b } = $;
-    if (["text", "title", "label", "name", "mainTitle"].includes((V = N == null ? void 0 : N.changeObject) == null ? void 0 : V.propertyID) && h && b && (I(), r)) {
-      const J = r.getControlBasicInfoMap(), B = J.keys().toArray().filter((M) => {
+    if (["text", "title", "label", "name", "mainTitle"].includes((V = N == null ? void 0 : N.changeObject) == null ? void 0 : V.propertyID) && h && b && (B(), r)) {
+      const J = r.getControlBasicInfoMap(), I = J.keys().toArray().filter((M) => {
         var A, P;
         return ((A = J.get(M)) == null ? void 0 : A.reliedComponentId) === ((P = e == null ? void 0 : e.schema) == null ? void 0 : P.id);
       });
-      B != null && B.length && B.forEach((M) => {
+      I != null && I.length && I.forEach((M) => {
         const A = J.get(M).parentPathName.split(" > ");
         A[0] = b, J.get(M).parentPathName = A.join(" > ");
       });
@@ -1101,7 +1101,7 @@ function En(t, e, n) {
     onRemoveComponent: w,
     getCustomButtons: S,
     onPropertyChanged: q,
-    setComponentBasicInfoMap: I,
+    setComponentBasicInfoMap: B,
     updateContextSchema: e == null ? void 0 : e.updateContextSchema
   }, i;
 }
@@ -1901,7 +1901,7 @@ function yi(t) {
       var F;
       const y = o.get(v.id), T = y.appearance && y.appearance.class;
       if (T) {
-        const D = T.split(" ").filter((q) => !q.startsWith("col-")), E = "col-" + v.columnInSM, w = "col-md-" + v.columnInMD, S = "col-xl-" + v.columnInLG, I = "col-el-" + v.columnInEL, O = [E, w, S, I].concat(D);
+        const D = T.split(" ").filter((q) => !q.startsWith("col-")), E = "col-" + v.columnInSM, w = "col-md-" + v.columnInMD, S = "col-xl-" + v.columnInLG, B = "col-el-" + v.columnInEL, O = [E, w, S, B].concat(D);
         y.appearance.class = O.join(" ");
       }
       if (v.fieldSetId) {
@@ -2019,17 +2019,17 @@ class Ci extends hi {
 function wi(t, e) {
   const n = t.schema, o = new di(), { canMove: a, canAccept: i, canDelete: r } = o.getTemplateRule(t, e);
   function c(h, b) {
-    const { sourceElement: V } = h, { componentInstance: J } = V, B = e == null ? void 0 : e.formSchemaUtils;
-    if (!B)
+    const { sourceElement: V } = h, { componentInstance: J } = V, I = e == null ? void 0 : e.formSchemaUtils;
+    if (!I)
       return !0;
-    const M = B.getComponentById(J.value.belongedComponentId), A = B.getViewModelById(M.viewModel), P = B.getComponentById(t.componentInstance.value.belongedComponentId), U = B.getViewModelById(P.viewModel);
+    const M = I.getComponentById(J.value.belongedComponentId), A = I.getViewModelById(M.viewModel), P = I.getComponentById(t.componentInstance.value.belongedComponentId), U = I.getViewModelById(P.viewModel);
     return b ? A != null && A.id && (U != null && U.id) && A.id !== U.id ? A.bindTo === U.bindTo : !0 : (A == null ? void 0 : A.id) === (U == null ? void 0 : U.id);
   }
   function s(h) {
     const { bindingTargetId: b } = h;
     if (!e)
       return;
-    const { formSchemaUtils: V, schemaService: J } = e, B = V.getComponentById(t.componentInstance.value.belongedComponentId), M = J.getFieldByIDAndVMID(b, B.viewModel);
+    const { formSchemaUtils: V, schemaService: J } = e, I = V.getComponentById(t.componentInstance.value.belongedComponentId), M = J.getFieldByIDAndVMID(b, I.viewModel);
     return !!(M != null && M.schemaField);
   }
   function u(h) {
@@ -2052,7 +2052,7 @@ function wi(t, e) {
   }
   function l(h) {
     var U;
-    const b = h.componentInstance, V = b.value.schema, J = e == null ? void 0 : e.formSchemaUtils, B = e == null ? void 0 : e.designViewModelUtils, M = J.getViewModelIdByComponentId(b.value.belongedComponentId), A = B.getDgViewModel(M), P = b.value.parent;
+    const b = h.componentInstance, V = b.value.schema, J = e == null ? void 0 : e.formSchemaUtils, I = e == null ? void 0 : e.designViewModelUtils, M = J.getViewModelIdByComponentId(b.value.belongedComponentId), A = I.getDgViewModel(M), P = b.value.parent;
     if (P && lt.fieldset && ((U = P.schema) == null ? void 0 : U.type) === lt.fieldset.type && A) {
       const oe = { groupId: null, groupName: null };
       switch (V.binding.type) {
@@ -2068,18 +2068,18 @@ function wi(t, e) {
     }
   }
   function f(h, b, V) {
-    const J = b.fields.find((U) => U.id === h), B = e == null ? void 0 : e.designViewModelUtils, M = B.getDgViewModel(b.id), A = M.fields.find((U) => U.id === h);
+    const J = b.fields.find((U) => U.id === h), I = e == null ? void 0 : e.designViewModelUtils, M = I.getDgViewModel(b.id), A = M.fields.find((U) => U.id === h);
     M.removeField([h]);
-    const P = B.getDgViewModel(V);
+    const P = I.getDgViewModel(V);
     P.addField(A), J.fieldSchema && P.changeField(A.id, J.fieldSchema);
   }
   function p(h, b, V, J = []) {
-    const B = b.id, M = h.binding.field, A = b.fields.findIndex((U) => U.id === M);
-    if (A > -1 && (V.fields.push(b.fields[A]), b.fields.splice(A, 1)), B === "root-viewmodel" && V.id !== "root-viewmodel") {
+    const I = b.id, M = h.binding.field, A = b.fields.findIndex((U) => U.id === M);
+    if (A > -1 && (V.fields.push(b.fields[A]), b.fields.splice(A, 1)), I === "root-viewmodel" && V.id !== "root-viewmodel") {
       h.binding.path && !h.binding.path.includes("root-component.") && (h.binding.path = "root-component." + h.binding.path);
       return;
     }
-    if (V.id === "root-viewmodel" && B !== "root-viewmodel" && h.binding.path && h.binding.path.includes("root-component.")) {
+    if (V.id === "root-viewmodel" && I !== "root-viewmodel" && h.binding.path && h.binding.path.includes("root-component.")) {
       h.binding.path = h.binding.path.replace("root-component.", "");
       return;
     }
@@ -2090,13 +2090,13 @@ function wi(t, e) {
     var A;
     if (!h)
       return;
-    const B = b.id === "root-viewmodel" && V.id !== "root-viewmodel", M = V.id === "root-viewmodel" && b.id !== "root-viewmodel";
+    const I = b.id === "root-viewmodel" && V.id !== "root-viewmodel", M = V.id === "root-viewmodel" && b.id !== "root-viewmodel";
     Object.keys(h).forEach((P) => {
       if (P === "binding")
         return;
       const U = h[P];
       if (U && typeof U == "object" && U.type === Qe.Variable && U.field) {
-        if (B) {
+        if (I) {
           U.path && !U.path.includes("root-component.") && (U.path = "root-component." + U.path);
           return;
         }
@@ -2128,16 +2128,16 @@ function wi(t, e) {
   function y(h = [], b) {
     if (!h.length)
       return;
-    const V = e == null ? void 0 : e.formSchemaUtils, J = V.getComponentByViewModelId(b), B = [], M = (P, U) => {
+    const V = e == null ? void 0 : e.formSchemaUtils, J = V.getComponentByViewModelId(b), I = [], M = (P, U) => {
       P && (Object.keys(P).forEach((oe) => {
         const re = P[oe];
         re && typeof re == "object" && re.type === Qe.Variable && h.includes(re.field) && !U.includes(re.field) && U.push(re.field);
       }), P.editor && M(P.editor, U));
     };
-    v(J, M, B);
+    v(J, M, I);
     const A = V.getViewModelById(b);
     h.forEach((P) => {
-      B.includes(P) || (A.states = A.states.filter((U) => U.id !== P));
+      I.includes(P) || (A.states = A.states.filter((U) => U.id !== P));
     });
   }
   function T(h) {
@@ -2153,7 +2153,7 @@ function wi(t, e) {
   }
   function F(h, b, V) {
     var oe, re, ee;
-    const J = {}, B = h.type === "form-group" && h.editor ? h.editor.type : h.type, M = (oe = so[B]) == null ? void 0 : oe.events;
+    const J = {}, I = h.type === "form-group" && h.editor ? h.editor.type : h.type, M = (oe = so[I]) == null ? void 0 : oe.events;
     if (!M)
       return;
     Object.keys(h).forEach((se) => {
@@ -2185,8 +2185,8 @@ function wi(t, e) {
     }
   }
   function j(h) {
-    const b = e == null ? void 0 : e.formSchemaUtils, V = h.componentInstance, J = V.value.schema, B = b.getViewModelIdByComponentId(V.value.belongedComponentId), M = b.getViewModelById(B), A = b.getComponentById(t.componentInstance.value.belongedComponentId), P = b.getViewModelById(A.viewModel);
-    if (B !== P.id) {
+    const b = e == null ? void 0 : e.formSchemaUtils, V = h.componentInstance, J = V.value.schema, I = b.getViewModelIdByComponentId(V.value.belongedComponentId), M = b.getViewModelById(I), A = b.getComponentById(t.componentInstance.value.belongedComponentId), P = b.getViewModelById(A.viewModel);
+    if (I !== P.id) {
       const U = J.binding.type, oe = J.binding.field, re = [];
       switch (U) {
         case Qe.Form: {
@@ -2198,7 +2198,7 @@ function wi(t, e) {
           break;
         }
       }
-      m(J, M, P, re), m(J.editor, M, P, re), F(J, M, P), B !== "root-viewmodel" && y(re, B);
+      m(J, M, P, re), m(J.editor, M, P, re), F(J, M, P), I !== "root-viewmodel" && y(re, I);
     }
   }
   function D(h) {
@@ -2240,11 +2240,11 @@ function wi(t, e) {
       J = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(J, b.schema.id, t.schema), h.appearance || (h.appearance = {}), h.appearance.class = J;
     }
   }
-  function I(h, b, V, J) {
-    const { bindingSourceContext: B, parentComponentInstance: M } = h;
-    if (B != null && B.entityFieldNode && M) {
+  function B(h, b, V, J) {
+    const { bindingSourceContext: I, parentComponentInstance: M } = h;
+    if (I != null && I.entityFieldNode && M) {
       const A = e == null ? void 0 : e.designViewModelUtils, U = (e == null ? void 0 : e.formSchemaUtils).getViewModelIdByComponentId(M.belongedComponentId), oe = A.getDgViewModel(U);
-      oe.removeField([B.entityFieldNode.id]), oe.addField(B.designViewModelField), b && oe.changeField(B.entityFieldNode.id, { editor: { $type: b }, groupId: V, groupName: J });
+      oe.removeField([I.entityFieldNode.id]), oe.addField(I.designViewModelField), b && oe.changeField(I.entityFieldNode.id, { editor: { $type: b }, groupId: V, groupName: J });
     }
   }
   function O(h, b) {
@@ -2254,7 +2254,7 @@ function wi(t, e) {
       const { label: U } = h;
       let oe;
       const re = e == null ? void 0 : e.controlCreatorUtils;
-      return (M = h.bindingSourceContext) != null && M.entityFieldNode ? oe = re.setFormFieldProperty((A = h.bindingSourceContext) == null ? void 0 : A.entityFieldNode, b == null ? void 0 : b.type) : (oe = re.createFormGroupWithoutField(b == null ? void 0 : b.type), oe.label = U), S(oe), I(h, (P = oe.editor) == null ? void 0 : P.type), oe;
+      return (M = h.bindingSourceContext) != null && M.entityFieldNode ? oe = re.setFormFieldProperty((A = h.bindingSourceContext) == null ? void 0 : A.entityFieldNode, b == null ? void 0 : b.type) : (oe = re.createFormGroupWithoutField(b == null ? void 0 : b.type), oe.label = U), S(oe), B(h, (P = oe.editor) == null ? void 0 : P.type), oe;
     }
     return b;
   }
@@ -2281,7 +2281,7 @@ function wi(t, e) {
     onResolveNewComponentSchema: O,
     moveInputBetweenComponent: j,
     resolveFormGroupAppearance: S,
-    syncFieldToViewModel: I
+    syncFieldToViewModel: B
   };
 }
 const Fi = /* @__PURE__ */ Fe({
@@ -2522,9 +2522,9 @@ const Si = {
       "common-group": !0,
       "q-state-readonly": c.value
     }));
-    function j(I, O, q) {
-      r.value = O !== void 0 ? O : I, e.emit("update:modelValue", r.value), e.emit("change", r.value, {
-        newValue: I,
+    function j(B, O, q) {
+      r.value = O !== void 0 ? O : B, e.emit("update:modelValue", r.value), e.emit("change", r.value, {
+        newValue: B,
         newModelValue: O,
         parameters: q
       });
@@ -2533,8 +2533,8 @@ const Si = {
       e.emit("update:modelValue", "");
     }
     const E = G(() => {
-      const I = a.value.type || "input-group", O = v(I), q = m(I, a.value), k = y(I), N = T(a.value.type);
-      return N && (q[N] = D), q[k] = j, (q.id == null || q.id === "") && (q.id = n.value), I === "number-range" && a.value.onBeginValueChange && typeof a.value.onBeginValueChange == "function" ? (a.value.onBeginValueChange && typeof a.value.onBeginValueChange == "function" && (q.onBeginValueChange = a.value.onBeginValueChange), a.value.onEndValueChange && typeof a.value.onEndValueChange == "function" && (q.onEndValueChange = a.value.onEndValueChange)) : I === "lookup" && a.value["onUpdate:idValue"] && typeof a.value["onUpdate:idValue"] == "function" ? (q["onUpdate:idValue"] = a.value["onUpdate:idValue"], q.id = n.value) : I === "collection-property-editor" && a.value.onSelectionChange && typeof a.value.onSelectionChange == "function" ? q.onSelectionChange = a.value.onSelectionChange : I === "property-editor" && (q.onBeforeOpenVariables = a.value.onBeforeOpenVariables), () => C(O, tt({
+      const B = a.value.type || "input-group", O = v(B), q = m(B, a.value), k = y(B), N = T(a.value.type);
+      return N && (q[N] = D), q[k] = j, (q.id == null || q.id === "") && (q.id = n.value), B === "number-range" && a.value.onBeginValueChange && typeof a.value.onBeginValueChange == "function" ? (a.value.onBeginValueChange && typeof a.value.onBeginValueChange == "function" && (q.onBeginValueChange = a.value.onBeginValueChange), a.value.onEndValueChange && typeof a.value.onEndValueChange == "function" && (q.onEndValueChange = a.value.onEndValueChange)) : B === "lookup" && a.value["onUpdate:idValue"] && typeof a.value["onUpdate:idValue"] == "function" ? (q["onUpdate:idValue"] = a.value["onUpdate:idValue"], q.id = n.value) : B === "collection-property-editor" && a.value.onSelectionChange && typeof a.value.onSelectionChange == "function" ? q.onSelectionChange = a.value.onSelectionChange : B === "property-editor" && (q.onBeforeOpenVariables = a.value.onBeforeOpenVariables), () => C(O, tt({
         ref: l
       }, q, {
         modelValue: r.value,
@@ -2547,9 +2547,9 @@ const Si = {
         errors: f.value
       }, null);
     }
-    return ve([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel, () => t.visible, () => t.errors], ([I, O, q, k, N, $, h, b, V, J]) => {
-      var B;
-      n.value = I, o.value = O, a.value = q, i.value = k, r.value = N, c.value = $, s.value = ((B = a.value) == null ? void 0 : B.required) || h, u.value = b, d.value = V, f.value = J;
+    return ve([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel, () => t.visible, () => t.errors], ([B, O, q, k, N, $, h, b, V, J]) => {
+      var I;
+      n.value = B, o.value = O, a.value = q, i.value = k, r.value = N, c.value = $, s.value = ((I = a.value) == null ? void 0 : I.required) || h, u.value = b, d.value = V, f.value = J;
     }), e.expose({
       editorRef: l
     }), () => d.value && C("div", {
@@ -3058,7 +3058,7 @@ var Ai = { exports: {} };
           function l(k, N) {
             var $ = arguments.length;
             $ === 1 && Array.isArray(k) === !1 && (N = k, k = []);
-            var h, b, V, J, B, M, A, P, U, oe = null, re, ee, se = !1, ce = 0, ae, Y = N || {};
+            var h, b, V, J, I, M, A, P, U, oe = null, re, ee, se = !1, ce = 0, ae, Y = N || {};
             Y.moves === void 0 && (Y.moves = F), Y.accepts === void 0 && (Y.accepts = F), Y.invalid === void 0 && (Y.invalid = ut), Y.containers === void 0 && (Y.containers = k || []), Y.isContainer === void 0 && (Y.isContainer = T), Y.copy === void 0 && (Y.copy = !1), Y.copySortSource === void 0 && (Y.copySortSource = !1), Y.revertOnSpill === void 0 && (Y.revertOnSpill = !1), Y.removeOnSpill === void 0 && (Y.removeOnSpill = !1), Y.direction === void 0 && (Y.direction = "vertical"), Y.ignoreInputTextSelection === void 0 && (Y.ignoreInputTextSelection = !0), Y.mirrorContainer === void 0 && (Y.mirrorContainer = u.body);
             var de = r({
               containers: Y.containers,
@@ -3093,7 +3093,7 @@ var Ai = { exports: {} };
               re && x.preventDefault();
             }
             function pe(x) {
-              J = x.clientX, B = x.clientY;
+              J = x.clientX, I = x.clientY;
               var z = v(x) !== 1 || x.metaKey || x.ctrlKey;
               if (!z) {
                 var Z = x.target, K = $e(Z);
@@ -3106,7 +3106,7 @@ var Ai = { exports: {} };
                   Ue({});
                   return;
                 }
-                if (!(x.clientX !== void 0 && Math.abs(x.clientX - J) <= (Y.slideFactorX || 0) && x.clientY !== void 0 && Math.abs(x.clientY - B) <= (Y.slideFactorY || 0))) {
+                if (!(x.clientX !== void 0 && Math.abs(x.clientX - J) <= (Y.slideFactorX || 0) && x.clientY !== void 0 && Math.abs(x.clientY - I) <= (Y.slideFactorY || 0))) {
                   if (Y.ignoreInputTextSelection) {
                     var z = q("clientX", x) || 0, Z = q("clientY", x) || 0, K = u.elementFromPoint(z, Z);
                     if (w(K))
@@ -3124,7 +3124,7 @@ var Ai = { exports: {} };
                     return;
                 var Z = E(x);
                 if (Z && !Y.invalid(x, z)) {
-                  var K = Y.moves(x, Z, z, I(x));
+                  var K = Y.moves(x, Z, z, B(x));
                   if (K)
                     return {
                       item: x,
@@ -3141,7 +3141,7 @@ var Ai = { exports: {} };
               z && Ae(z);
             }
             function Ae(x) {
-              jt(x.item, x.source) && (P = x.item.cloneNode(!0), de.emit("cloned", P, x.item, "copy")), b = x.source, V = x.item, M = A = I(x.item), de.dragging = !0, de.emit("drag", V, b);
+              jt(x.item, x.source) && (P = x.item.cloneNode(!0), de.emit("cloned", P, x.item, "copy")), b = x.source, V = x.item, M = A = B(x.item), de.dragging = !0, de.emit("drag", V, b);
             }
             function ut() {
               return !1;
@@ -3183,7 +3183,7 @@ var Ai = { exports: {} };
             }
             function me(x, z) {
               var Z;
-              return z !== void 0 ? Z = z : h ? Z = A : Z = I(P || V), x === b && Z === M;
+              return z !== void 0 ? Z = z : h ? Z = A : Z = B(P || V), x === b && Z === M;
             }
             function he(x, z, Z) {
               for (var K = x; K && !le(); )
@@ -3231,7 +3231,7 @@ var Ai = { exports: {} };
               }
             }
             function It(x, z, Z) {
-              (x === z || x === I(z)) && (A = I(z)), (x === null && Z || x !== z && x !== I(z)) && (A = x);
+              (x === z || x === B(z)) && (A = B(z)), (x === null && Z || x !== z && x !== B(z)) && (A = x);
             }
             function Bt(x) {
               s.rm(x, "gu-hide");
@@ -3350,7 +3350,7 @@ var Ai = { exports: {} };
                 return Ve(le ? Z > ge.left + j(ge) / 2 : K > ge.top + D(ge) / 2);
               }
               function Ve(ge) {
-                return ge ? I(z) : z;
+                return ge ? B(z) : z;
               }
             }
             function jt(x, z) {
@@ -3429,7 +3429,7 @@ var Ai = { exports: {} };
           function S(k) {
             return !k || k.contentEditable === "false" ? !1 : k.contentEditable === "true" ? !0 : S(E(k));
           }
-          function I(k) {
+          function B(k) {
             return k.nextElementSibling || N();
             function N() {
               var $ = k;
@@ -3512,23 +3512,23 @@ var Ai = { exports: {} };
             remove: d,
             fabricate: y
           };
-          function f(E, w, S, I) {
-            return E.addEventListener(w, S, I);
+          function f(E, w, S, B) {
+            return E.addEventListener(w, S, B);
           }
           function p(E, w, S) {
             return E.attachEvent("on" + w, F(E, w, S));
           }
-          function m(E, w, S, I) {
-            return E.removeEventListener(w, S, I);
+          function m(E, w, S, B) {
+            return E.removeEventListener(w, S, B);
           }
           function v(E, w, S) {
-            var I = j(E, w, S);
-            if (I)
-              return E.detachEvent("on" + w, I);
+            var B = j(E, w, S);
+            if (B)
+              return E.detachEvent("on" + w, B);
           }
           function y(E, w, S) {
-            var I = c.indexOf(w) === -1 ? q() : O();
-            E.dispatchEvent ? E.dispatchEvent(I) : E.fireEvent("on" + w, I);
+            var B = c.indexOf(w) === -1 ? q() : O();
+            E.dispatchEvent ? E.dispatchEvent(B) : E.fireEvent("on" + w, B);
             function O() {
               var k;
               return s.createEvent ? (k = s.createEvent("Event"), k.initEvent(w, !0, !0)) : s.createEventObject && (k = s.createEventObject()), k;
@@ -3548,26 +3548,26 @@ var Ai = { exports: {} };
             };
           }
           function F(E, w, S) {
-            var I = j(E, w, S) || T(E, w, S);
+            var B = j(E, w, S) || T(E, w, S);
             return l.push({
-              wrapper: I,
+              wrapper: B,
               element: E,
               type: w,
               fn: S
-            }), I;
+            }), B;
           }
           function j(E, w, S) {
-            var I = D(E, w, S);
-            if (I) {
-              var O = l[I].wrapper;
-              return l.splice(I, 1), O;
+            var B = D(E, w, S);
+            if (B) {
+              var O = l[B].wrapper;
+              return l.splice(B, 1), O;
             }
           }
           function D(E, w, S) {
-            var I, O;
-            for (I = 0; I < l.length; I++)
-              if (O = l[I], O.element === E && O.type === w && O.fn === S)
-                return I;
+            var B, O;
+            for (B = 0; B < l.length; B++)
+              if (O = l[B], O.element === E && O.type === w && O.fn === S)
+                return B;
           }
         }).call(this, typeof qe < "u" ? qe : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
@@ -4182,11 +4182,11 @@ function _i(t, e, n, o, a, i, r, c, s, u, d, l, f, p, m, v, y) {
     leftFixedGridDataStyle: w,
     rightFixedGridDataStyle: S
   } = p, {
-    renderDataRow: I
-  } = Na(t, e, F, y, c, s, u, d, l, f, p, m, v), O = [I];
+    renderDataRow: B
+  } = Na(t, e, F, y, c, s, u, d, l, f, p, m, v), O = [B];
   function q(b, V) {
     const J = T(b);
-    return y.value.filter((B) => B.visible !== !1).map((B, M) => O[B.type](B, J, V, M));
+    return y.value.filter((I) => I.visible !== !1).map((I, M) => O[I.type](I, J, V, M));
   }
   function k() {
     return C("div", {
@@ -4238,17 +4238,17 @@ const Hi = /* @__PURE__ */ Fe({
       renderLoading: E
     } = $a(t, s), w = ja(t, /* @__PURE__ */ new Map(), T, F, r), {
       dataView: S
-    } = w, I = Aa(t, w, r, p, e), {
+    } = w, B = Aa(t, w, r, p, e), {
       showSelection: O,
       selectedValues: q
-    } = I, k = Ua(t, p, w, r, I, e), N = G(() => t.disabled), $ = G(() => t.virtualized ? Math.min(w.dataView.value.length, a.value) : w.dataView.value.length), h = za(t, w), {
+    } = B, k = Ua(t, p, w, r, B, e), N = G(() => t.disabled), $ = G(() => t.virtualized ? Math.min(w.dataView.value.length, a.value) : w.dataView.value.length), h = za(t, w), {
       shouldRenderPagination: b
     } = h, {
       containerStyleObject: V
     } = qa(t), J = Ga(t), {
-      applyCommands: B
+      applyCommands: I
     } = J;
-    B(i);
+    I(i);
     const {
       applyColumnSetting: M,
       removeColumnSetting: A
@@ -4260,9 +4260,9 @@ const Hi = /* @__PURE__ */ Fe({
       updateColumnRenderContext: ee
     } = P;
     oe(w, U);
-    const se = Xa(t, re), ce = Ya(t, e, I, r), ae = Za(t, e, r, ce, p), Y = Ja(t), de = Qa(t, ae, Y), _e = Ka(t, w, ae, F, r, Y, de), Re = er(t, i, w, $, 0, _e), {
+    const se = Xa(t, re), ce = Ya(t, e, B, r), ae = Za(t, e, r, ce, p), Y = Ja(t), de = Qa(t, ae, Y), _e = Ka(t, w, ae, F, r, Y, de), Re = er(t, i, w, $, 0, _e), {
       getVisualData: Be
-    } = Re, nt = tr(t, re), He = nr(t, I), {
+    } = Re, nt = tr(t, re), He = nr(t, B), {
       sidebarWidth: ot
     } = He, pe = or(t, w, p, re, Re, $, 0, ot), {
       onWheel: st,
@@ -4287,13 +4287,13 @@ const Hi = /* @__PURE__ */ Fe({
       "fv-grid-wrap-content": v.value
     })), {
       renderDataArea: me
-    } = _i(t, e, d, l, f, nt, P, w, ae, F, ce, I, k, pe, Re, Y, p), {
+    } = _i(t, e, d, l, f, nt, P, w, ae, F, ce, B, k, pe, Re, Y, p), {
       renderGridHeader: he,
       renderGridColumnResizeOverlay: Oe,
       shouldShowHeader: It
-    } = sr(t, e, u, l, f, P, w, rt, at, T, Ue, Xe, se, I, He, U, pe, ke, p), {
+    } = sr(t, e, u, l, f, P, w, rt, at, T, Ue, Xe, se, B, He, U, pe, ke, p), {
       renderDataGridSidebar: Bt
-    } = ur(t, ce, I, He, pe), {
+    } = ur(t, ce, B, He, pe), {
       renderDisableMask: kt
     } = cr(), {
       renderHorizontalScrollbar: Vt
@@ -4322,7 +4322,7 @@ const Hi = /* @__PURE__ */ Fe({
       w.expandTo(Q), w.reOrderVisibleIndex(), Ae();
     }
     function ct() {
-      const Q = I.getSelectionRow();
+      const Q = B.getSelectionRow();
       return Q ? Q.dataIndex - 1 : -1;
     }
     function Ot() {
@@ -4339,7 +4339,7 @@ const Hi = /* @__PURE__ */ Fe({
     }
     function $t() {
       const Q = ct(), ne = k.getNextSelectableHierarchyItemId(Q);
-      w.removeHierarchyDataItem(Q), p.value = Be(0, $.value + 0 - 1), ne && I.selectItemById(ne);
+      w.removeHierarchyDataItem(Q), p.value = Be(0, $.value + 0 - 1), ne && k.selectItemById(ne);
     }
     function bt(Q) {
       ae.onEditingRow(Q);
@@ -4351,7 +4351,7 @@ const Hi = /* @__PURE__ */ Fe({
       ae.cancelEditingRow(Q);
     }
     function z(Q) {
-      Q && (i.value = Q, B(i), ee(i.value), oe(w, U), De());
+      Q && (i.value = Q, I(i), ee(i.value), oe(w, U), De());
     }
     ve(() => t.columns, (Q) => {
       z(Q);
@@ -4360,7 +4360,7 @@ const Hi = /* @__PURE__ */ Fe({
       Q && (w.load(Q), w.reOrderVisibleIndex(), ne != null && ne.keepScrollPosition ? pe.scrollTo(pe.offsetY.value) : Ae());
     }
     function K(Q) {
-      I.selectItemById(Q);
+      k.selectItemById(Q);
     }
     function le(Q) {
       const ne = p.value.find((ye) => ye.raw[r.idField.value] === Q);
@@ -4370,25 +4370,25 @@ const Hi = /* @__PURE__ */ Fe({
       ce.activeRowById(Q);
     }
     function Ee(Q) {
-      I.selectItemByIds(Q);
+      k.selectItemByIds(Q);
     }
     function Te() {
-      return I.getSelectedItems();
+      return B.getSelectedItems();
     }
     function xe() {
-      I.clearSelection();
+      B.clearSelection();
     }
     const Ve = G(() => !p.value || !p.value.length), {
       renderEmpty: ge
     } = pr(t, e);
     function Pe() {
-      return I.getSelectionRow();
+      return B.getSelectionRow();
     }
     function Se(Q) {
-      I.unSelectItemByIds(Q);
+      k.unSelectItemByIds(Q);
     }
     function Ce() {
-      return I.currentSelectedDataId.value;
+      return B.currentSelectedDataId.value;
     }
     function dt(Q, ne, ye) {
       const we = S.value.find((Me) => Me[c.value] === Q);
@@ -4442,7 +4442,7 @@ const Hi = /* @__PURE__ */ Fe({
       ye && ce.changeRow(ye);
     }
     function zn() {
-      I.keepSelectingOnPaging.value || xe(), w.updateVisibleDataSummary(p.value);
+      B.keepSelectingOnPaging.value || xe(), w.updateVisibleDataSummary(p.value);
     }
     e.expose({
       activeRowById: ue,
@@ -4479,9 +4479,9 @@ const Hi = /* @__PURE__ */ Fe({
     }), Gn = G(() => ({
       ...V.value,
       borderRadius: "5px"
-    })), {
-      renderDataGridPagination: ls
-    } = mr(t, e, w, pe, h, I), Wn = G(() => ({
+    }));
+    mr(t, e, w, pe, h, B);
+    const Wn = G(() => ({
       "d-flex": !0,
       "justify-content-between": b.value && O.value,
       "justify-content-end": b.value && !O.value,
@@ -4954,18 +4954,18 @@ class Ke {
 function xl(t, e) {
   const n = g(), o = g(), a = g(), i = g(), r = g(), c = g(), s = g(), u = g(), d = g(), l = g(), f = g(), p = g(t.resizeable), m = g(), v = g(t.draggable), y = g(!1);
   function T() {
-    const B = o.value || document.body, M = window.getComputedStyle(B);
+    const I = o.value || document.body, M = window.getComputedStyle(I);
     if (!M || !n.value)
       return;
     const A = fe.getTransformInfo(n.value), P = {};
     s.value && (P.deltaL = n.value.offsetLeft - s.value.x, P.deltaT = n.value.offsetTop - s.value.y);
     const U = M.getPropertyValue("position");
-    P.width = B.clientWidth, P.height = B.clientHeight, P.pr = parseInt(M.getPropertyValue("padding-right"), 10), P.pb = parseInt(M.getPropertyValue("padding-bottom"), 10), P.position = M.getPropertyValue("position"), U === "static" && (B.style.position = "relative"), P.translateX = A.x, P.translateY = A.y, l.value = P;
+    P.width = I.clientWidth, P.height = I.clientHeight, P.pr = parseInt(M.getPropertyValue("padding-right"), 10), P.pb = parseInt(M.getPropertyValue("padding-bottom"), 10), P.position = M.getPropertyValue("position"), U === "static" && (I.style.position = "relative"), P.translateX = A.x, P.translateY = A.y, l.value = P;
   }
-  function F(B) {
+  function F(I) {
     if (n.value) {
       i.value = Ke.getCurrent(n.value), r.value = fe.getCurrent(n.value), c.value = i.value ? Ke.copy(i.value) : null, s.value = r.value ? fe.copy(r.value) : null, T();
-      const M = B.target.getAttribute("type") || "";
+      const M = I.target.getAttribute("type") || "";
       u.value = {
         n: !!M.match(/n/),
         s: !!M.match(/s/),
@@ -4975,49 +4975,49 @@ function xl(t, e) {
     }
   }
   function j() {
-    var B, M, A, P;
+    var I, M, A, P;
     if (n.value) {
       const U = n.value;
-      u.value && ((u.value.n || u.value.s) && ((B = c.value) != null && B.height) && (U.style.height = c.value.height + "px"), (u.value.w || u.value.e) && ((M = c.value) != null && M.width) && (U.style.width = c.value.width + "px"), s.value && ((A = s.value) != null && A.x && (U.style.left = s.value.x + "px"), (P = s.value) != null && P.y && (U.style.top = s.value.y + "px")));
+      u.value && ((u.value.n || u.value.s) && ((I = c.value) != null && I.height) && (U.style.height = c.value.height + "px"), (u.value.w || u.value.e) && ((M = c.value) != null && M.width) && (U.style.width = c.value.width + "px"), s.value && ((A = s.value) != null && A.x && (U.style.left = s.value.x + "px"), (P = s.value) != null && P.y && (U.style.top = s.value.y + "px")));
     }
   }
   function D() {
-    const B = t.minHeight ? t.minHeight : 1, M = t.minWidth ? t.minWidth : 1;
-    c.value && s.value && u.value && i.value && (c.value.height < B && (c.value.height = B, u.value.n && r.value && (s.value.y = r.value.y + (i.value.height - B))), c.value.width < M && (c.value.width = M, u.value.w && r.value && (s.value.x = r.value.x + (i.value.width - M))), t.maxHeight && c.value.height > t.maxHeight && (c.value.height = t.maxHeight, r.value && u.value.n && (s.value.y = r.value.y + (i.value.height - t.maxHeight))), t.maxWidth && c.value.width > t.maxWidth && (c.value.width = t.maxWidth, u.value.w && r.value && (s.value.x = r.value.x + (i.value.width - t.maxWidth))));
+    const I = t.minHeight ? t.minHeight : 1, M = t.minWidth ? t.minWidth : 1;
+    c.value && s.value && u.value && i.value && (c.value.height < I && (c.value.height = I, u.value.n && r.value && (s.value.y = r.value.y + (i.value.height - I))), c.value.width < M && (c.value.width = M, u.value.w && r.value && (s.value.x = r.value.x + (i.value.width - M))), t.maxHeight && c.value.height > t.maxHeight && (c.value.height = t.maxHeight, r.value && u.value.n && (s.value.y = r.value.y + (i.value.height - t.maxHeight))), t.maxWidth && c.value.width > t.maxWidth && (c.value.width = t.maxWidth, u.value.w && r.value && (s.value.x = r.value.x + (i.value.width - t.maxWidth))));
   }
   function E() {
     if (o.value) {
-      const B = l.value;
+      const I = l.value;
       if (s.value && c.value && u.value && i.value) {
-        const M = B.width - B.pr - B.deltaL - B.translateX - s.value.x, A = B.height - B.pb - B.deltaT - B.translateY - s.value.y;
-        u.value.n && s.value.y + B.translateY < 0 && r.value && (s.value.y = -B.translateY, c.value.height = i.value.height + r.value.y + B.translateY), u.value.w && s.value.x + B.translateX < 0 && r.value && (s.value.x = -B.translateX, c.value.width = i.value.width + r.value.x + B.translateX), c.value.width > M && (c.value.width = M), c.value.height > A && (c.value.height = A);
+        const M = I.width - I.pr - I.deltaL - I.translateX - s.value.x, A = I.height - I.pb - I.deltaT - I.translateY - s.value.y;
+        u.value.n && s.value.y + I.translateY < 0 && r.value && (s.value.y = -I.translateY, c.value.height = i.value.height + r.value.y + I.translateY), u.value.w && s.value.x + I.translateX < 0 && r.value && (s.value.x = -I.translateX, c.value.width = i.value.width + r.value.x + I.translateX), c.value.width > M && (c.value.width = M), c.value.height > A && (c.value.height = A);
       }
     }
   }
-  function w(B) {
+  function w(I) {
     if (!a.value || !i.value || !r.value || !u.value)
       return;
-    B.subtract(a.value);
-    const M = B.x, A = B.y;
+    I.subtract(a.value);
+    const M = I.x, A = I.y;
     u.value.n ? (s.value.y = r.value.y + A, c.value.height = i.value.height - A) : u.value.s && (c.value.height = i.value.height + A), u.value.e ? c.value.width = i.value.width + M : u.value.w && (c.value.width = i.value.width - M, s.value.x = r.value.x + M), E(), D(), j();
   }
-  function S(B) {
+  function S(I) {
     if (!d.value)
       return;
-    const M = fe.fromEvent(B);
+    const M = fe.fromEvent(I);
     M && w(M);
   }
-  function I() {
+  function B() {
     if (n.value) {
       const {
-        width: B,
+        width: I,
         height: M,
         x: A,
         y: P
       } = n.value.getBoundingClientRect(), U = fe.getTransformInfo(n.value);
       return {
         size: {
-          width: B,
+          width: I,
           height: M
         },
         position: {
@@ -5028,9 +5028,9 @@ function xl(t, e) {
     }
     return null;
   }
-  function O(B) {
+  function O(I) {
     if (n.value) {
-      const M = I();
+      const M = B();
       f.value = M;
     }
     a.value = void 0, i.value = null, r.value = null, c.value = null, s.value = null, u.value = null, d.value = null, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", O);
@@ -5038,11 +5038,11 @@ function xl(t, e) {
   function q() {
     document.addEventListener("mousemove", S), document.addEventListener("mouseup", O);
   }
-  function k(B) {
-    B instanceof MouseEvent && B.button === 2 || v.value && (document.body.click(), B.stopPropagation(), B.preventDefault(), a.value = fe.fromEvent(B), d.value = B.target, F(B), q());
+  function k(I) {
+    I instanceof MouseEvent && I.button === 2 || v.value && (document.body.click(), I.stopPropagation(), I.preventDefault(), a.value = fe.fromEvent(I), d.value = I.target, F(I), q());
   }
-  function N(B) {
-    return n.value = B, p.value && C(vt, null, [C("div", {
+  function N(I) {
+    return n.value = I, p.value && C(vt, null, [C("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: (M) => k(M)
@@ -5076,10 +5076,10 @@ function xl(t, e) {
       onMousedown: (M) => k(M)
     }, null)]);
   }
-  function $(B = !0) {
+  function $(I = !0) {
     document.body.click();
     const M = o.value || document.body, A = Ke.getCurrent(M), P = n.value;
-    B && P && (m.value = I(), m.value.transform = P.style.transform), A && P && (c.value = A, c.value.height -= 14, c.value.width -= 14, P.style.height = c.value.height + "px", P.style.width = c.value.width + "px", P.style.left = "7px", P.style.top = "7px", P.style.transform = "", f.value = {
+    I && P && (m.value = B(), m.value.transform = P.style.transform), A && P && (c.value = A, c.value.height -= 14, c.value.width -= 14, P.style.height = c.value.height + "px", P.style.width = c.value.width + "px", P.style.left = "7px", P.style.top = "7px", P.style.transform = "", f.value = {
       size: c.value,
       position: {
         x: 0,
@@ -5088,7 +5088,7 @@ function xl(t, e) {
     }, v.value = !1, y.value = !0);
   }
   function h() {
-    var B, M;
+    var I, M;
     if (document.body.click(), m.value) {
       const A = {
         width: m.value.size.width || 0,
@@ -5097,7 +5097,7 @@ function xl(t, e) {
         x: (window.innerWidth - A.width) / 2,
         y: (window.innerHeight - A.height) / 2
       };
-      (B = c.value) == null || B.set(A), (M = s.value) == null || M.set(P);
+      (I = c.value) == null || I.set(A), (M = s.value) == null || M.set(P);
       const U = n.value;
       U.style.height = A.height + "px", U.style.width = A.width + "px", U.style.left = `${P.x}px`, U.style.top = `${P.y}px`, U.style.transform = "", f.value = {
         size: A,
@@ -5107,22 +5107,22 @@ function xl(t, e) {
   }
   function b() {
     if (n.value) {
-      const B = Ke.getCurrent(n.value);
-      if (B) {
+      const I = Ke.getCurrent(n.value);
+      if (I) {
         const {
           width: M,
           height: A
-        } = B;
+        } = I;
         n.value.style.left = `${(window.innerWidth - M) / 2}px`, n.value.style.top = `${(window.innerHeight - A) / 2}px`, n.value.style.transform = "";
       }
     }
   }
   function V() {
-    const B = () => {
+    const I = () => {
       y.value ? $(!1) : b(), document.body.click();
     };
-    return window.addEventListener("resize", B), () => {
-      window.removeEventListener("resize", B);
+    return window.addEventListener("resize", I), () => {
+      window.removeEventListener("resize", I);
     };
   }
   const J = V();
@@ -5143,33 +5143,33 @@ function Sl(t, e, n) {
   ve(() => n.value, (S) => {
     r.value.style.cursor = S ? "move" : "default";
   });
-  function p(S, I) {
-    if (I.tagName === "BUTTON")
+  function p(S, B) {
+    if (B.tagName === "BUTTON")
       return !1;
-    if (I === S)
+    if (B === S)
       return !0;
-    for (const O in I.children)
-      if (Object.prototype.hasOwnProperty.call(I.children, O) && p(S, I.children[O]))
+    for (const O in B.children)
+      if (Object.prototype.hasOwnProperty.call(B.children, O) && p(S, B.children[O]))
         return !0;
     return !1;
   }
   function m() {
     var q, k;
-    let S = l.value.x + d.value.x, I = l.value.y + d.value.y;
-    i.value === "x" ? (S = ((q = u.value) == null ? void 0 : q.x) || 0, l.value.x = 0) : i.value === "y" && (I = ((k = u.value) == null ? void 0 : k.y) || 0, l.value.y = 0);
-    const O = `translate3d(${Math.round(S)}px, ${Math.round(I)}px, 0px)`;
-    o.value && (o.value.style.transform = O), f.value.x = S, f.value.y = I;
+    let S = l.value.x + d.value.x, B = l.value.y + d.value.y;
+    i.value === "x" ? (S = ((q = u.value) == null ? void 0 : q.x) || 0, l.value.x = 0) : i.value === "y" && (B = ((k = u.value) == null ? void 0 : k.y) || 0, l.value.y = 0);
+    const O = `translate3d(${Math.round(S)}px, ${Math.round(B)}px, 0px)`;
+    o.value && (o.value.style.transform = O), f.value.x = S, f.value.y = B;
   }
   function v() {
     if (!c.value || !o.value)
       return null;
-    const S = c.value.getBoundingClientRect(), I = o.value.getBoundingClientRect(), O = {
-      top: S.top < I.top,
-      right: S.right > I.right,
-      bottom: S.bottom > I.bottom,
-      left: S.left < I.left
+    const S = c.value.getBoundingClientRect(), B = o.value.getBoundingClientRect(), O = {
+      top: S.top < B.top,
+      right: S.right > B.right,
+      bottom: S.bottom > B.bottom,
+      left: S.left < B.left
     };
-    return O.top || (l.value.y -= I.top - S.top), O.bottom || (l.value.y -= I.bottom - S.bottom), O.right || (l.value.x -= I.right - S.right), O.left || (l.value.x -= I.left - S.left), m(), O;
+    return O.top || (l.value.y -= B.top - S.top), O.bottom || (l.value.y -= B.bottom - S.bottom), O.right || (l.value.x -= B.right - S.right), O.left || (l.value.x -= B.left - S.left), m(), O;
   }
   function y(S) {
     S && (u.value && S.subtract(u.value), l.value.set(S), m(), v());
@@ -5195,22 +5195,22 @@ function Sl(t, e, n) {
   function E(S) {
     if (!n.value || S instanceof MouseEvent && S.button === 2)
       return;
-    const I = S.target || S.srcElement;
-    r.value !== void 0 && I && !p(I, r.value) || a.value !== !1 && (document.body.click(), S.stopPropagation(), S.preventDefault(), u.value = fe.fromEvent(S, o.value), D(), j());
+    const B = S.target || S.srcElement;
+    r.value !== void 0 && B && !p(B, r.value) || a.value !== !1 && (document.body.click(), S.stopPropagation(), S.preventDefault(), u.value = fe.fromEvent(S, o.value), D(), j());
   }
-  function w(S, I, O) {
-    if (a.value && I) {
+  function w(S, B, O) {
+    if (a.value && B) {
       if (S)
         r.value = S;
       else if (t.dragHandle) {
         if (t.dragHandle instanceof HTMLElement)
           r.value = t.dragHandle;
         else if (typeof t.dragHandle == "string") {
-          const q = I.querySelector(t.dragHandle);
+          const q = B.querySelector(t.dragHandle);
           q && (r.value = q);
         }
       }
-      o.value = I, c.value = O, r.value ? (r.value.classList.add("ng-draggable"), r.value.addEventListener("mousedown", E)) : a.value = !1;
+      o.value = B, c.value = O, r.value ? (r.value.classList.add("ng-draggable"), r.value.addEventListener("mousedown", E)) : a.value = !1;
     }
   }
   return {
@@ -5281,12 +5281,12 @@ const et = /* @__PURE__ */ Fe({
       handle: (L) => {
         w(L, !0);
       }
-    }], I = g(t.buttons && t.buttons.length ? t.buttons : S), O = G(() => !!u.value), q = G(() => !!y.value && !!I.value), k = g(), N = g(), $ = g(!1), {
+    }], B = g(t.buttons && t.buttons.length ? t.buttons : S), O = G(() => !!u.value), q = G(() => !!y.value && !!B.value), k = g(), N = g(), $ = g(!1), {
       renderResizeBar: h,
       maximize: b,
       restore: V,
       boundingElement: J,
-      resizedEventParam: B,
+      resizedEventParam: I,
       allowDrag: M,
       unWindowResizeHandle: A,
       moveToCenter: P
@@ -5310,7 +5310,7 @@ const et = /* @__PURE__ */ Fe({
       L !== ie && (s.value = L);
     }), ve(() => t.showButtons, (L, ie) => {
       L !== ie && (y.value = L);
-    }), ve(() => B.value, (L, ie) => {
+    }), ve(() => I.value, (L, ie) => {
       const me = L || {}, he = ie || {};
       JSON.stringify(me) !== JSON.stringify(he) && e.emit("resize", {
         newSize: L,
@@ -5388,7 +5388,7 @@ const et = /* @__PURE__ */ Fe({
       L.handle && await L.handle(ie, L) && e.emit("closed", ie);
     }
     function $e(L) {
-      L.width && (n.value = L.width), L.height && (o.value = L.height), L.buttons && (I.value = L.buttons), L.title && (T.value = L.title);
+      L.width && (n.value = L.width), L.height && (o.value = L.height), L.buttons && (B.value = L.buttons), L.title && (T.value = L.title);
     }
     let je = null, ke = null;
     Zn(() => {
@@ -5427,7 +5427,7 @@ const et = /* @__PURE__ */ Fe({
       return C("div", {
         class: "modal-footer",
         style: ot.value
-      }, [I.value && I.value.map((L) => {
+      }, [B.value && B.value.map((L) => {
         const ie = g(L.disabled);
         return C("button", {
           name: L.name,
@@ -5727,17 +5727,17 @@ const Vl = /* @__PURE__ */ Fe({
       "q-state-readonly": c.value,
       "form-group-in-canvas": !0
     })), T = G(() => {
-      const S = a.value.type || "input-group", I = v(S), O = m(S, a.value);
-      return () => C(I, tt({
+      const S = a.value.type || "input-group", B = v(S), O = m(S, a.value);
+      return () => C(B, tt({
         ref: d
       }, O, {
         modelValue: r.value,
         "onUpdate:modelValue": (q) => r.value = q
       }), null);
     });
-    ve([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.showLabel], ([S, I, O, q, k, N, $]) => {
+    ve([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.showLabel], ([S, B, O, q, k, N, $]) => {
       var h;
-      n.value = S, o.value = I, a.value = {
+      n.value = S, o.value = B, a.value = {
         ...O
       }, i.value = q, r.value = k, c.value = N, s.value = ((h = a.value) == null ? void 0 : h.required) === !0, u.value = $;
     }, {
@@ -6517,7 +6517,7 @@ const is = /* @__PURE__ */ Fe({
       onClick: () => T()
     }, [Ie("应用")])])]);
   }
-}), Uu = {
+}), _u = {
   install(t) {
     t.component(Ut.name, Ut).component(zt.name, zt);
   },
@@ -6532,7 +6532,7 @@ export {
   zt as FDynamicFormGroup,
   Ol as FDynamicFormInput,
   Ut as FResponseForm,
-  Uu as default,
+  _u as default,
   gt as dynamicFormGroupProps,
   ui as editorResolver,
   an as formGroupPropsResolver,