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

package/components/response-layout/index.esm.js

@@ -1,14 +1,14 @@
 var Dn = Object.defineProperty;
 var Vn = (n, e, t) => e in n ? Dn(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var Q = (n, e, t) => Vn(n, typeof e != "symbol" ? e + "" : e, t);
-import { ref as M, computed as H, defineComponent as Ee, createVNode as F, inject as st, onMounted as et, watch as Fe, Fragment as lt, reactive as $e, createApp as nn, onUnmounted as gt, Transition as on, mergeProps as Vt, nextTick as Rt, createTextVNode as ft, onBeforeMount as Rn, Teleport as $n, shallowRef as jn, render as Pt, h as An, cloneVNode as zn } from "vue";
-import { isPlainObject as Ht, cloneDeep as ht, isUndefined as Ve } from "lodash-es";
+import { ref as M, computed as H, defineComponent as Ee, createVNode as E, inject as st, onMounted as et, watch as Fe, Fragment as lt, reactive as Re, createApp as nn, onUnmounted as gt, Transition as on, mergeProps as Vt, nextTick as $t, createTextVNode as ft, onBeforeMount as $n, Teleport as Rn, shallowRef as jn, render as Ot, h as An, cloneVNode as zn } from "vue";
+import { cloneDeep as ht, isPlainObject as Ht, isUndefined as Ve } from "lodash-es";
 import { getSchemaByTypeForDesigner as Un, schemaMap as qn, createPropsResolver as an, resolveAppearance as Wn } from "../dynamic-resolver/index.esm.js";
-import { useI18n as $t } from "vue-i18n";
+import { useI18n as Rt } from "vue-i18n";
 import { LocaleService as bt } from "../locale/index.esm.js";
 import { getCustomClass as _n, withInstall as Gn, FormSchemaEntityField$Type as Yt, FormSchemaEntityFieldTypeName as Jt, useGuid as Qt, getMaxZIndex as Xn } from "../common/index.esm.js";
 import { useResizeObserver as Hn } from "@vueuse/core";
-import { getHierarchyRow as Yn, useIdentify as Jn, useGroupData as Qn, useFilter as Zn, useHierarchy as Kn, useLoading as eo, useDataView as to, useSelection as no, useSelectHierarchyItem as oo, usePagination as io, useDataViewContainerStyle as ao, useCommandColumn as ro, useSettingColumn as so, useColumn as lo, useSort as co, useGroupColumn as uo, useRow as po, useEdit as fo, useVisualDataBound as mo, useVisualDataCell as vo, useVisualDataRow as ho, useVisualData as yo, useCellPosition as go, useSidebar as bo, useVirtualScroll as Co, useFitColumn as wo, useFilterHistory as To, useColumnFilter as xo, useDragColumn as Io, getColumnHeader as Mo, getSidebar as So, getDisableMask as Fo, getHorizontalScrollbar as Eo, getVerticalScrollbar as Bo, getEmpty as ko, getPagination as Oo, getSummary as Po } from "../data-view/index.esm.js";
+import { getHierarchyRow as Yn, useIdentify as Jn, useGroupData as Qn, useFilter as Zn, useHierarchy as Kn, useLoading as eo, useDataView as to, useSelection as no, useSelectHierarchyItem as oo, usePagination as io, useDataViewContainerStyle as ao, useCommandColumn as ro, useSettingColumn as so, useColumn as lo, useSort as co, useGroupColumn as uo, useRow as po, useEdit as fo, useVisualDataBound as mo, useVisualDataCell as vo, useVisualDataRow as ho, useVisualData as yo, useCellPosition as go, useSidebar as bo, useVirtualScroll as Co, useFitColumn as wo, useFilterHistory as To, useColumnFilter as xo, useDragColumn as Io, getColumnHeader as So, getSidebar as Mo, getDisableMask as Fo, getHorizontalScrollbar as Eo, getVerticalScrollbar as Bo, getEmpty as ko, getPagination as Po, getSummary as Oo } from "../data-view/index.esm.js";
 import { DgControl as ct } from "../designer-canvas/index.esm.js";
 import { FormBindingType as _e } from "../property-panel/index.esm.js";
 import "../accordion/index.esm.js";
@@ -164,8 +164,8 @@ function rn(n, e) {
   }
   return { getSchemaByType: a, resolveSchemaWithDefaultValue: s, resolveSchemaToProps: c, mappingSchemaToProps: u, setDesignerContext: f };
 }
-const sn = {}, ln = {}, { getSchemaByType: No, resolveSchemaWithDefaultValue: Lo, resolveSchemaToProps: Do, mappingSchemaToProps: Vo } = rn(sn, ln);
-function Ro(n = {}) {
+const sn = {}, ln = {}, { getSchemaByType: No, resolveSchemaWithDefaultValue: Lo, resolveSchemaToProps: Do, mappingSchemaToProps: Vo, setDesignerContext: dl } = rn(sn, ln);
+function $o(n = {}) {
   function e(s, f, l, m) {
     if (typeof l == "number")
       return m[s].length === l;
@@ -219,7 +219,7 @@ function Ro(n = {}) {
   }
   return { parseValueSchema: c };
 }
-const $o = {
+const Ro = {
   convertTo: (n, e, t, o) => {
     n.appearance || (n.appearance = {}), n.appearance[e] = t;
   },
@@ -462,7 +462,7 @@ const $o = {
 };
 function cn(n, e, t) {
   const o = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", $o],
+    ["/converter/appearance.converter", Ro],
     ["/converter/buttons.converter", jo],
     ["/converter/property-editor.converter", Ao],
     ["/converter/items-count.converter", Zo],
@@ -507,7 +507,7 @@ function cn(n, e, t) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), a = Ro();
+  ]), a = $o();
   function r(d, v) {
     return () => a.parseValueSchema(d, v);
   }
@@ -523,43 +523,43 @@ function cn(n, e, t) {
   }
   function f(d, v, g, C, B, A = "", L = "") {
     return Object.keys(d).map((b) => {
-      const P = M(1), O = b, R = d[b], X = Object.keys(R), E = R.title, N = R.type, j = i.get(N) || { type: "input-group", enableClear: !1 }, h = R.editor ? Object.assign({}, j, R.editor) : Object.assign({}, j), y = u(X, R, v), k = c(X, R, v);
+      const O = M(1), P = b, $ = d[b], X = Object.keys($), S = $.title, N = $.type, j = i.get(N) || { type: "input-group", enableClear: !1 }, h = $.editor ? Object.assign({}, j, $.editor) : Object.assign({}, j), y = u(X, $, v), k = c(X, $, v);
       h.readonly = h.readonly === void 0 ? k() : h.readonly;
-      const _ = R.type === "cascade" ? f(R.properties, v, g, C, B, A, L) : [], I = !0;
-      let T = s(R, L);
-      const $ = H({
+      const _ = $.type === "cascade" ? f($.properties, v, g, C, B, A, L) : [], I = !0;
+      let T = s($, L);
+      const R = H({
         get() {
-          if (P.value) {
-            if (["class", "style"].find((re) => re === O) && !T && (T = o.get("/converter/appearance.converter") || null), T && T.convertFrom)
+          if (O.value) {
+            if (["class", "style"].find((re) => re === P) && !T && (T = o.get("/converter/appearance.converter") || null), T && T.convertFrom)
               return T.convertFrom(g, b, B, A);
             const ie = g[b];
-            return Object.prototype.hasOwnProperty.call(R, "defaultValue") && (ie === void 0 || typeof ie == "string" && ie === "") ? R.type === "boolean" ? R.defaultValue : R.defaultValue || "" : ie;
+            return Object.prototype.hasOwnProperty.call($, "defaultValue") && (ie === void 0 || typeof ie == "string" && ie === "") ? $.type === "boolean" ? $.defaultValue : $.defaultValue || "" : ie;
           }
           return null;
         },
         set(ie) {
-          P.value += 1, T && T.convertTo ? (T.convertTo(C, b, ie, B, A), T.convertTo(g, b, ie, B, A)) : (C[b] = ie, g[b] = ie);
+          O.value += 1, T && T.convertTo ? (T.convertTo(C, b, ie, B, A), T.convertTo(g, b, ie, B, A)) : (C[b] = ie, g[b] = ie);
         }
-      }), { refreshPanelAfterChanged: S, description: z, isExpand: K, parentPropertyID: te } = R, J = { propertyID: O, propertyName: E, propertyType: N, propertyValue: $, editor: h, visible: y, readonly: k, cascadeConfig: _, hideCascadeTitle: I, refreshPanelAfterChanged: S, description: z, isExpand: K, parentPropertyID: te };
-      return v[O] = J, J;
+      }), { refreshPanelAfterChanged: F, description: z, isExpand: K, parentPropertyID: te } = $, J = { propertyID: P, propertyName: S, propertyType: N, propertyValue: R, editor: h, visible: y, readonly: k, cascadeConfig: _, hideCascadeTitle: I, refreshPanelAfterChanged: F, description: z, isExpand: K, parentPropertyID: te };
+      return v[P] = J, J;
     });
   }
   function l(d, v, g = {}) {
     const C = {}, B = n[d];
     return B && B.categories ? Object.keys(B.categories).map((L) => {
-      const x = B.categories[L], b = x == null ? void 0 : x.title, P = f(x.properties || {}, C, {}, g, v);
-      return { categoryId: L, categoryName: b, properties: P };
+      const x = B.categories[L], b = x == null ? void 0 : x.title, O = f(x.properties || {}, C, {}, g, v);
+      return { categoryId: L, categoryName: b, properties: O };
     }) : [];
   }
   function m(d, v, g, C, B = "") {
-    const A = v.$ref.schema, L = v.$ref.converter, x = g[A], b = x.type, P = t(x), O = {}, R = n[b];
-    if (R && R.categories) {
-      const X = R.categories[d], E = X == null ? void 0 : X.title;
+    const A = v.$ref.schema, L = v.$ref.converter, x = g[A], b = x.type, O = t(x), P = {}, $ = n[b];
+    if ($ && $.categories) {
+      const X = $.categories[d], S = X == null ? void 0 : X.title;
       L && Object.keys(X.properties).forEach((h) => {
         X.properties[h].$converter = L;
       });
-      const N = (X == null ? void 0 : X.properties) || {}, j = f(N, O, P, x, C, B);
-      return { categoryId: d, categoryName: E, properties: j };
+      const N = (X == null ? void 0 : X.properties) || {}, j = f(N, P, O, x, C, B);
+      return { categoryId: d, categoryName: S, properties: j };
     }
     return { categoryId: d, categoryName: "", properties: [] };
   }
@@ -567,16 +567,16 @@ function cn(n, e, t) {
     const A = d.type, L = t(d), x = {};
     let b = B || n[A];
     if (b && Object.keys(b).length === 0 && g && g.getPropConfig && (b = g.getPropConfig(C)), b && b.categories) {
-      const P = [];
-      return Object.keys(b.categories).map((O) => {
-        const R = b.categories[O];
-        if (R.$ref) {
-          P.push(m(O, R, d, v, C));
+      const O = [];
+      return Object.keys(b.categories).map((P) => {
+        const $ = b.categories[P];
+        if ($.$ref) {
+          O.push(m(P, $, d, v, C));
           return;
         }
-        const X = R == null ? void 0 : R.title, E = R == null ? void 0 : R.tabId, N = R == null ? void 0 : R.tabName, j = R == null ? void 0 : R.hide, h = R == null ? void 0 : R.hideTitle, y = f(R.properties || {}, x, L, d, v, C, R.$converter), { setPropertyRelates: k } = R, _ = R == null ? void 0 : R.parentPropertyID;
-        P.push({ categoryId: O, categoryName: X, tabId: E, tabName: N, hide: j, properties: y, hideTitle: h, setPropertyRelates: k, parentPropertyID: _ });
-      }), P;
+        const X = $ == null ? void 0 : $.title, S = $ == null ? void 0 : $.tabId, N = $ == null ? void 0 : $.tabName, j = $ == null ? void 0 : $.hide, h = $ == null ? void 0 : $.hideTitle, y = f($.properties || {}, x, L, d, v, C, $.$converter), { setPropertyRelates: k } = $, _ = $ == null ? void 0 : $.parentPropertyID;
+        O.push({ categoryId: P, categoryName: X, tabId: S, tabName: N, hide: j, properties: y, hideTitle: h, setPropertyRelates: k, parentPropertyID: _ });
+      }), O;
     }
     return [];
   }
@@ -588,7 +588,7 @@ function cn(n, e, t) {
 }
 const un = {}, dn = {};
 cn(un, dn, Lo);
-const pn = {}, fn = {}, { resolveSchemaWithDefaultValue: ai } = rn(pn, fn), mn = {}, vn = {};
+const pn = {}, fn = {}, { getSchemaByType: pl, resolveSchemaWithDefaultValue: ai, resolveSchemaToProps: fl, mappingSchemaToProps: ml, setDesignerContext: vl } = rn(pn, fn), mn = {}, vn = {};
 cn(mn, vn, ai);
 function He(n, e, t = /* @__PURE__ */ new Map(), o = (r, u, c, s) => u, i = {}, a = (r) => r) {
   return sn[e.title] = e, ln[e.title] = o, un[e.title] = i, dn[e.title] = a, pn[e.title] = e, fn[e.title] = o, mn[e.title] = i, vn[e.title] = a, (r = {}, u = !0) => {
@@ -691,7 +691,7 @@ const si = "https://json-schema.org/draft/2020-12/schema", li = "https://farris-
       };
       return t(i, n.customClass), i;
     });
-    return () => F("div", {
+    return () => E("div", {
       class: o.value,
       style: n.customStyle
     }, [e.slots.default && e.slots.default()]);
@@ -762,14 +762,14 @@ const si = "https://json-schema.org/draft/2020-12/schema", li = "https://farris-
   props: zt,
   emits: [],
   setup(n, e) {
-    return () => F("div", {
+    return () => E("div", {
       class: n.customClass,
       style: n.customStyle
     }, [e.slots.default && e.slots.default()]);
   }
 });
 function yn(n, e, t) {
-  var E;
+  var S;
   const o = t && t.getStyles && t.getStyles() || "", i = t && t.getDesignerClass && t.getDesignerClass() || "", a = M();
   let r;
   function u() {
@@ -854,11 +854,11 @@ function yn(n, e, t) {
       });
     });
   }
-  function P() {
+  function O() {
     if (t && t.getCustomButtons)
       return t.getCustomButtons();
   }
-  function O(N) {
+  function P(N) {
     var h, y;
     if (!((h = e == null ? void 0 : e.schema) != null && h.id))
       return;
@@ -870,30 +870,30 @@ function yn(n, e, t) {
     if (t != null && t.getComponentTitle)
       j = t.getComponentTitle();
     else {
-      const { text: k, title: _, label: I, mainTitle: T, name: $, type: S } = e.schema;
-      j = k || _ || I || T || $ || ((y = D[S]) == null ? void 0 : y.name);
+      const { text: k, title: _, label: I, mainTitle: T, name: R, type: F } = e.schema;
+      j = k || _ || I || T || R || ((y = D[F]) == null ? void 0 : y.name);
     }
     j && r.getControlBasicInfoMap().set(e.schema.id, {
       componentTitle: j,
       parentPathName: j
     });
   }
-  function R(N) {
+  function $(N) {
     var k;
     const { changeObject: j } = N, { propertyID: h, propertyValue: y } = j;
-    if (["text", "title", "label", "name", "mainTitle"].includes((k = N == null ? void 0 : N.changeObject) == null ? void 0 : k.propertyID) && h && y && (O(), r)) {
+    if (["text", "title", "label", "name", "mainTitle"].includes((k = N == null ? void 0 : N.changeObject) == null ? void 0 : k.propertyID) && h && y && (P(), r)) {
       const _ = r.getControlBasicInfoMap(), I = _.keys().toArray().filter((T) => {
-        var $, S;
-        return (($ = _.get(T)) == null ? void 0 : $.reliedComponentId) === ((S = e == null ? void 0 : e.schema) == null ? void 0 : S.id);
+        var R, F;
+        return ((R = _.get(T)) == null ? void 0 : R.reliedComponentId) === ((F = e == null ? void 0 : e.schema) == null ? void 0 : F.id);
       });
       I != null && I.length && I.forEach((T) => {
-        const $ = _.get(T).parentPathName.split(" > ");
-        $[0] = y, _.get(T).parentPathName = $.join(" > ");
+        const R = _.get(T).parentPathName.split(" > ");
+        R[0] = y, _.get(T).parentPathName = R.join(" > ");
       });
     }
   }
   function X(N) {
-    if (R(N), t && t.onPropertyChanged)
+    if ($(N), t && t.onPropertyChanged)
       return t.onPropertyChanged(N);
   }
   return a.value = {
@@ -903,7 +903,7 @@ function yn(n, e, t) {
     canNested: !f(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (E = e == null ? void 0 : e.parent) == null ? void 0 : E.componentInstance,
+    parent: (S = e == null ? void 0 : e.parent) == null ? void 0 : S.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: o,
     designerClass: i,
@@ -919,9 +919,9 @@ function yn(n, e, t) {
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || M(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1),
     onRemoveComponent: b,
-    getCustomButtons: P,
+    getCustomButtons: O,
     onPropertyChanged: X,
-    setComponentBasicInfoMap: O,
+    setComponentBasicInfoMap: P,
     updateContextSchema: e == null ? void 0 : e.updateContextSchema
   }, a;
 }
@@ -956,7 +956,7 @@ function Ii(n) {
   }
   return { getVariables: a, getControlName: r, getStateMachines: u };
 }
-class Mi {
+class Si {
   constructor(e) {
     Q(this, "sessionVariables", [
       {
@@ -1491,7 +1491,7 @@ class Ut {
     !c || !c.rules || (c.rules = c.rules.filter((s) => s.type !== a));
   }
   getExpressionOptions(e, t, o) {
-    return new Mi(this.formSchemaUtils).getExpressionOptions(e, t, o);
+    return new Si(this.formSchemaUtils).getExpressionOptions(e, t, o);
   }
   getRealTargetType(e) {
     return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
@@ -1510,7 +1510,7 @@ class Ut {
     }, t;
   }
 }
-class Si extends Ut {
+class Mi extends Ut {
   constructor(e, t) {
     super(e, t);
   }
@@ -1544,7 +1544,7 @@ function Fi(n, e) {
     return !1;
   }
   function i(u) {
-    return new Si(u, e).getPropertyConfig(t);
+    return new Mi(u, e).getPropertyConfig(t);
   }
   function a() {
     var s;
@@ -1587,14 +1587,14 @@ const Ei = /* @__PURE__ */ Ee({
       };
       return u(s, n.customClass), s;
     });
-    return () => F("div", {
+    return () => E("div", {
       ref: t,
       class: c.value,
       style: "height:inherit;"
     }, [e.slots.default && e.slots.default()]);
   }
 });
-var Re = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var $e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function pt(n) {
   throw new Error('Could not dynamically require "' + n + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -1648,11 +1648,11 @@ var Bi = { exports: {} };
       2: [function(t, o, i) {
         (function(a) {
           var r = t("contra/emitter"), u = t("crossvent"), c = t("./classes"), s = document, f = s.documentElement;
-          function l(E, N) {
+          function l(S, N) {
             var j = arguments.length;
-            j === 1 && Array.isArray(E) === !1 && (N = E, E = []);
-            var h, y, k, _, I, T, $, S, z, K = null, te, J, ie = !1, re = 0, ee, q = N || {};
-            q.moves === void 0 && (q.moves = B), q.accepts === void 0 && (q.accepts = B), q.invalid === void 0 && (q.invalid = nt), q.containers === void 0 && (q.containers = E || []), q.isContainer === void 0 && (q.isContainer = C), q.copy === void 0 && (q.copy = !1), q.copySortSource === void 0 && (q.copySortSource = !1), q.revertOnSpill === void 0 && (q.revertOnSpill = !1), q.removeOnSpill === void 0 && (q.removeOnSpill = !1), q.direction === void 0 && (q.direction = "vertical"), q.ignoreInputTextSelection === void 0 && (q.ignoreInputTextSelection = !0), q.mirrorContainer === void 0 && (q.mirrorContainer = s.body);
+            j === 1 && Array.isArray(S) === !1 && (N = S, S = []);
+            var h, y, k, _, I, T, R, F, z, K = null, te, J, ie = !1, re = 0, ee, q = N || {};
+            q.moves === void 0 && (q.moves = B), q.accepts === void 0 && (q.accepts = B), q.invalid === void 0 && (q.invalid = nt), q.containers === void 0 && (q.containers = S || []), q.isContainer === void 0 && (q.isContainer = C), q.copy === void 0 && (q.copy = !1), q.copySortSource === void 0 && (q.copySortSource = !1), q.revertOnSpill === void 0 && (q.revertOnSpill = !1), q.removeOnSpill === void 0 && (q.removeOnSpill = !1), q.direction === void 0 && (q.direction = "vertical"), q.ignoreInputTextSelection === void 0 && (q.ignoreInputTextSelection = !0), q.mirrorContainer === void 0 && (q.mirrorContainer = s.body);
             var se = r({
               containers: q.containers,
               start: xe,
@@ -1663,11 +1663,11 @@ var Bi = { exports: {} };
               canMove: Ne,
               dragging: !1
             });
-            return q.removeOnSpill === !0 && se.on("over", wt).on("out", Tt), Oe(), se;
+            return q.removeOnSpill === !0 && se.on("over", wt).on("out", Tt), Pe(), se;
             function je(w) {
               return se.containers.indexOf(w) !== -1 || q.isContainer(w);
             }
-            function Oe(w) {
+            function Pe(w) {
               var U = w ? "remove" : "add";
               d(f, U, "mousedown", ce), d(f, U, "mouseup", De);
             }
@@ -1680,7 +1680,7 @@ var Bi = { exports: {} };
               u[U](f, "selectstart", Je), u[U](f, "click", Je);
             }
             function Ae() {
-              Oe(!0), De({});
+              Pe(!0), De({});
             }
             function Je(w) {
               te && w.preventDefault();
@@ -1689,7 +1689,7 @@ var Bi = { exports: {} };
               _ = w.clientX, I = w.clientY;
               var U = v(w) !== 1 || w.metaKey || w.ctrlKey;
               if (!U) {
-                var W = w.target, Y = Pe(W);
+                var W = w.target, Y = Oe(W);
                 Y && (te = Y, Te(), w.type === "mousedown" && (b(W) ? W.focus() : w.preventDefault()));
               }
             }
@@ -1706,18 +1706,18 @@ var Bi = { exports: {} };
                       return;
                   }
                   var oe = te;
-                  Te(!0), Ye(), ze(), Le(oe), c.add(S || k, "gu-transit"), It(), xt(), re = 0, ke(w);
+                  Te(!0), Ye(), ze(), Le(oe), c.add(F || k, "gu-transit"), It(), xt(), re = 0, ke(w);
                 }
               }
             }
-            function Pe(w) {
+            function Oe(w) {
               if (!(se.dragging && h) && !je(w)) {
                 for (var U = w; x(w) && je(x(w)) === !1; )
                   if (q.invalid(w, U) || (w = x(w), !w))
                     return;
                 var W = x(w);
                 if (W && !q.invalid(w, U)) {
-                  var Y = q.moves(w, W, U, O(w));
+                  var Y = q.moves(w, W, U, P(w));
                   if (Y)
                     return {
                       item: w,
@@ -1727,21 +1727,21 @@ var Bi = { exports: {} };
               }
             }
             function Ne(w) {
-              return !!Pe(w);
+              return !!Oe(w);
             }
             function xe(w) {
-              var U = Pe(w);
+              var U = Oe(w);
               U && Le(U);
             }
             function Le(w) {
-              Ot(w.item, w.source) && (S = w.item.cloneNode(!0), se.emit("cloned", S, w.item, "copy")), y = w.source, k = w.item, T = $ = O(w.item), se.dragging = !0, se.emit("drag", k, y);
+              Pt(w.item, w.source) && (F = w.item.cloneNode(!0), se.emit("cloned", F, w.item, "copy")), y = w.source, k = w.item, T = R = P(w.item), se.dragging = !0, se.emit("drag", k, y);
             }
             function nt() {
               return !1;
             }
             function ze() {
               if (se.dragging) {
-                var w = S || k;
+                var w = F || k;
                 Qe(w, x(w));
               }
             }
@@ -1750,33 +1750,33 @@ var Bi = { exports: {} };
             }
             function De(w) {
               if (Be(), !!se.dragging) {
-                var U = S || k, W = X("clientX", w) || 0, Y = X("clientY", w) || 0, oe = g(h, W, Y), ae = de(oe, W, Y);
-                ae && (S && q.copySortSource || !S || ae !== y) ? Qe(U, ae) : q.removeOnSpill ? Ze() : V();
+                var U = F || k, W = X("clientX", w) || 0, Y = X("clientY", w) || 0, oe = g(h, W, Y), ae = de(oe, W, Y);
+                ae && (F && q.copySortSource || !F || ae !== y) ? Qe(U, ae) : q.removeOnSpill ? Ze() : V();
               }
             }
             function Qe(w, U) {
               var W = x(w);
-              S && q.copySortSource && U === y && W.removeChild(k), ue(U) ? se.emit("cancel", w, y) : se.emit("drop", w, U, y, $), ne();
+              F && q.copySortSource && U === y && W.removeChild(k), ue(U) ? se.emit("cancel", w, y) : se.emit("drop", w, U, y, R), ne();
             }
             function Ze() {
               if (se.dragging) {
-                var w = S || k, U = x(w);
-                U && U.removeChild(w), se.emit(S ? "cancel" : "remove", w, U, y), ne();
+                var w = F || k, U = x(w);
+                U && U.removeChild(w), se.emit(F ? "cancel" : "remove", w, U, y), ne();
               }
             }
             function V(w) {
               if (se.dragging) {
-                var U = arguments.length > 0 ? w : q.revertOnSpill, W = S || k, Y = x(W), oe = ue(Y);
-                oe === !1 && U && (S ? Y && Y.removeChild(S) : y.insertBefore(W, T)), oe || U ? se.emit("cancel", W, y, y) : se.emit("drop", W, Y, y, $), ne();
+                var U = arguments.length > 0 ? w : q.revertOnSpill, W = F || k, Y = x(W), oe = ue(Y);
+                oe === !1 && U && (F ? Y && Y.removeChild(F) : y.insertBefore(W, T)), oe || U ? se.emit("cancel", W, y, y) : se.emit("drop", W, Y, y, R), ne();
               }
             }
             function ne() {
-              var w = S || k;
-              Be(), Mt(), St(), w && c.rm(w, "gu-transit"), z && clearTimeout(z), se.dragging = !1, K && se.emit("out", w, K, y), se.emit("dragend", w, re), y = k = S = T = $ = z = K = null;
+              var w = F || k;
+              Be(), St(), Mt(), w && c.rm(w, "gu-transit"), z && clearTimeout(z), se.dragging = !1, K && se.emit("out", w, K, y), se.emit("dragend", w, re), y = k = F = T = R = z = K = null;
             }
             function ue(w, U) {
               var W;
-              return U !== void 0 ? W = U : h ? W = $ : W = O(S || k), w === y && W === T;
+              return U !== void 0 ? W = U : h ? W = R : W = P(F || k), w === y && W === T;
             }
             function de(w, U, W) {
               for (var Y = w; Y && !oe(); )
@@ -1796,27 +1796,27 @@ var Bi = { exports: {} };
               w.preventDefault();
               var U = X("clientX", w) || 0, W = X("clientY", w) || 0;
               h.style.left = U - 2 + "px", h.style.top = W - 2 + "px";
-              var Y = S || k, oe = g(h, U, W), ae = de(oe, U, W), we = ae !== null && ae !== K;
-              (we || ae === null) && (be(), K = ae, Me()), kt(oe, W);
+              var Y = F || k, oe = g(h, U, W), ae = de(oe, U, W), we = ae !== null && ae !== K;
+              (we || ae === null) && (be(), K = ae, Se()), kt(oe, W);
               var ye = x(Y);
-              if (ae === y && S && !q.copySortSource) {
+              if (ae === y && F && !q.copySortSource) {
                 ye && ye.removeChild(Y);
                 return;
               }
               var ge, Ie = ut(ae, oe);
               if (ie = ot(Ie, ae), Ie !== null)
                 ge = dt(ae, Ie, U, W);
-              else if (q.revertOnSpill === !0 && !S)
+              else if (q.revertOnSpill === !0 && !F)
                 ge = T, ae = y;
               else {
-                S && ye && ye.removeChild(Y), S && J && (J.style.display = "none");
+                F && ye && ye.removeChild(Y), F && J && (J.style.display = "none");
                 return;
               }
               J.style.display = "block", Ct(ge, Y, we), ge ? Et(Ie, ge) : Bt(ae);
               function pe(ve) {
                 se.emit(ve, Y, K, y);
               }
-              function Me() {
+              function Se() {
                 we && pe("over");
               }
               function be() {
@@ -1824,7 +1824,7 @@ var Bi = { exports: {} };
               }
             }
             function Ct(w, U, W) {
-              (w === U || w === O(U)) && ($ = O(U)), (w === null && W || w !== U && w !== O(U)) && ($ = w);
+              (w === U || w === P(U)) && (R = P(U)), (w === null && W || w !== U && w !== P(U)) && (R = w);
             }
             function wt(w) {
               c.rm(w, "gu-hide");
@@ -1842,10 +1842,10 @@ var Bi = { exports: {} };
               }
               ie = !1, q.mirrorContainer.appendChild(J);
             }
-            function Mt() {
+            function St() {
               h && (c.rm(q.mirrorContainer, "gu-unselectable"), d(f, "remove", "mousemove", ke), x(h).removeChild(h), h = null);
             }
-            function St() {
+            function Mt() {
               J && (x(J).removeChild(J), J = null);
             }
             function ut(w, U) {
@@ -1902,7 +1902,7 @@ var Bi = { exports: {} };
               U === k && k && (J.style.display = "none");
             }
             function Bt(w) {
-              $ = null;
+              R = null;
               var U = w.lastElementChild;
               if (U) {
                 var W = U.getBoundingClientRect();
@@ -1928,29 +1928,29 @@ var Bi = { exports: {} };
               var oe = q.direction === "horizontal", ae = q.direction === "mixed", we = U !== w ? ge() : ye();
               return we;
               function ye() {
-                var pe = w.children.length, Me, be, ve;
-                for (Me = 0; Me < pe; Me++)
-                  if (be = w.children[Me], ve = be.getBoundingClientRect(), oe && ve.left + ve.width / 2 > W || !ae && !oe && ve.top + ve.height / 2 > Y || ae && ve.left + ve.width > W && ve.top + ve.height > Y)
+                var pe = w.children.length, Se, be, ve;
+                for (Se = 0; Se < pe; Se++)
+                  if (be = w.children[Se], ve = be.getBoundingClientRect(), oe && ve.left + ve.width / 2 > W || !ae && !oe && ve.top + ve.height / 2 > Y || ae && ve.left + ve.width > W && ve.top + ve.height > Y)
                     return be;
                 return null;
               }
               function ge() {
                 var pe = U.getBoundingClientRect();
                 if (ae) {
-                  var Me = Y - pe.top, be = W - pe.left, ve = pe.bottom - Y, it = pe.right - W, at = Math.min(be, it, Me, ve), rt;
+                  var Se = Y - pe.top, be = W - pe.left, ve = pe.bottom - Y, it = pe.right - W, at = Math.min(be, it, Se, ve), rt;
                   return ie ? rt = it < be : rt = ve === at || it === at || be === at, Ie(rt);
                 }
                 return Ie(oe ? W > pe.left + A(pe) / 2 : Y > pe.top + L(pe) / 2);
               }
               function Ie(pe) {
-                return pe ? O(U) : U;
+                return pe ? P(U) : U;
               }
             }
-            function Ot(w, U) {
+            function Pt(w, U) {
               return typeof q.copy == "boolean" ? q.copy : q.copy(w, U);
             }
           }
-          function m(E) {
+          function m(S) {
             const N = Array.from(window.scrollContainerList);
             if (N.length === 1) {
               const h = Array.from(window.scrollContainerList)[0];
@@ -1958,18 +1958,18 @@ var Bi = { exports: {} };
             }
             const j = p(N);
             for (const h of j)
-              if (h.contains(E))
+              if (h.contains(S))
                 return h;
             return null;
           }
-          function p(E) {
+          function p(S) {
             const N = [];
-            return E.forEach((j) => {
+            return S.forEach((j) => {
               const h = document.getElementById(j);
               h && N.push(h);
             }), N.sort((j, h) => j.contains(h) ? 1 : h.contains(j) ? -1 : 0), N;
           }
-          function d(E, N, j, h) {
+          function d(S, N, j, h) {
             var y = {
               mouseup: "touchend",
               mousedown: "touchstart",
@@ -1983,23 +1983,23 @@ var Bi = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            a.navigator.pointerEnabled ? u[N](E, k[j], h) : a.navigator.msPointerEnabled ? u[N](E, _[j], h) : (u[N](E, y[j], h), u[N](E, j, h));
+            a.navigator.pointerEnabled ? u[N](S, k[j], h) : a.navigator.msPointerEnabled ? u[N](S, _[j], h) : (u[N](S, y[j], h), u[N](S, j, h));
           }
-          function v(E) {
-            if (E.touches !== void 0)
-              return E.touches.length;
-            if (E.which !== void 0 && E.which !== 0)
-              return E.which;
-            if (E.buttons !== void 0)
-              return E.buttons;
-            var N = E.button;
+          function v(S) {
+            if (S.touches !== void 0)
+              return S.touches.length;
+            if (S.which !== void 0 && S.which !== 0)
+              return S.which;
+            if (S.buttons !== void 0)
+              return S.buttons;
+            var N = S.button;
             if (N !== void 0)
               return N & 1 ? 1 : N & 2 ? 3 : N & 4 ? 2 : 0;
           }
-          function g(E, N, j) {
-            E = E || {};
-            var h = E.className || "", y;
-            return E.className += " gu-hide", y = s.elementFromPoint(N, j), E.className = h, y;
+          function g(S, N, j) {
+            S = S || {};
+            var h = S.className || "", y;
+            return S.className += " gu-hide", y = s.elementFromPoint(N, j), S.className = h, y;
           }
           function C() {
             return !1;
@@ -2007,45 +2007,45 @@ var Bi = { exports: {} };
           function B() {
             return !0;
           }
-          function A(E) {
-            return E.width || E.right - E.left;
+          function A(S) {
+            return S.width || S.right - S.left;
           }
-          function L(E) {
-            return E.height || E.bottom - E.top;
+          function L(S) {
+            return S.height || S.bottom - S.top;
           }
-          function x(E) {
-            return E.parentNode === s ? null : E.parentNode;
+          function x(S) {
+            return S.parentNode === s ? null : S.parentNode;
           }
-          function b(E) {
-            return E.tagName === "INPUT" || E.tagName === "TEXTAREA" || E.tagName === "SELECT" || P(E);
+          function b(S) {
+            return S.tagName === "INPUT" || S.tagName === "TEXTAREA" || S.tagName === "SELECT" || O(S);
           }
-          function P(E) {
-            return !E || E.contentEditable === "false" ? !1 : E.contentEditable === "true" ? !0 : P(x(E));
+          function O(S) {
+            return !S || S.contentEditable === "false" ? !1 : S.contentEditable === "true" ? !0 : O(x(S));
           }
-          function O(E) {
-            return E.nextElementSibling || N();
+          function P(S) {
+            return S.nextElementSibling || N();
             function N() {
-              var j = E;
+              var j = S;
               do
                 j = j.nextSibling;
               while (j && j.nodeType !== 1);
               return j;
             }
           }
-          function R(E) {
-            return E.targetTouches && E.targetTouches.length ? E.targetTouches[0] : E.changedTouches && E.changedTouches.length ? E.changedTouches[0] : E;
+          function $(S) {
+            return S.targetTouches && S.targetTouches.length ? S.targetTouches[0] : S.changedTouches && S.changedTouches.length ? S.changedTouches[0] : S;
           }
-          function X(E, N) {
-            var j = R(N), h = {
+          function X(S, N) {
+            var j = $(N), h = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return E in h && !(E in j) && h[E] in j && (E = h[E]), j[E];
+            return S in h && !(S in j) && h[S] in j && (S = h[S]), j[S];
           }
           o.exports = l;
-        }).call(this, typeof Re < "u" ? Re : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof $e < "u" ? $e : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
       3: [function(t, o, i) {
         o.exports = function(r, u) {
@@ -2105,64 +2105,64 @@ var Bi = { exports: {} };
             remove: f,
             fabricate: g
           };
-          function m(x, b, P, O) {
-            return x.addEventListener(b, P, O);
+          function m(x, b, O, P) {
+            return x.addEventListener(b, O, P);
           }
-          function p(x, b, P) {
-            return x.attachEvent("on" + b, B(x, b, P));
+          function p(x, b, O) {
+            return x.attachEvent("on" + b, B(x, b, O));
           }
-          function d(x, b, P, O) {
-            return x.removeEventListener(b, P, O);
+          function d(x, b, O, P) {
+            return x.removeEventListener(b, O, P);
           }
-          function v(x, b, P) {
-            var O = A(x, b, P);
-            if (O)
-              return x.detachEvent("on" + b, O);
+          function v(x, b, O) {
+            var P = A(x, b, O);
+            if (P)
+              return x.detachEvent("on" + b, P);
           }
-          function g(x, b, P) {
-            var O = u.indexOf(b) === -1 ? X() : R();
-            x.dispatchEvent ? x.dispatchEvent(O) : x.fireEvent("on" + b, O);
-            function R() {
-              var E;
-              return c.createEvent ? (E = c.createEvent("Event"), E.initEvent(b, !0, !0)) : c.createEventObject && (E = c.createEventObject()), E;
+          function g(x, b, O) {
+            var P = u.indexOf(b) === -1 ? X() : $();
+            x.dispatchEvent ? x.dispatchEvent(P) : x.fireEvent("on" + b, P);
+            function $() {
+              var S;
+              return c.createEvent ? (S = c.createEvent("Event"), S.initEvent(b, !0, !0)) : c.createEventObject && (S = c.createEventObject()), S;
             }
             function X() {
-              return new r(b, { detail: P });
+              return new r(b, { detail: O });
             }
           }
-          function C(x, b, P) {
-            return function(R) {
-              var X = R || a.event;
+          function C(x, b, O) {
+            return function($) {
+              var X = $ || a.event;
               X.target = X.target || X.srcElement, X.preventDefault = X.preventDefault || function() {
                 X.returnValue = !1;
               }, X.stopPropagation = X.stopPropagation || function() {
                 X.cancelBubble = !0;
-              }, X.which = X.which || X.keyCode, P.call(x, X);
+              }, X.which = X.which || X.keyCode, O.call(x, X);
             };
           }
-          function B(x, b, P) {
-            var O = A(x, b, P) || C(x, b, P);
+          function B(x, b, O) {
+            var P = A(x, b, O) || C(x, b, O);
             return l.push({
-              wrapper: O,
+              wrapper: P,
               element: x,
               type: b,
-              fn: P
-            }), O;
+              fn: O
+            }), P;
           }
-          function A(x, b, P) {
-            var O = L(x, b, P);
-            if (O) {
-              var R = l[O].wrapper;
-              return l.splice(O, 1), R;
+          function A(x, b, O) {
+            var P = L(x, b, O);
+            if (P) {
+              var $ = l[P].wrapper;
+              return l.splice(P, 1), $;
             }
           }
-          function L(x, b, P) {
-            var O, R;
-            for (O = 0; O < l.length; O++)
-              if (R = l[O], R.element === x && R.type === b && R.fn === P)
-                return O;
+          function L(x, b, O) {
+            var P, $;
+            for (P = 0; P < l.length; P++)
+              if ($ = l[P], $.element === x && $.type === b && $.fn === O)
+                return P;
           }
-        }).call(this, typeof Re < "u" ? Re : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof $e < "u" ? $e : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
       7: [function(t, o, i) {
         (function(a) {
@@ -2170,7 +2170,7 @@ var Bi = { exports: {} };
           for (u in a)
             c.test(u) && r.push(u.slice(2));
           o.exports = r;
-        }).call(this, typeof Re < "u" ? Re : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof $e < "u" ? $e : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       8: [function(t, o, i) {
         (function(a) {
@@ -2196,7 +2196,7 @@ var Bi = { exports: {} };
               }
             )
           );
-        }).call(this, typeof Re < "u" ? Re : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof $e < "u" ? $e : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       9: [function(t, o, i) {
         var a = o.exports = {}, r, u;
@@ -2353,19 +2353,19 @@ const ki = {
   animate: { type: String, default: "fadeIn" },
   options: { type: Object },
   safeHtml: { type: Boolean, default: !0 }
-}, Oi = {
+}, Pi = {
   showCloseButton: { type: Boolean, default: !0 },
   animate: { type: String, default: "fadeIn" },
   options: { type: Object }
 }, Dt = /* @__PURE__ */ Ee({
   name: "Toast",
-  props: Oi,
+  props: Pi,
   emits: ["close", "click"],
   setup: (n, e) => {
     const {
       locale: t,
       t: o
-    } = $t(), i = M(n.animate), a = "fadeOut", r = H(() => n.options), u = M(!1), c = H(() => r.value.title && r.value.message), s = H(() => !r.value.title && r.value.message), f = H(() => {
+    } = Rt(), i = M(n.animate), a = "fadeOut", r = H(() => n.options), u = M(!1), c = H(() => r.value.title && r.value.message), s = H(() => !r.value.title && r.value.message), f = H(() => {
       const L = {
         animated: u.value,
         toast: !0,
@@ -2373,10 +2373,10 @@ const ki = {
       };
       return L[n.animate] = !1, L[a] = u.value, L["toasty-type-" + r.value.type] = !0, r.value.theme && (L[r.value.theme] = !0), L;
     }), l = H(() => {
-      const b = `f-icon-${r.value && r.value.type ? r.value.type.replace("toasty-type-", "") : "default"}`, P = {
+      const b = `f-icon-${r.value && r.value.type ? r.value.type.replace("toasty-type-", "") : "default"}`, O = {
         "f-icon": !0
       };
-      return P[b] = !0, P;
+      return O[b] = !0, O;
     }), m = H(() => r.value.title || r.value.message), p = H(() => n.showCloseButton), d = H(() => !!r.value.buttons || !!e.slots.default), v = H(() => t.value === "en" ? {
       wordBreak: "keep-all",
       overflowWrap: "break-word"
@@ -2396,46 +2396,46 @@ const ki = {
     });
     const A = () => {
       var L;
-      return F(lt, null, [F("div", {
+      return E(lt, null, [E("div", {
         class: "after-toast-msg text-right"
-      }, [!e.slots.default && ((L = r.value.buttons) == null ? void 0 : L.map((x) => F("span", {
+      }, [!e.slots.default && ((L = r.value.buttons) == null ? void 0 : L.map((x) => E("span", {
         class: B(x),
         onClick: (b) => void 0
       }, [x.text]))), e.slots.default && e.slots.default()])]);
     };
-    return () => F("div", {
+    return () => E("div", {
       class: f.value,
       style: "min-height:44px"
-    }, [p.value && F("button", {
+    }, [p.value && E("button", {
       title: o("messageBox.close"),
       class: "toast-close f-btn-icon f-bare",
       onClick: g
-    }, [F("span", {
+    }, [E("span", {
       class: "f-icon modal_close"
-    }, null)]), m.value && F("section", {
+    }, null)]), m.value && E("section", {
       class: "modal-tips"
-    }, [!c.value && F("div", {
+    }, [!c.value && E("div", {
       class: "float-left modal-tips-iconwrap"
-    }, [F("span", {
+    }, [E("span", {
       class: l.value
-    }, null)]), F("div", {
+    }, null)]), E("div", {
       class: "modal-tips-content"
-    }, [c.value && F(lt, null, [F("h5", {
+    }, [c.value && E(lt, null, [E("h5", {
       class: "toast-title modal-tips-title",
       innerHTML: r.value.title
-    }, null), F("p", {
+    }, null), E("p", {
       class: "toast-msg",
       innerHTML: r.value.message,
       style: v.value
-    }, null), d.value && A()]), s.value && (r.value.buttons ? F("div", {
+    }, null), d.value && A()]), s.value && (r.value.buttons ? E("div", {
       class: "toast-title-btns-wrapper d-flex"
-    }, [F("h5", {
+    }, [E("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
       style: v.value,
       innerHTML: r.value.message
-    }, null), F("div", {
+    }, null), E("div", {
       class: "after-toast-title text-right ml-auto"
-    }, [A()])]) : F("h5", {
+    }, [A()])]) : E("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
       style: v.value,
       innerHTML: r.value.message
@@ -2476,11 +2476,11 @@ const ki = {
     function l(m, p) {
       f();
     }
-    return () => F("div", {
+    return () => E("div", {
       class: t.value,
       style: s.value,
       ref: i
-    }, [F(Dt, {
+    }, [E(Dt, {
       options: a.value,
       showCloseButton: r.value,
       animate: n.animate,
@@ -2488,10 +2488,10 @@ const ki = {
     }, null)]);
   }
 });
-class Pi {
+class Oi {
   constructor() {
     Q(this, "notifyRefs", []);
-    Q(this, "globalConfig", $e({}));
+    Q(this, "globalConfig", Re({}));
   }
   escapeAllHtml(e) {
     if (typeof e != "string" || !e)
@@ -2529,12 +2529,12 @@ class Pi {
           document.body.removeChild(a);
         }), et(() => {
           t.updateNotifyPositionForCreate(i, u);
-        }), () => F(on, {
+        }), () => E(on, {
           mode: "out-in",
           name: "fade",
           appear: !0
         }, {
-          default: () => [F(mt, Vt({
+          default: () => [E(mt, Vt({
             ref: u
           }, i, {
             onClose: c
@@ -2610,7 +2610,7 @@ class Pi {
 const Ni = Symbol("NOTIFY_SERVICE_TOKEN");
 mt.install = (n) => {
   n.component(mt.name, mt), n.component(Dt.name, Dt);
-  const e = new Pi();
+  const e = new Oi();
   n.provide(Ni, e), n.provide("FNotifyService", e);
 };
 `${bt.getLocaleValue("datagrid.loadingMessage")}`;
@@ -2773,44 +2773,44 @@ function Di(n, e, t, o, i, a, r, u, c, s, f, l, m, p, d, v, g) {
   } = r, {
     gridDataStyle: x,
     leftFixedGridDataStyle: b,
-    rightFixedGridDataStyle: P
+    rightFixedGridDataStyle: O
   } = p, {
-    renderDataRow: O
-  } = Yn(n, e, B, g, u, c, s, f, l, m, p, d, v), R = [O];
+    renderDataRow: P
+  } = Yn(n, e, B, g, u, c, s, f, l, m, p, d, v), $ = [P];
   function X(y, k) {
     const _ = C(y);
-    return g.value.filter((I) => I.visible !== !1).map((I, T) => R[I.type](I, _, k, T));
+    return g.value.filter((I) => I.visible !== !1).map((I, T) => $[I.type](I, _, k, T));
   }
-  function E() {
-    return F("div", {
+  function S() {
+    return E("div", {
       ref: o,
       class: "fv-grid-content-left-fixed"
-    }, [F("div", {
+    }, [E("div", {
       class: "fv-grid-data",
       style: b.value
     }, [X(B.value.leftColumns.filter((y) => y.visible), "left")])]);
   }
   function N() {
-    return F("div", {
+    return E("div", {
       ref: t,
       class: "fv-grid-content-primary"
-    }, [F("div", {
+    }, [E("div", {
       class: "fv-grid-data",
       style: x.value
     }, [X(B.value.primaryColumns.filter((y) => y.visible), "primary")])]);
   }
   function j() {
-    return F("div", {
+    return E("div", {
       ref: i,
       class: "fv-grid-content-right-fixed"
-    }, [F("div", {
+    }, [E("div", {
       class: "fv-grid-data",
-      style: P.value
+      style: O.value
     }, [X(B.value.rightColumns.filter((y) => y.visible), "right")])]);
   }
   function h() {
     const y = [];
-    return A.value && y.push(E()), y.push(N()), L.value && y.push(j()), y;
+    return A.value && y.push(S()), y.push(N()), L.value && y.push(j()), y;
   }
   return {
     renderDataArea: h
@@ -2830,11 +2830,11 @@ const Vi = /* @__PURE__ */ Ee({
       showLoading: L,
       renderLoading: x
     } = eo(n, c), b = to(n, /* @__PURE__ */ new Map(), C, B, r), {
-      dataView: P
-    } = b, O = no(n, b, r, p, e), {
-      showSelection: R,
+      dataView: O
+    } = b, P = no(n, b, r, p, e), {
+      showSelection: $,
       selectedValues: X
-    } = O, E = oo(n, p, b, r, O, e), N = H(() => n.disabled), j = H(() => n.virtualized ? Math.min(b.dataView.value.length, i.value) : b.dataView.value.length), h = io(n, b), {
+    } = P, S = oo(n, p, b, r, P, e), N = H(() => n.disabled), j = H(() => n.virtualized ? Math.min(b.dataView.value.length, i.value) : b.dataView.value.length), h = io(n, b), {
       shouldRenderPagination: y
     } = h, {
       containerStyleObject: k
@@ -2844,29 +2844,29 @@ const Vi = /* @__PURE__ */ Ee({
     I(a);
     const {
       applyColumnSetting: T,
-      removeColumnSetting: $
+      removeColumnSetting: R
     } = so(n);
     n.showSetting && T(a);
-    const S = lo(n, e), z = co(n), {
+    const F = lo(n, e), z = co(n), {
       applyColumnSorter: K,
       columnContext: te,
       updateColumnRenderContext: J
-    } = S;
+    } = F;
     K(b, z);
-    const ie = uo(n, te), re = po(n, e, O, r), ee = fo(n, e, r, re, p), q = mo(n), se = vo(n, ee, q), je = ho(n, b, ee, B, r, q, se), Oe = yo(n, a, b, j, 0, je), {
+    const ie = uo(n, te), re = po(n, e, P, r), ee = fo(n, e, r, re, p), q = mo(n), se = vo(n, ee, q), je = ho(n, b, ee, B, r, q, se), Pe = yo(n, a, b, j, 0, je), {
       getVisualData: Te
-    } = Oe, Ye = go(n, te), Ae = bo(n, O), {
+    } = Pe, Ye = go(n, te), Ae = bo(n, P), {
       sidebarWidth: Je
-    } = Ae, ce = Co(n, b, p, te, Oe, j, 0, Je), {
+    } = Ae, ce = Co(n, b, p, te, Pe, j, 0, Je), {
       onWheel: tt,
-      dataGridWidth: Pe,
+      dataGridWidth: Oe,
       viewPortHeight: Ne,
       viewPortWidth: xe,
       resetScroll: Le,
       updateVisibleRowsOnLatestVisibleScope: nt
     } = ce, ze = wo(n, te, s, xe, ie), {
       calculateColumnsSize: Be
-    } = ze, De = To(), Qe = xo(s, m, b, De, ce), Ze = Io(n, e, S, b, ie, g, ce), V = H(() => {
+    } = ze, De = To(), Qe = xo(s, m, b, De, ce), Ze = Io(n, e, F, b, ie, g, ce), V = H(() => {
       const G = {
         "fv-grid": !0,
         "fv-grid-bordered": n.showBorder,
@@ -2880,42 +2880,42 @@ const Vi = /* @__PURE__ */ Ee({
       "fv-grid-wrap-content": v.value
     })), {
       renderDataArea: ue
-    } = Di(n, e, f, l, m, Ye, S, b, ee, B, re, O, E, ce, Oe, q, p), {
+    } = Di(n, e, f, l, m, Ye, F, b, ee, B, re, P, S, ce, Pe, q, p), {
       renderGridHeader: de,
       renderGridColumnResizeOverlay: ke,
       shouldShowHeader: Ct
-    } = Mo(n, e, s, l, m, S, b, Ze, Qe, C, De, ze, ie, O, Ae, z, ce, xe, p), {
+    } = So(n, e, s, l, m, F, b, Ze, Qe, C, De, ze, ie, P, Ae, z, ce, xe, p), {
       renderDataGridSidebar: wt
-    } = So(n, re, O, Ae, ce), {
+    } = Mo(n, re, P, Ae, ce), {
       renderDisableMask: Tt
     } = Fo(), {
       renderHorizontalScrollbar: xt
     } = Eo(n, s, ce), {
       renderVerticalScrollbar: It
     } = Bo(n, s, ce);
-    function Mt() {
+    function St() {
       var G, Z, fe;
       if (s.value && s.value.clientHeight > 0 && ((G = s.value) == null ? void 0 : G.clientWidth) > 0) {
         const he = Math.ceil(s.value.clientHeight / o);
-        he > i.value && (i.value = he, nt()), Ne.value = ((Z = f.value) == null ? void 0 : Z.clientHeight) || 0, Pe.value = ((fe = s.value) == null ? void 0 : fe.clientWidth) || 0, Be();
+        he > i.value && (i.value = he, nt()), Ne.value = ((Z = f.value) == null ? void 0 : Z.clientHeight) || 0, Oe.value = ((fe = s.value) == null ? void 0 : fe.clientWidth) || 0, Be();
       }
     }
     et(() => {
-      s.value && (i.value = Math.max(Math.ceil(s.value.clientHeight / o), i.value), p.value = Te(0, j.value + 0 - 1), Hn(s.value, Mt), Be(), Rt(() => {
-        s.value && (Pe.value = s.value.clientWidth), f.value && (xe.value = f.value.clientWidth, Ne.value = f.value.clientHeight);
+      s.value && (i.value = Math.max(Math.ceil(s.value.clientHeight / o), i.value), p.value = Te(0, j.value + 0 - 1), Hn(s.value, St), Be(), $t(() => {
+        s.value && (Oe.value = s.value.clientWidth), f.value && (xe.value = f.value.clientWidth, Ne.value = f.value.clientHeight);
       })), L.value && x();
     }), gt(() => {
     }), Fe(xe, () => {
       s.value && Be();
     });
-    function St(G) {
+    function Mt(G) {
       b.collapseTo(G), b.reOrderVisibleIndex(), Le();
     }
     function ut(G) {
       b.expandTo(G), b.reOrderVisibleIndex(), Le();
     }
     function ot() {
-      const G = O.getSelectionRow();
+      const G = P.getSelectionRow();
       return G ? G.dataIndex - 1 : -1;
     }
     function Ft() {
@@ -2931,13 +2931,13 @@ const Vi = /* @__PURE__ */ Ee({
       b.insertNewChildDataItems(G, he);
     }
     function kt() {
-      const G = ot(), Z = E.getNextSelectableHierarchyItemId(G);
-      b.removeHierarchyDataItem(G), p.value = Te(0, j.value + 0 - 1), Z && O.selectItemById(Z);
+      const G = ot(), Z = S.getNextSelectableHierarchyItemId(G);
+      b.removeHierarchyDataItem(G), p.value = Te(0, j.value + 0 - 1), Z && S.selectItemById(Z);
     }
     function dt(G) {
       ee.onEditingRow(G);
     }
-    function Ot(G) {
+    function Pt(G) {
       ee.acceptEditingRow(G);
     }
     function w(G) {
@@ -2953,7 +2953,7 @@ const Vi = /* @__PURE__ */ Ee({
       G && (b.load(G), b.reOrderVisibleIndex(), Z != null && Z.keepScrollPosition ? ce.scrollTo(ce.offsetY.value) : Le());
     }
     function Y(G) {
-      O.selectItemById(G);
+      S.selectItemById(G);
     }
     function oe(G) {
       const Z = p.value.find((fe) => fe.raw[r.idField.value] === G);
@@ -2963,28 +2963,28 @@ const Vi = /* @__PURE__ */ Ee({
       re.activeRowById(G);
     }
     function we(G) {
-      O.selectItemByIds(G);
+      S.selectItemByIds(G);
     }
     function ye() {
-      return O.getSelectedItems();
+      return P.getSelectedItems();
     }
     function ge() {
-      O.clearSelection();
+      P.clearSelection();
     }
     const Ie = H(() => !p.value || !p.value.length), {
       renderEmpty: pe
     } = ko(n, e);
-    function Me() {
-      return O.getSelectionRow();
+    function Se() {
+      return P.getSelectionRow();
     }
     function be(G) {
-      O.unSelectItemByIds(G);
+      S.unSelectItemByIds(G);
     }
     function ve() {
-      return O.currentSelectedDataId.value;
+      return P.currentSelectedDataId.value;
     }
     function it(G, Z, fe) {
-      const he = P.value.find((Ce) => Ce[u.value] === G);
+      const he = O.value.find((Ce) => Ce[u.value] === G);
       if (he) {
         if (Object.keys(he).forEach((me) => {
           Object.prototype.hasOwnProperty.call(Z, me) && (he[me] = Z[me]);
@@ -3021,11 +3021,11 @@ const Vi = /* @__PURE__ */ Ee({
       const Z = b.dataView.value.find((fe) => fe[u.value] === G);
       return Z ? Z[A.value] : "";
     }
-    function Sn() {
+    function Mn() {
       return A.value;
     }
     Fe(() => n.showSetting, (G, Z) => {
-      G !== Z && (G ? T(a) : $(a), U(a.value));
+      G !== Z && (G ? T(a) : R(a), U(a.value));
     });
     function Fn(G) {
       return p.value.filter((Z) => G.includes(Z.raw[n.idField]));
@@ -3035,18 +3035,18 @@ const Vi = /* @__PURE__ */ Ee({
       fe && re.changeRow(fe);
     }
     function Bn() {
-      O.keepSelectingOnPaging.value || ge(), b.updateVisibleDataSummary(p.value);
+      P.keepSelectingOnPaging.value || ge(), b.updateVisibleDataSummary(p.value);
     }
     e.expose({
       activeRowById: ae,
       addNewDataItem: Ft,
       addNewChildDataItem: Et,
       addChildrenToNode: Bt,
-      collapseTo: St,
+      collapseTo: Mt,
       expandTo: ut,
       removeDataItem: kt,
       editDataItem: dt,
-      acceptDataItem: Ot,
+      acceptDataItem: Pt,
       cancelDataItem: w,
       updateColumns: U,
       updateDataSource: W,
@@ -3054,13 +3054,13 @@ const Vi = /* @__PURE__ */ Ee({
       selectItemByIds: we,
       getSelectedItems: ye,
       clearSelection: ge,
-      getSelectionRow: Me,
+      getSelectionRow: Se,
       clickRowItemById: oe,
       unSelectItemByIds: be,
       getCurrentRowId: ve,
       reassignRowData: it,
       hasChildren: at,
-      getCollapseField: Sn,
+      getCollapseField: Mn,
       getCollapseStatusById: rt,
       getVisibleDataByIds: Fn,
       selectRowById: En,
@@ -3069,45 +3069,45 @@ const Vi = /* @__PURE__ */ Ee({
     const kn = H(() => {
       const G = {};
       return ce.shouldShowHorizontalScrollbar.value && (G.paddingBottom = "10px"), ce.shouldShowVirticalScrollbar.value && (G.paddingRight = "10px"), G;
-    }), On = H(() => ({
+    }), Pn = H(() => ({
       ...k.value,
       borderRadius: "5px"
-    })), {
-      renderDataGridPagination: Pr
-    } = Oo(n, e, b, ce, h, O), Pn = H(() => ({
+    }));
+    Po(n, e, b, ce, h, P);
+    const On = H(() => ({
       "d-flex": !0,
-      "justify-content-between": y.value && R.value,
-      "justify-content-end": y.value && !R.value,
+      "justify-content-between": y.value && $.value,
+      "justify-content-end": y.value && !$.value,
       "position-relative": !0
     })), Nn = H(() => ({
       "d-flex": !0,
       "align-items-center": !0
     })), {
       renderDataGridSummary: Ln
-    } = Po(n, b, S);
-    return () => F("div", {
+    } = Oo(n, b, F);
+    return () => E("div", {
       ref: c,
       class: V.value,
-      style: On.value,
+      style: Pn.value,
       onWheel: tt
-    }, [s.value && Ct.value && de(), F("div", {
+    }, [s.value && Ct.value && de(), E("div", {
       ref: s,
       class: ne.value,
       onMouseover: () => d.value = !0,
       onMouseleave: () => d.value = !1,
       style: kn.value
-    }, [s.value && wt(p), s.value && ue(), s.value && Ie.value && pe(), s.value && xt(), s.value && It()]), s.value && Ln(), R.value && F("div", {
-      class: Pn.value
-    }, [R.value && F("div", {
+    }, [s.value && wt(p), s.value && ue(), s.value && Ie.value && pe(), s.value && xt(), s.value && It()]), s.value && Ln(), $.value && E("div", {
+      class: On.value
+    }, [$.value && E("div", {
       class: Nn.value
-    }, [F("div", null, ["已选：" + X.value.length, ft(" 条")])])]), ke(), N.value && Tt()]);
+    }, [E("div", null, ["已选：" + X.value.length, ft(" 条")])])]), ke(), N.value && Tt()]);
   }
 });
 Gn(Vi);
-const Ri = /* @__PURE__ */ new Map([
+const $i = /* @__PURE__ */ new Map([
   ["appearance", jt]
 ]);
-function $i(n, e, t) {
+function Ri(n, e, t) {
   return e;
 }
 const ji = "https://json-schema.org/draft/2020-12/schema", Ai = "https://farris-design.gitee.io/step.schema.json", zi = "step", Ui = "A Farris Component", qi = "object", Wi = {
@@ -3241,7 +3241,7 @@ const ji = "https://json-schema.org/draft/2020-12/schema", Ai = "https://farris-
   onClick: { type: Function, default: () => {
   } }
 };
-He(Zi, Gi, Ri, $i, Qi);
+He(Zi, Gi, $i, Ri, Qi);
 const qt = /* @__PURE__ */ new Map([
   ["appearance", jt]
 ]), Ki = /* @__PURE__ */ new Map([]), ea = "root-viewmodel";
@@ -3775,8 +3775,8 @@ function Ia(n) {
       var B;
       const g = o.get(v.id), C = g.appearance && g.appearance.class;
       if (C) {
-        const L = C.split(" ").filter((X) => !X.startsWith("col-")), x = "col-" + v.columnInSM, b = "col-md-" + v.columnInMD, P = "col-xl-" + v.columnInLG, O = "col-el-" + v.columnInEL, R = [x, b, P, O].concat(L);
-        g.appearance.class = R.join(" ");
+        const L = C.split(" ").filter((X) => !X.startsWith("col-")), x = "col-" + v.columnInSM, b = "col-md-" + v.columnInMD, O = "col-xl-" + v.columnInLG, P = "col-el-" + v.columnInEL, $ = [x, b, O, P].concat(L);
+        g.appearance.class = $.join(" ");
       }
       if (v.fieldSetId) {
         const A = p.contents.find((x) => x.id === v.fieldSetId), L = d.find((x) => x.id === v.fieldSetId);
@@ -3792,7 +3792,7 @@ function Ia(n) {
     getResonseFormLayoutConfig: r
   };
 }
-function Ma(n, e) {
+function Sa(n, e) {
   function t(c, s = null) {
     if (s)
       return s;
@@ -3840,14 +3840,14 @@ function Ma(n, e) {
   }
   return { checkIsInFormComponent: o, assembleUnifiedLayoutContext: a, changeFormControlsByUnifiedLayoutConfig: u };
 }
-class Sa extends Ut {
+class Ma extends Ut {
   constructor(e, t) {
     super(e, t);
   }
   getPropertyConfig(e, t) {
     const o = this;
     this.propertyConfig.categories.basic = this.getBasicPropConfig(e);
-    const { checkIsInFormComponent: i, assembleUnifiedLayoutContext: a, changeFormControlsByUnifiedLayoutConfig: r } = Ma(this.formSchemaUtils, this.componentId), u = this.getAppearanceConfig(e), c = i(this.componentId);
+    const { checkIsInFormComponent: i, assembleUnifiedLayoutContext: a, changeFormControlsByUnifiedLayoutConfig: r } = Sa(this.formSchemaUtils, this.componentId), u = this.getAppearanceConfig(e), c = i(this.componentId);
     return u.properties.adaptForLanguage = {
       title: "控件布局响应国际化",
       description: "启用国际化后：简体中文、繁体中文环境下控件标签与输入框在一行展示，其他语言环境下控件标签与输入框上下排列。",
@@ -3896,8 +3896,8 @@ function en(n, e) {
     const { sourceElement: k } = h, { componentInstance: _ } = k, I = e == null ? void 0 : e.formSchemaUtils;
     if (!I)
       return !0;
-    const T = I.getComponentById(_.value.belongedComponentId), $ = I.getViewModelById(T.viewModel), S = I.getComponentById(n.componentInstance.value.belongedComponentId), z = I.getViewModelById(S.viewModel);
-    return y ? $ != null && $.id && (z != null && z.id) && $.id !== z.id ? $.bindTo === z.bindTo : !0 : ($ == null ? void 0 : $.id) === (z == null ? void 0 : z.id);
+    const T = I.getComponentById(_.value.belongedComponentId), R = I.getViewModelById(T.viewModel), F = I.getComponentById(n.componentInstance.value.belongedComponentId), z = I.getViewModelById(F.viewModel);
+    return y ? R != null && R.id && (z != null && z.id) && R.id !== z.id ? R.bindTo === z.bindTo : !0 : (R == null ? void 0 : R.id) === (z == null ? void 0 : z.id);
   }
   function c(h) {
     const { bindingTargetId: y } = h;
@@ -3926,12 +3926,12 @@ function en(n, e) {
   }
   function l(h) {
     var z;
-    const y = h.componentInstance, k = y.value.schema, _ = e == null ? void 0 : e.formSchemaUtils, I = e == null ? void 0 : e.designViewModelUtils, T = _.getViewModelIdByComponentId(y.value.belongedComponentId), $ = I.getDgViewModel(T), S = y.value.parent;
-    if (S && ct.fieldset && ((z = S.schema) == null ? void 0 : z.type) === ct.fieldset.type && $) {
+    const y = h.componentInstance, k = y.value.schema, _ = e == null ? void 0 : e.formSchemaUtils, I = e == null ? void 0 : e.designViewModelUtils, T = _.getViewModelIdByComponentId(y.value.belongedComponentId), R = I.getDgViewModel(T), F = y.value.parent;
+    if (F && ct.fieldset && ((z = F.schema) == null ? void 0 : z.type) === ct.fieldset.type && R) {
       const K = { groupId: null, groupName: null };
       switch (k.binding.type) {
         case _e.Form: {
-          $.changeField(k.binding.field, K);
+          R.changeField(k.binding.field, K);
           break;
         }
         case _e.Variable: {
@@ -3942,14 +3942,14 @@ function en(n, e) {
     }
   }
   function m(h, y, k) {
-    const _ = y.fields.find((z) => z.id === h), I = e == null ? void 0 : e.designViewModelUtils, T = I.getDgViewModel(y.id), $ = T.fields.find((z) => z.id === h);
+    const _ = y.fields.find((z) => z.id === h), I = e == null ? void 0 : e.designViewModelUtils, T = I.getDgViewModel(y.id), R = T.fields.find((z) => z.id === h);
     T.removeField([h]);
-    const S = I.getDgViewModel(k);
-    S.addField($), _.fieldSchema && S.changeField($.id, _.fieldSchema);
+    const F = I.getDgViewModel(k);
+    F.addField(R), _.fieldSchema && F.changeField(R.id, _.fieldSchema);
   }
   function p(h, y, k, _ = []) {
-    const I = y.id, T = h.binding.field, $ = y.fields.findIndex((z) => z.id === T);
-    if ($ > -1 && (k.fields.push(y.fields[$]), y.fields.splice($, 1)), I === "root-viewmodel" && k.id !== "root-viewmodel") {
+    const I = y.id, T = h.binding.field, R = y.fields.findIndex((z) => z.id === T);
+    if (R > -1 && (k.fields.push(y.fields[R]), y.fields.splice(R, 1)), I === "root-viewmodel" && k.id !== "root-viewmodel") {
       h.binding.path && !h.binding.path.includes("root-component.") && (h.binding.path = "root-component." + h.binding.path);
       return;
     }
@@ -3957,18 +3957,18 @@ function en(n, e) {
       h.binding.path = h.binding.path.replace("root-component.", "");
       return;
     }
-    const S = y.states.find((z) => z.id === T);
-    S && (k.states = k.states ? k.states : [], k.states.findIndex((z) => z.id === S.id) < 0 && (k.states.push(S), _.push(S.id)));
+    const F = y.states.find((z) => z.id === T);
+    F && (k.states = k.states ? k.states : [], k.states.findIndex((z) => z.id === F.id) < 0 && (k.states.push(F), _.push(F.id)));
   }
   function d(h, y, k, _ = []) {
-    var $;
+    var R;
     if (!h)
       return;
     const I = y.id === "root-viewmodel" && k.id !== "root-viewmodel", T = k.id === "root-viewmodel" && y.id !== "root-viewmodel";
-    Object.keys(h).forEach((S) => {
-      if (S === "binding")
+    Object.keys(h).forEach((F) => {
+      if (F === "binding")
         return;
-      const z = h[S];
+      const z = h[F];
       if (z && typeof z == "object" && z.type === _e.Variable && z.field) {
         if (I) {
           z.path && !z.path.includes("root-component.") && (z.path = "root-component." + z.path);
@@ -3990,8 +3990,8 @@ function en(n, e) {
           }
         }
       }
-    }), ($ = k.states) != null && $.length && k.states.map((S) => {
-      S.newId && (S.id = S.newId, delete S.newId);
+    }), (R = k.states) != null && R.length && k.states.map((F) => {
+      F.newId && (F.id = F.newId, delete F.newId);
     });
   }
   function v(h, y, k) {
@@ -4002,16 +4002,16 @@ function en(n, e) {
   function g(h = [], y) {
     if (!h.length)
       return;
-    const k = e == null ? void 0 : e.formSchemaUtils, _ = k.getComponentByViewModelId(y), I = [], T = (S, z) => {
-      S && (Object.keys(S).forEach((K) => {
-        const te = S[K];
+    const k = e == null ? void 0 : e.formSchemaUtils, _ = k.getComponentByViewModelId(y), I = [], T = (F, z) => {
+      F && (Object.keys(F).forEach((K) => {
+        const te = F[K];
         te && typeof te == "object" && te.type === _e.Variable && h.includes(te.field) && !z.includes(te.field) && z.push(te.field);
-      }), S.editor && T(S.editor, z));
+      }), F.editor && T(F.editor, z));
     };
     v(_, T, I);
-    const $ = k.getViewModelById(y);
-    h.forEach((S) => {
-      I.includes(S) || ($.states = $.states.filter((z) => z.id !== S));
+    const R = k.getViewModelById(y);
+    h.forEach((F) => {
+      I.includes(F) || (R.states = R.states.filter((z) => z.id !== F));
     });
   }
   function C(h) {
@@ -4019,7 +4019,7 @@ function en(n, e) {
       id: y,
       code: h.code + y.slice(0, 4),
       name: h.name + y.slice(0, 4)
-    }), T = (e == null ? void 0 : e.formSchemaUtils).getCommands().find(($) => $.id === h.cmpId);
+    }), T = (e == null ? void 0 : e.formSchemaUtils).getCommands().find((R) => R.id === h.cmpId);
     return T && T.refedHandlers.push({
       host: y,
       handler: h.handlerName
@@ -4040,7 +4040,7 @@ function en(n, e) {
         }
       }
     });
-    const S = (e == null ? void 0 : e.designViewModelUtils).getDgViewModel(k.id), z = ["valueChanging", "valueChanged"];
+    const F = (e == null ? void 0 : e.designViewModelUtils).getDgViewModel(k.id), z = ["valueChanging", "valueChanged"];
     if (((te = h.binding) == null ? void 0 : te.type) === _e.Form) {
       const ie = (J = k.fields) == null ? void 0 : J.find((re) => re.id === h.binding.field);
       ie && z.forEach((re) => {
@@ -4049,30 +4049,30 @@ function en(n, e) {
           if (!ee)
             return;
           if (_[ee.code])
-            S.changeField(ie.id, { [re]: _[ee.code].code });
+            F.changeField(ie.id, { [re]: _[ee.code].code });
           else {
             const q = C(ee);
-            _[ee.code] = q, k.commands.push(q), S.changeField(ie.id, { [re]: q.code });
+            _[ee.code] = q, k.commands.push(q), F.changeField(ie.id, { [re]: q.code });
           }
         }
       });
     }
   }
   function A(h) {
-    const y = e == null ? void 0 : e.formSchemaUtils, k = h.componentInstance, _ = k.value.schema, I = y.getViewModelIdByComponentId(k.value.belongedComponentId), T = y.getViewModelById(I), $ = y.getComponentById(n.componentInstance.value.belongedComponentId), S = y.getViewModelById($.viewModel);
-    if (I !== S.id) {
+    const y = e == null ? void 0 : e.formSchemaUtils, k = h.componentInstance, _ = k.value.schema, I = y.getViewModelIdByComponentId(k.value.belongedComponentId), T = y.getViewModelById(I), R = y.getComponentById(n.componentInstance.value.belongedComponentId), F = y.getViewModelById(R.viewModel);
+    if (I !== F.id) {
       const z = _.binding.type, K = _.binding.field, te = [];
       switch (z) {
         case _e.Form: {
-          m(K, T, S.id);
+          m(K, T, F.id);
           break;
         }
         case _e.Variable: {
-          p(_, T, S, te);
+          p(_, T, F, te);
           break;
         }
       }
-      d(_, T, S, te), d(_.editor, T, S, te), B(_, T, S), I !== "root-viewmodel" && g(te, I);
+      d(_, T, F, te), d(_.editor, T, F, te), B(_, T, F), I !== "root-viewmodel" && g(te, I);
     }
   }
   function L(h) {
@@ -4106,7 +4106,7 @@ function en(n, e) {
     }
     return y;
   }
-  function P(h) {
+  function O(h) {
     const y = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
     if (y && y.schema && y.schema.componentType) {
       const { formColumns: k } = y.schema;
@@ -4114,48 +4114,48 @@ function en(n, e) {
       _ = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(_, y.schema.id, n.schema), h.appearance || (h.appearance = {}), h.appearance.class = _;
     }
   }
-  function O(h, y, k, _) {
+  function P(h, y, k, _) {
     const { bindingSourceContext: I, parentComponentInstance: T } = h;
     if (I != null && I.entityFieldNode && T) {
-      const $ = e == null ? void 0 : e.designViewModelUtils, z = (e == null ? void 0 : e.formSchemaUtils).getViewModelIdByComponentId(T.belongedComponentId), K = $.getDgViewModel(z);
+      const R = e == null ? void 0 : e.designViewModelUtils, z = (e == null ? void 0 : e.formSchemaUtils).getViewModelIdByComponentId(T.belongedComponentId), K = R.getDgViewModel(z);
       K.removeField([I.entityFieldNode.id]), K.addField(I.designViewModelField), y && K.changeField(I.entityFieldNode.id, { editor: { $type: y }, groupId: k, groupName: _ });
     }
   }
-  function R(h, y) {
-    var T, $, S;
+  function $(h, y) {
+    var T, R, F;
     const k = t;
     if ((k.appearance && k.appearance.class || "").split(" ").includes("f-form-layout") && h.componentCategory === "input") {
       const { label: z } = h;
       let K;
       const te = e == null ? void 0 : e.controlCreatorUtils;
-      return (T = h.bindingSourceContext) != null && T.entityFieldNode ? K = te.setFormFieldProperty(($ = h.bindingSourceContext) == null ? void 0 : $.entityFieldNode, y == null ? void 0 : y.type) : (K = te.createFormGroupWithoutField(y == null ? void 0 : y.type), K.label = z), P(K), O(h, (S = K.editor) == null ? void 0 : S.type), K;
+      return (T = h.bindingSourceContext) != null && T.entityFieldNode ? K = te.setFormFieldProperty((R = h.bindingSourceContext) == null ? void 0 : R.entityFieldNode, y == null ? void 0 : y.type) : (K = te.createFormGroupWithoutField(y == null ? void 0 : y.type), K.label = z), O(K), P(h, (F = K.editor) == null ? void 0 : F.type), K;
     }
     return y;
   }
   function X() {
     return i;
   }
-  function E() {
+  function S() {
     return r;
   }
   function N() {
     return !1;
   }
   function j(h) {
-    return new Sa(h, e).getPropertyConfig(t, n.componentInstance.value);
+    return new Ma(h, e).getPropertyConfig(t, n.componentInstance.value);
   }
   return {
     canAccepts: f,
-    checkCanDeleteComponent: E,
+    checkCanDeleteComponent: S,
     checkCanMoveComponent: X,
     getStyles: x,
     getPropsConfig: j,
     hideNestedPaddingInDesginerView: N,
     onAcceptMovedChildElement: L,
-    onResolveNewComponentSchema: R,
+    onResolveNewComponentSchema: $,
     moveInputBetweenComponent: A,
-    resolveFormGroupAppearance: P,
-    syncFieldToViewModel: O
+    resolveFormGroupAppearance: O,
+    syncFieldToViewModel: P
   };
 }
 const Ke = class Ke {
@@ -4269,7 +4269,7 @@ He(
   qt,
   void 0
 );
-const Ea = "https://json-schema.org/draft/2020-12/schema", Ba = "https://farris-design.gitee.io/grid-field-editor.schema.json", ka = "response-form-layout-setting", Oa = "A Farris Data Grid Component", Pa = "object", Na = {
+const Ea = "https://json-schema.org/draft/2020-12/schema", Ba = "https://farris-design.gitee.io/grid-field-editor.schema.json", ka = "response-form-layout-setting", Pa = "A Farris Data Grid Component", Oa = "object", Na = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -4290,8 +4290,8 @@ const Ea = "https://json-schema.org/draft/2020-12/schema", Ba = "https://farris-
   $schema: Ea,
   $id: Ba,
   title: ka,
-  description: Oa,
-  type: Pa,
+  description: Pa,
+  type: Oa,
   properties: Na,
   required: La
 }, Va = {
@@ -4306,7 +4306,7 @@ const Ea = "https://json-schema.org/draft/2020-12/schema", Ba = "https://farris-
   }
 };
 an(Va, Da, Ki, oa);
-const Ra = {
+const $a = {
   width: { Type: Number, default: 400 },
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
@@ -4322,7 +4322,7 @@ const Ra = {
 function Wt() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function $a(n) {
+async function Ra(n) {
   if (!navigator.clipboard)
     throw Wt();
   return navigator.clipboard.writeText(n);
@@ -4343,7 +4343,7 @@ async function ja(n) {
 }
 async function Aa(n) {
   try {
-    await $a(n);
+    await Ra(n);
   } catch (e) {
     try {
       await ja(n);
@@ -4369,7 +4369,7 @@ function Ua(n, e, t, o) {
       u.value = m.length;
     }
   }
-  return () => F(lt, null, [F("textarea", {
+  return () => E(lt, null, [E("textarea", {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
@@ -4377,7 +4377,7 @@ function Ua(n, e, t, o) {
     rows: "4",
     maxlength: a.value,
     onInput: (l) => f(l)
-  }, [c.value]), F("span", {
+  }, [c.value]), E("span", {
     class: "textarea-wordcount",
     title: r.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
@@ -4463,21 +4463,21 @@ function Ga(n, e) {
   function m() {
     c.value = !c.value;
   }
-  return () => F("div", {
+  return () => E("div", {
     class: "toast-msg-detail"
-  }, [i.value && F("div", null, [a.value]), r.value && F("div", {
+  }, [i.value && E("div", null, [a.value]), r.value && E("div", {
     class: "exception_wrap"
-  }, [F("div", {
+  }, [E("div", {
     class: "exception_error_msg"
-  }, [F("div", {
+  }, [E("div", {
     innerHTML: f.value
-  }, null), u.value && F("span", {
+  }, null), u.value && E("span", {
     style: l.value,
     onClick: m
   }, [s.value])])])]);
 }
 function Xa(n) {
-  return () => F("p", {
+  return () => E("p", {
     class: "toast-msg-detail",
     innerHTML: n.value
   }, null);
@@ -4496,13 +4496,13 @@ function Ha(n, e, t, o, i) {
     wordBreak: "keep-all",
     overflowWrap: "break-word"
   } : {});
-  return () => F(lt, null, [F("div", {
+  return () => E(lt, null, [E("div", {
     class: "float-left modal-tips-iconwrap"
-  }, [F("span", {
+  }, [E("span", {
     class: r.value
-  }, null)]), F("div", {
+  }, null)]), E("div", {
     class: "modal-tips-content"
-  }, [F("p", {
+  }, [E("p", {
     class: "toast-msg-title",
     innerHTML: u.value,
     style: p.value
@@ -4527,9 +4527,9 @@ function Ya(n, e, t, o) {
       }, 700);
     });
   }
-  return () => F("span", {
+  return () => E("span", {
     style: "width: 100%;color: #2A87FF;padding-left: 37px;"
-  }, [F("span", {
+  }, [E("span", {
     onClick: f,
     style: "cursor: pointer;"
   }, [u.value])]);
@@ -4543,26 +4543,26 @@ function Ja(n, e, t, o, i) {
   function C(B) {
     a.value === "question" && e.emit("accept"), e.emit("close");
   }
-  return () => F("div", {
+  return () => E("div", {
     class: "modal-footer"
-  }, [p.value && v(), d.value && f.value && F("button", {
+  }, [p.value && v(), d.value && f.value && E("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
     onClick: g
-  }, [s.value]), d.value && l.value && F("button", {
+  }, [s.value]), d.value && l.value && E("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: C
-  }, [c.value]), m.value && r.value.length && r.value.map((B) => F("button", {
+  }, [c.value]), m.value && r.value.length && r.value.map((B) => E("button", {
     type: "button",
     onClick: B.handle,
     class: B.class
-  }, [B.iconClass && F("span", {
+  }, [B.iconClass && E("span", {
     class: B.iconClass
   }, null), B.text]))]);
 }
 function Qa(n) {
-  const { t: e, locale: t } = $t();
+  const { t: e, locale: t } = Rt();
   function o(i, a, r) {
     return a === r ? e(i) : a;
   }
@@ -4589,7 +4589,7 @@ function Qa(n) {
 }
 const vt = /* @__PURE__ */ Ee({
   name: "FMessageBox",
-  props: Ra,
+  props: $a,
   emits: ["accept", "reject", "close"],
   setup(n, e) {
     const t = Qa(n), o = M(n.type), i = M(n.title), a = M(n.detail), r = H(() => {
@@ -4610,7 +4610,7 @@ const vt = /* @__PURE__ */ Ee({
     } = f;
     m.value = t.exception.copySuccess;
     function p() {
-      return F("div", {
+      return E("div", {
         style: l.value
       }, [m.value]);
     }
@@ -4623,12 +4623,12 @@ const vt = /* @__PURE__ */ Ee({
       }
     }
     const v = d(), g = Ja(n, e, c, f, t);
-    return () => F("div", {
+    return () => E("div", {
       class: "farris-messager"
-    }, [!n.exceptionInfo && F("div", {
+    }, [!n.exceptionInfo && E("div", {
       style: "height: 30px;width: 100%;position: absolute;",
       class: "messager-draggable"
-    }, null), F("section", {
+    }, null), E("section", {
       class: r.value,
       style: u.value
     }, [v()]), g(), p()]);
@@ -4941,10 +4941,10 @@ function pr(n, e) {
     const I = o.value || document.body, T = window.getComputedStyle(I);
     if (!T || !t.value)
       return;
-    const $ = le.getTransformInfo(t.value), S = {};
-    c.value && (S.deltaL = t.value.offsetLeft - c.value.x, S.deltaT = t.value.offsetTop - c.value.y);
+    const R = le.getTransformInfo(t.value), F = {};
+    c.value && (F.deltaL = t.value.offsetLeft - c.value.x, F.deltaT = t.value.offsetTop - c.value.y);
     const z = T.getPropertyValue("position");
-    S.width = I.clientWidth, S.height = I.clientHeight, S.pr = parseInt(T.getPropertyValue("padding-right"), 10), S.pb = parseInt(T.getPropertyValue("padding-bottom"), 10), S.position = T.getPropertyValue("position"), z === "static" && (I.style.position = "relative"), S.translateX = $.x, S.translateY = $.y, l.value = S;
+    F.width = I.clientWidth, F.height = I.clientHeight, F.pr = parseInt(T.getPropertyValue("padding-right"), 10), F.pb = parseInt(T.getPropertyValue("padding-bottom"), 10), F.position = T.getPropertyValue("position"), z === "static" && (I.style.position = "relative"), F.translateX = R.x, F.translateY = R.y, l.value = F;
   }
   function B(I) {
     if (t.value) {
@@ -4959,10 +4959,10 @@ function pr(n, e) {
     }
   }
   function A() {
-    var I, T, $, S;
+    var I, T, R, F;
     if (t.value) {
       const z = t.value;
-      s.value && ((s.value.n || s.value.s) && ((I = u.value) != null && I.height) && (z.style.height = u.value.height + "px"), (s.value.w || s.value.e) && ((T = u.value) != null && T.width) && (z.style.width = u.value.width + "px"), c.value && (($ = c.value) != null && $.x && (z.style.left = c.value.x + "px"), (S = c.value) != null && S.y && (z.style.top = c.value.y + "px")));
+      s.value && ((s.value.n || s.value.s) && ((I = u.value) != null && I.height) && (z.style.height = u.value.height + "px"), (s.value.w || s.value.e) && ((T = u.value) != null && T.width) && (z.style.width = u.value.width + "px"), c.value && ((R = c.value) != null && R.x && (z.style.left = c.value.x + "px"), (F = c.value) != null && F.y && (z.style.top = c.value.y + "px")));
     }
   }
   function L() {
@@ -4973,8 +4973,8 @@ function pr(n, e) {
     if (o.value) {
       const I = l.value;
       if (c.value && u.value && s.value && a.value) {
-        const T = I.width - I.pr - I.deltaL - I.translateX - c.value.x, $ = I.height - I.pb - I.deltaT - I.translateY - c.value.y;
-        s.value.n && c.value.y + I.translateY < 0 && r.value && (c.value.y = -I.translateY, u.value.height = a.value.height + r.value.y + I.translateY), s.value.w && c.value.x + I.translateX < 0 && r.value && (c.value.x = -I.translateX, u.value.width = a.value.width + r.value.x + I.translateX), u.value.width > T && (u.value.width = T), u.value.height > $ && (u.value.height = $);
+        const T = I.width - I.pr - I.deltaL - I.translateX - c.value.x, R = I.height - I.pb - I.deltaT - I.translateY - c.value.y;
+        s.value.n && c.value.y + I.translateY < 0 && r.value && (c.value.y = -I.translateY, u.value.height = a.value.height + r.value.y + I.translateY), s.value.w && c.value.x + I.translateX < 0 && r.value && (c.value.x = -I.translateX, u.value.width = a.value.width + r.value.x + I.translateX), u.value.width > T && (u.value.width = T), u.value.height > R && (u.value.height = R);
       }
     }
   }
@@ -4982,22 +4982,22 @@ function pr(n, e) {
     if (!i.value || !a.value || !r.value || !s.value)
       return;
     I.subtract(i.value);
-    const T = I.x, $ = I.y;
-    s.value.n ? (c.value.y = r.value.y + $, u.value.height = a.value.height - $) : s.value.s && (u.value.height = a.value.height + $), s.value.e ? u.value.width = a.value.width + T : s.value.w && (u.value.width = a.value.width - T, c.value.x = r.value.x + T), x(), L(), A();
+    const T = I.x, R = I.y;
+    s.value.n ? (c.value.y = r.value.y + R, u.value.height = a.value.height - R) : s.value.s && (u.value.height = a.value.height + R), s.value.e ? u.value.width = a.value.width + T : s.value.w && (u.value.width = a.value.width - T, c.value.x = r.value.x + T), x(), L(), A();
   }
-  function P(I) {
+  function O(I) {
     if (!f.value)
       return;
     const T = le.fromEvent(I);
     T && b(T);
   }
-  function O() {
+  function P() {
     if (t.value) {
       const {
         width: I,
         height: T,
-        x: $,
-        y: S
+        x: R,
+        y: F
       } = t.value.getBoundingClientRect(), z = le.getTransformInfo(t.value);
       return {
         size: {
@@ -5005,65 +5005,65 @@ function pr(n, e) {
           height: T
         },
         position: {
-          x: $ - z.x,
-          y: S - z.y
+          x: R - z.x,
+          y: F - z.y
         }
       };
     }
     return null;
   }
-  function R(I) {
+  function $(I) {
     if (t.value) {
-      const T = O();
+      const T = P();
       m.value = T;
     }
-    i.value = void 0, a.value = null, r.value = null, u.value = null, c.value = null, s.value = null, f.value = null, document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", R);
+    i.value = void 0, a.value = null, r.value = null, u.value = null, c.value = null, s.value = null, f.value = null, document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", $);
   }
   function X() {
-    document.addEventListener("mousemove", P), document.addEventListener("mouseup", R);
+    document.addEventListener("mousemove", O), document.addEventListener("mouseup", $);
   }
-  function E(I) {
+  function S(I) {
     I instanceof MouseEvent && I.button === 2 || v.value && (document.body.click(), I.stopPropagation(), I.preventDefault(), i.value = le.fromEvent(I), f.value = I.target, B(I), X());
   }
   function N(I) {
-    return t.value = I, p.value && F(lt, null, [F("div", {
+    return t.value = I, p.value && E(lt, null, [E("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
-      onMousedown: (T) => E(T)
-    }, null), F("div", {
+      onMousedown: (T) => S(T)
+    }, null), E("div", {
       class: "fv-resizable-handle fv-resizable-e",
       type: "e",
-      onMousedown: (T) => E(T)
-    }, null), F("div", {
+      onMousedown: (T) => S(T)
+    }, null), E("div", {
       class: "fv-resizable-handle fv-resizable-s",
       type: "s",
-      onMousedown: (T) => E(T)
-    }, null), F("div", {
+      onMousedown: (T) => S(T)
+    }, null), E("div", {
       class: "fv-resizable-handle fv-resizable-w",
       type: "w",
-      onMousedown: (T) => E(T)
-    }, null), F("div", {
+      onMousedown: (T) => S(T)
+    }, null), E("div", {
       class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
-      onMousedown: (T) => E(T)
-    }, null), F("div", {
+      onMousedown: (T) => S(T)
+    }, null), E("div", {
       class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
-      onMousedown: (T) => E(T)
-    }, null), F("div", {
+      onMousedown: (T) => S(T)
+    }, null), E("div", {
       class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
-      onMousedown: (T) => E(T)
-    }, null), F("div", {
+      onMousedown: (T) => S(T)
+    }, null), E("div", {
       class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
-      onMousedown: (T) => E(T)
+      onMousedown: (T) => S(T)
     }, null)]);
   }
   function j(I = !0) {
     document.body.click();
-    const T = o.value || document.body, $ = Ge.getCurrent(T), S = t.value;
-    I && S && (d.value = O(), d.value.transform = S.style.transform), $ && S && (u.value = $, u.value.height -= 14, u.value.width -= 14, S.style.height = u.value.height + "px", S.style.width = u.value.width + "px", S.style.left = "7px", S.style.top = "7px", S.style.transform = "", m.value = {
+    const T = o.value || document.body, R = Ge.getCurrent(T), F = t.value;
+    I && F && (d.value = P(), d.value.transform = F.style.transform), R && F && (u.value = R, u.value.height -= 14, u.value.width -= 14, F.style.height = u.value.height + "px", F.style.width = u.value.width + "px", F.style.left = "7px", F.style.top = "7px", F.style.transform = "", m.value = {
       size: u.value,
       position: {
         x: 0,
@@ -5074,18 +5074,18 @@ function pr(n, e) {
   function h() {
     var I, T;
     if (document.body.click(), d.value) {
-      const $ = {
+      const R = {
         width: d.value.size.width || 0,
         height: d.value.size.height || 0
-      }, S = {
-        x: (window.innerWidth - $.width) / 2,
-        y: (window.innerHeight - $.height) / 2
+      }, F = {
+        x: (window.innerWidth - R.width) / 2,
+        y: (window.innerHeight - R.height) / 2
       };
-      (I = u.value) == null || I.set($), (T = c.value) == null || T.set(S);
+      (I = u.value) == null || I.set(R), (T = c.value) == null || T.set(F);
       const z = t.value;
-      z.style.height = $.height + "px", z.style.width = $.width + "px", z.style.left = `${S.x}px`, z.style.top = `${S.y}px`, z.style.transform = "", m.value = {
-        size: $,
-        position: S
+      z.style.height = R.height + "px", z.style.width = R.width + "px", z.style.left = `${F.x}px`, z.style.top = `${F.y}px`, z.style.transform = "", m.value = {
+        size: R,
+        position: F
       }, v.value = n.draggable, g.value = !1;
     }
   }
@@ -5095,9 +5095,9 @@ function pr(n, e) {
       if (I) {
         const {
           width: T,
-          height: $
+          height: R
         } = I;
-        t.value.style.left = `${(window.innerWidth - T) / 2}px`, t.value.style.top = `${(window.innerHeight - $) / 2}px`, t.value.style.transform = "";
+        t.value.style.left = `${(window.innerWidth - T) / 2}px`, t.value.style.top = `${(window.innerHeight - R) / 2}px`, t.value.style.transform = "";
       }
     }
   }
@@ -5124,77 +5124,77 @@ function pr(n, e) {
 }
 function fr(n, e, t) {
   const o = M(), i = M(n.draggable), a = M(n.lockAxis), r = M(), u = M(), c = M(!1), s = M(new le(0, 0)), f = M(new le(0, 0)), l = M(new le(0, 0)), m = M(new le(0, 0));
-  Fe(() => t.value, (P) => {
-    r.value.style.cursor = P ? "move" : "default";
+  Fe(() => t.value, (O) => {
+    r.value.style.cursor = O ? "move" : "default";
   });
-  function p(P, O) {
-    if (O.tagName === "BUTTON")
+  function p(O, P) {
+    if (P.tagName === "BUTTON")
       return !1;
-    if (O === P)
+    if (P === O)
       return !0;
-    for (const R in O.children)
-      if (Object.prototype.hasOwnProperty.call(O.children, R) && p(P, O.children[R]))
+    for (const $ in P.children)
+      if (Object.prototype.hasOwnProperty.call(P.children, $) && p(O, P.children[$]))
         return !0;
     return !1;
   }
   function d() {
-    var X, E;
-    let P = l.value.x + f.value.x, O = l.value.y + f.value.y;
-    a.value === "x" ? (P = ((X = s.value) == null ? void 0 : X.x) || 0, l.value.x = 0) : a.value === "y" && (O = ((E = s.value) == null ? void 0 : E.y) || 0, l.value.y = 0);
-    const R = `translate3d(${Math.round(P)}px, ${Math.round(O)}px, 0px)`;
-    o.value && (o.value.style.transform = R), m.value.x = P, m.value.y = O;
+    var X, S;
+    let O = l.value.x + f.value.x, P = l.value.y + f.value.y;
+    a.value === "x" ? (O = ((X = s.value) == null ? void 0 : X.x) || 0, l.value.x = 0) : a.value === "y" && (P = ((S = s.value) == null ? void 0 : S.y) || 0, l.value.y = 0);
+    const $ = `translate3d(${Math.round(O)}px, ${Math.round(P)}px, 0px)`;
+    o.value && (o.value.style.transform = $), m.value.x = O, m.value.y = P;
   }
   function v() {
     if (!u.value || !o.value)
       return null;
-    const P = u.value.getBoundingClientRect(), O = o.value.getBoundingClientRect(), R = {
-      top: P.top < O.top,
-      right: P.right > O.right,
-      bottom: P.bottom > O.bottom,
-      left: P.left < O.left
+    const O = u.value.getBoundingClientRect(), P = o.value.getBoundingClientRect(), $ = {
+      top: O.top < P.top,
+      right: O.right > P.right,
+      bottom: O.bottom > P.bottom,
+      left: O.left < P.left
     };
-    return R.top || (l.value.y -= O.top - P.top), R.bottom || (l.value.y -= O.bottom - P.bottom), R.right || (l.value.x -= O.right - P.right), R.left || (l.value.x -= O.left - P.left), d(), R;
+    return $.top || (l.value.y -= P.top - O.top), $.bottom || (l.value.y -= P.bottom - O.bottom), $.right || (l.value.x -= P.right - O.right), $.left || (l.value.x -= P.left - O.left), d(), $;
   }
-  function g(P) {
-    P && (s.value && P.subtract(s.value), l.value.set(P), d(), v());
+  function g(O) {
+    O && (s.value && O.subtract(s.value), l.value.set(O), d(), v());
   }
-  function C(P) {
-    c.value && i.value && (P.stopPropagation(), P.preventDefault(), g(le.fromEvent(P, r.value)));
+  function C(O) {
+    c.value && i.value && (O.stopPropagation(), O.preventDefault(), g(le.fromEvent(O, r.value)));
   }
   function B() {
-    var P;
-    c.value && (c.value = !1, f.value.add(l.value), l.value.reset(), (P = o.value) == null || P.classList.remove("ng-dragging"), e.emit("stopMove"), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", B));
+    var O;
+    c.value && (c.value = !1, f.value.add(l.value), l.value.reset(), (O = o.value) == null || O.classList.remove("ng-dragging"), e.emit("stopMove"), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", B));
   }
   function A() {
     !c.value && r.value && (c.value = !0, r.value.classList.add("ng-dragging"), document.addEventListener("mousemove", C), document.addEventListener("mouseup", B));
   }
   function L() {
     if (o.value) {
-      const P = le.getTransformInfo(o.value);
-      f.value.set(P);
+      const O = le.getTransformInfo(o.value);
+      f.value.set(O);
       return;
     }
     f.value.reset();
   }
-  function x(P) {
-    if (!t.value || P instanceof MouseEvent && P.button === 2)
+  function x(O) {
+    if (!t.value || O instanceof MouseEvent && O.button === 2)
       return;
-    const O = P.target || P.srcElement;
-    r.value !== void 0 && O && !p(O, r.value) || i.value !== !1 && (document.body.click(), P.stopPropagation(), P.preventDefault(), s.value = le.fromEvent(P, o.value), L(), A());
+    const P = O.target || O.srcElement;
+    r.value !== void 0 && P && !p(P, r.value) || i.value !== !1 && (document.body.click(), O.stopPropagation(), O.preventDefault(), s.value = le.fromEvent(O, o.value), L(), A());
   }
-  function b(P, O, R) {
-    if (i.value && O) {
-      if (P)
-        r.value = P;
+  function b(O, P, $) {
+    if (i.value && P) {
+      if (O)
+        r.value = O;
       else if (n.dragHandle) {
         if (n.dragHandle instanceof HTMLElement)
           r.value = n.dragHandle;
         else if (typeof n.dragHandle == "string") {
-          const X = O.querySelector(n.dragHandle);
+          const X = P.querySelector(n.dragHandle);
           X && (r.value = X);
         }
       }
-      o.value = O, u.value = R, r.value ? (r.value.classList.add("ng-draggable"), r.value.addEventListener("mousedown", x)) : i.value = !1;
+      o.value = P, u.value = $, r.value ? (r.value.classList.add("ng-draggable"), r.value.addEventListener("mousedown", x)) : i.value = !1;
     }
   }
   return {
@@ -5237,7 +5237,7 @@ const Xe = /* @__PURE__ */ Ee({
   setup(n, e) {
     const t = M(n.width || 300), o = M(n.height || 200), i = M(n.modelValue), a = M(""), r = M(n.class), u = M(n.fitContent), c = M(n.showHeader), s = M(""), f = M(n.showCloseButton), l = M(n.showMaxButton), m = M(!1), p = M(n.dialogType), d = M(n.src), v = M(""), g = M(n.showButtons), C = M(n.title), B = M(n.containment || null), A = M(), {
       t: L
-    } = $t();
+    } = Rt();
     C.value === "错误提示" && (C.value = L("messageBox.errorTitle"));
     const x = M(!1);
     function b(V, ne) {
@@ -5251,7 +5251,7 @@ const Xe = /* @__PURE__ */ Ee({
         de && (i.value = !1, e.emit("update:modelValue", !1), ne != null && e.emit(ne ? "accept" : "cancel"), e.emit("closed", V));
       });
     }
-    const P = [{
+    const O = [{
       name: "cancel",
       text: L("messageBox.cancel") || "取消",
       class: "btn btn-secondary",
@@ -5265,15 +5265,15 @@ const Xe = /* @__PURE__ */ Ee({
       handle: (V) => {
         b(V, !0);
       }
-    }], O = M(n.buttons && n.buttons.length ? n.buttons : P), R = H(() => !!s.value), X = H(() => !!g.value && !!O.value), E = M(), N = M(), j = M(!1), {
+    }], P = M(n.buttons && n.buttons.length ? n.buttons : O), $ = H(() => !!s.value), X = H(() => !!g.value && !!P.value), S = M(), N = M(), j = M(!1), {
       renderResizeBar: h,
       maximize: y,
       restore: k,
       boundingElement: _,
       resizedEventParam: I,
       allowDrag: T,
-      unWindowResizeHandle: $,
-      moveToCenter: S
+      unWindowResizeHandle: R,
+      moveToCenter: F
     } = pr(n), {
       registerDraggle: z
     } = fr(n, e, T);
@@ -5287,8 +5287,8 @@ const Xe = /* @__PURE__ */ Ee({
     Fe(() => n.title, (V, ne) => {
       V !== ne && (C.value = V);
     }), Fe(() => n.modelValue, (V, ne) => {
-      V !== ne && (i.value = V, i.value && n.draggable && Rt(() => {
-        N.value && !B.value && (B.value = N.value.parentElement, _.value = B.value, z(E.value, N.value, _.value), S());
+      V !== ne && (i.value = V, i.value && n.draggable && $t(() => {
+        N.value && !B.value && (B.value = N.value.parentElement, _.value = B.value, z(S.value, N.value, _.value), F());
       }), V || (B.value && (B.value = null), te())), i.value ? x.value = K() : (j.value = !1, T.value = n.draggable);
     }), Fe(() => n.showHeader, (V, ne) => {
       V !== ne && (c.value = V);
@@ -5336,7 +5336,7 @@ const Xe = /* @__PURE__ */ Ee({
     }), je = H(() => ({
       "modal-content": !0,
       "modal-content-has-header": c.value
-    })), Oe = H(() => {
+    })), Pe = H(() => {
       const V = {
         display: c.value ? "" : "none"
       };
@@ -5371,49 +5371,49 @@ const Xe = /* @__PURE__ */ Ee({
     async function tt(V, ne) {
       V.handle && await V.handle(ne, V) && e.emit("closed", ne);
     }
-    function Pe(V) {
-      V.width && (t.value = V.width), V.height && (o.value = V.height), V.buttons && (O.value = V.buttons), V.title && (C.value = V.title);
+    function Oe(V) {
+      V.width && (t.value = V.width), V.height && (o.value = V.height), V.buttons && (P.value = V.buttons), V.title && (C.value = V.title);
     }
     let Ne = null, xe = null;
-    Rn(() => {
+    $n(() => {
       x.value = K();
     }), et(() => {
-      N.value && !B.value && (B.value = N.value.parentElement, _.value = B.value, z(E.value, N.value, _.value)), J.value && document.body.classList.add("modal-open"), Ne = mr(n, e), xe = vr(n, e);
+      N.value && !B.value && (B.value = N.value.parentElement, _.value = B.value, z(S.value, N.value, _.value)), J.value && document.body.classList.add("modal-open"), Ne = mr(n, e), xe = vr(n, e);
     }), gt(() => {
-      $ && $(), Ne && Ne.remove(), xe && xe.remove();
+      R && R(), Ne && Ne.remove(), xe && xe.remove();
     }), e.expose({
       modalElementRef: N,
-      updateModalOptions: Pe,
+      updateModalOptions: Oe,
       close: b,
       maxDialog: ce,
       isMaximized: j
     });
     function Le() {
-      return F("ul", null, [m.value && F("li", {
+      return E("ul", null, [m.value && E("li", {
         class: "f-btn-icon f-bare"
-      }, [F("span", {
+      }, [E("span", {
         class: "f-icon modal_minimize"
-      }, null)]), l.value && F("li", {
+      }, null)]), l.value && E("li", {
         onClick: ce,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
-      }, [F("span", {
+      }, [E("span", {
         class: Te.value
-      }, null)]), f.value && F("li", {
+      }, null)]), f.value && E("li", {
         class: "f-btn-icon f-bare",
         onClick: (V) => b(V, !1),
         style: "pointer-events: auto;"
-      }, [F("span", {
+      }, [E("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
     function nt() {
-      return F("div", {
+      return E("div", {
         class: "modal-footer",
         style: Je.value
-      }, [O.value && O.value.map((V) => {
+      }, [P.value && P.value.map((V) => {
         const ne = M(V.disabled);
-        return F("button", {
+        return E("button", {
           name: V.name,
           type: "button",
           disabled: ne.value,
@@ -5421,24 +5421,24 @@ const Xe = /* @__PURE__ */ Ee({
           onClick: (ue) => {
             tt(V, ue);
           }
-        }, [!!V.iconClass && F("i", {
+        }, [!!V.iconClass && E("i", {
           class: V.iconClass
         }, null), V.text]);
       })]);
     }
     function ze() {
-      return F("div", {
-        ref: E,
+      return E("div", {
+        ref: S,
         class: "modal-header",
-        style: Oe.value
-      }, [e.slots.headerTemplate ? e.slots.headerTemplate() : F("div", {
+        style: Pe.value
+      }, [e.slots.headerTemplate ? e.slots.headerTemplate() : E("div", {
         class: "modal-title"
-      }, [R.value && F("span", {
+      }, [$.value && E("span", {
         class: s.value,
         style: "margin-right: 8px"
-      }, null), F("span", {
+      }, null), E("span", {
         class: "modal-title-label"
-      }, [C.value])]), F("div", {
+      }, [C.value])]), E("div", {
         class: "actions"
       }, [Le()])]);
     }
@@ -5454,16 +5454,16 @@ const Xe = /* @__PURE__ */ Ee({
     }
     function Qe() {
       var V, ne;
-      return F("div", {
+      return E("div", {
         id: a.value,
         class: re.value,
         style: ee.value,
         ref: N
-      }, [F("div", {
+      }, [E("div", {
         class: je.value
-      }, [c.value && ze(), F("div", {
+      }, [c.value && ze(), E("div", {
         class: Ye.value
-      }, [(ne = (V = e.slots).default) == null ? void 0 : ne.call(V), p.value === "iframe" && F("iframe", {
+      }, [(ne = (V = e.slots).default) == null ? void 0 : ne.call(V), p.value === "iframe" && E("iframe", {
         title: a.value,
         class: "f-utils-fill",
         width: "100%",
@@ -5474,14 +5474,14 @@ const Xe = /* @__PURE__ */ Ee({
     function Ze(V) {
       return V || "body";
     }
-    return () => F($n, {
+    return () => E(Rn, {
       to: Ze(n.host)
     }, {
-      default: () => [J.value && F(on, {
+      default: () => [J.value && E(on, {
         name: "fade",
         appear: !0
       }, {
-        default: () => [F("div", {
+        default: () => [E("div", {
           ref: A,
           class: ie.value,
           style: se.value,
@@ -5516,7 +5516,7 @@ function hr(n) {
       return et(() => {
       }), i.expose({
         modalRef: a
-      }), () => F(Xe, {
+      }), () => E(Xe, {
         ref: a,
         class: r.value,
         modelValue: f.value,
@@ -5595,14 +5595,14 @@ class In {
     });
     let f;
     const l = xn(o.value), m = (x) => {
-      var P;
+      var O;
       i.value = !1;
-      const b = (P = x == null ? void 0 : x.target) == null ? void 0 : P.classList.contains("modal_close");
+      const b = (O = x == null ? void 0 : x.target) == null ? void 0 : O.classList.contains("modal_close");
       u(x, this.isUseEscCloseModal.value ? "esc" : b ? "icon" : "button");
     }, p = (x) => {
-      m(x), f && Rt(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Pt(null, t), f = null, this.modalRef.value = null, this.modalRefs) {
-          const b = Object.keys(this.modalRefs).map((P) => Number(P));
+      m(x), f && $t(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Ot(null, t), f = null, this.modalRef.value = null, this.modalRefs) {
+          const b = Object.keys(this.modalRefs).map((O) => Number(O));
           b.length > 0 ? this.activeModalIndex.value = Math.max(...b) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
@@ -5615,7 +5615,7 @@ class In {
       height: g
     } = o.value, C = this.adaptToWindow(v || 500, g || 320);
     Object.assign(o.value, C);
-    const B = () => F(Xe, Vt({
+    const B = () => E(Xe, Vt({
       ref: this.modalRef,
       modelValue: i.value,
       "onUpdate:modelValue": (x) => i.value = x
@@ -5631,7 +5631,7 @@ class In {
     });
     return f = ((x) => {
       const b = An(B, x);
-      return b.appContext = this.appContext, Pt(b, t), b;
+      return b.appContext = this.appContext, Ot(b, t), b;
     })({
       ...o.value
       // 'onUpdate:modelValue': onUpdateModelValue,
@@ -5640,7 +5640,7 @@ class In {
         o.value = {
           ...o.value,
           ...x
-        }, f && Pt(zn(f, {
+        }, f && Ot(zn(f, {
           ...o
         }), t);
       },
@@ -5659,14 +5659,14 @@ Xe.install = (n) => {
 Xe.register = (n, e, t, o) => {
   n.modal = Xe, e.modal = ur, o.modal = { callbackResolver: dr };
 };
-const Se = class Se {
+const Me = class Me {
   static show(e) {
-    const t = $e({
+    const t = Re({
       ...e
     }), o = !1, i = t.type === "error" || t.type === "prompt", a = t.type === "error" ? "错误提示" : t.type === "prompt" && t.title || "", r = t.acceptCallback || (() => {
     }), u = t.rejectCallback || (() => {
     });
-    let c = null, s = new In(Se.app);
+    let c = null, s = new In(Me.app);
     const f = () => {
       c && (c == null || c.destroy(), s = null);
     };
@@ -5680,7 +5680,7 @@ const Se = class Se {
       showMaxButton: !1,
       draggable: !0,
       dragHandle: ".messager-draggable",
-      render: () => F(vt, Vt(t, {
+      render: () => E(vt, Vt(t, {
         onAccept: r,
         onReject: u,
         onClose: f
@@ -5688,37 +5688,37 @@ const Se = class Se {
     }), s == null ? void 0 : s.getCurrentModal();
   }
   static info(e, t) {
-    const o = $e({
+    const o = Re({
       type: "info",
       title: e,
       detail: t,
       okButtonText: "知道了",
       showCancelButton: !1
     });
-    Se.show(o);
+    Me.show(o);
   }
   static warning(e, t) {
-    const o = $e({
+    const o = Re({
       type: "warning",
       title: e,
       detail: t,
       okButtonText: "知道了",
       showCancelButton: !1
     });
-    Se.show(o);
+    Me.show(o);
   }
   static success(e, t) {
-    const o = $e({
+    const o = Re({
       type: "success",
       title: e,
       detail: t,
       okButtonText: "关闭",
       showCancelButton: !1
     });
-    Se.show(o);
+    Me.show(o);
   }
   static error(e, t, o) {
-    const i = $e({
+    const i = Re({
       width: 500,
       type: "error",
       okButtonText: "关闭",
@@ -5729,20 +5729,20 @@ const Se = class Se {
         detail: t
       }
     });
-    Se.show(i);
+    Me.show(i);
   }
   static prompt(e, t) {
-    const o = $e({
+    const o = Re({
       type: "prompt",
       title: e,
       detail: t,
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    Se.show(o);
+    Me.show(o);
   }
   static question(e, t, o, i) {
-    const a = $e({
+    const a = Re({
       type: "question",
       title: e,
       detail: t,
@@ -5751,11 +5751,11 @@ const Se = class Se {
       acceptCallback: o,
       rejectCallback: i
     });
-    Se.show(a);
+    Me.show(a);
   }
 };
-Q(Se, "app", null);
-let yt = Se;
+Q(Me, "app", null);
+let yt = Me;
 vt.install = (n) => {
   n.component(vt.name, vt), yt.app = n, n.provide("FMessageBoxService", yt);
 };
@@ -5770,9 +5770,9 @@ class gr extends Ut {
 function br(n, e) {
   const t = n.schema;
   function o(p) {
-    var P, O, R;
-    const { componentType: d, sourceType: v, bindingTargetId: g, sourceElement: C } = p, { schemaService: B, formSchemaUtils: A } = e, L = A.getViewModelIdByComponentId((O = (P = n.componentInstance) == null ? void 0 : P.value) == null ? void 0 : O.belongedComponentId), x = A.getViewModelById(L);
-    if ([D["response-layout"].type, D["query-solution"].type, D.fieldset.type].includes(d) || (R = t.contents) != null && R.length)
+    var O, P, $;
+    const { componentType: d, sourceType: v, bindingTargetId: g, sourceElement: C } = p, { schemaService: B, formSchemaUtils: A } = e, L = A.getViewModelIdByComponentId((P = (O = n.componentInstance) == null ? void 0 : O.value) == null ? void 0 : P.belongedComponentId), x = A.getViewModelById(L);
+    if ([D["response-layout"].type, D["query-solution"].type, D.fieldset.type].includes(d) || ($ = t.contents) != null && $.length)
       return !1;
     if (v === "field") {
       const X = B.getFieldByIDAndVMID(g, L);
@@ -5780,9 +5780,9 @@ function br(n, e) {
         return !1;
     }
     if (C && C.componentInstance) {
-      const { componentInstance: X } = C, E = A.getViewModelIdByComponentId(X.value.belongedComponentId);
-      if (E !== L && d === "form-group")
-        return A.getViewModelById(E).bindTo === x.bindTo;
+      const { componentInstance: X } = C, S = A.getViewModelIdByComponentId(X.value.belongedComponentId);
+      if (S !== L && d === "form-group")
+        return A.getViewModelById(S).bindTo === x.bindTo;
     }
     return !0;
   }
@@ -5846,14 +5846,14 @@ const Cr = /* @__PURE__ */ Ee({
     const t = M(), o = st("design-item-context"), i = st("designer-host-service"), a = br(o, i), r = yn(t, o, a);
     return et(() => {
       t.value.componentInstance = r;
-    }), e.expose(r.value), () => F("div", {
+    }), e.expose(r.value), () => E("div", {
       ref: t,
       class: n.customClass,
       style: "padding-right:8px;display:inherit;flex:1;",
       "data-dragref": `${o.schema.id}-container`
     }, [e.slots.default && e.slots.default()]);
   }
-}), wr = "https://json-schema.org/draft/2020-12/schema", Tr = "https://farris-design.gitee.io/response-layout-splitter.schema.json", xr = "response-layout-splitter", Ir = "A Splitter Editor for Response Layout", Mr = "object", Sr = {
+}), wr = "https://json-schema.org/draft/2020-12/schema", Tr = "https://farris-design.gitee.io/response-layout-splitter.schema.json", xr = "response-layout-splitter", Ir = "A Splitter Editor for Response Layout", Sr = "object", Mr = {
   id: {
     description: "The unique identifier for response layout splitter editor",
     type: "string"
@@ -5876,12 +5876,12 @@ const Cr = /* @__PURE__ */ Ee({
   $id: Tr,
   title: xr,
   description: Ir,
-  type: Mr,
-  properties: Sr,
+  type: Sr,
+  properties: Mr,
   required: Fr
-}, Mn = {
+}, Sn = {
   layout: { type: Array }
-}, Br = He(Mn, Er);
+}, Br = He(Sn, Er);
 function kr(n, e) {
   const t = st("FMessageBoxService"), o = [
     "12",
@@ -5956,9 +5956,9 @@ function kr(n, e) {
     onSelectColumnLayout: m
   };
 }
-const Or = /* @__PURE__ */ Ee({
+const Pr = /* @__PURE__ */ Ee({
   name: "FResponseLayoutSplitter",
-  props: Mn,
+  props: Sn,
   emits: ["change"],
   setup(n, e) {
     const {
@@ -5972,53 +5972,53 @@ const Or = /* @__PURE__ */ Ee({
       active: i.value === s
     }));
     function c() {
-      return F("ul", {
+      return E("ul", {
         class: "columns-layout-list"
-      }, [t.map((s, f) => F("li", {
+      }, [t.map((s, f) => E("li", {
         class: u.value(s),
         onClick: () => r(s)
-      }, [F("div", {
+      }, [E("div", {
         class: "columns-layout-icon d-flex"
-      }, [o.value[f].map((l) => F("div", {
+      }, [o.value[f].map((l) => E("div", {
         class: {
           "columns-layout-item": !0,
           [l]: !0
         }
-      }, [ft(" ")]))])])), a.value ? "" : F("li", {
+      }, [ft(" ")]))])])), a.value ? "" : E("li", {
         class: "columns-layout-option active",
         title: "自定义布局"
-      }, [F("div", {
+      }, [E("div", {
         class: "columns-layout-icon icon-custom"
       }, [ft(" ")])])]);
     }
-    return () => F("div", {
+    return () => E("div", {
       class: "columns-layout"
-    }, [c(), a.value ? F("div", {
+    }, [c(), a.value ? E("div", {
       class: "farris-group-wrap mt-2"
-    }, [F("div", {
+    }, [E("div", {
       class: "form-group farris-form-group d-flex"
-    }, [F("label", {
+    }, [E("label", {
       class: "col-form-label mb-0",
       style: "width: 89px;"
-    }, [F("div", {
+    }, [E("div", {
       class: "wrap"
-    }, [F("span", {
+    }, [E("span", {
       class: "farris-label-text"
-    }, [ft(" 布局比例 ")])])]), F("div", {
+    }, [ft(" 布局比例 ")])])]), E("div", {
       class: "farris-input-wrap"
-    }, [F("input", {
+    }, [E("input", {
       type: "input",
       class: "form-control form-control-sm",
       value: i.value,
       readonly: !0
     }, null)])])]) : ""]);
   }
-}), pl = {
+}), hl = {
   install(n) {
     n.component(Nt.name, Nt).component(Lt.name, Lt);
   },
   register(n, e, t, o) {
-    n["response-layout"] = Nt, n["response-layout-item"] = Lt, e["response-layout"] = Zt, e["response-layout-item"] = Kt, n["response-layout-splitter"] = Or, e["response-layout-splitter"] = Br;
+    n["response-layout"] = Nt, n["response-layout-item"] = Lt, e["response-layout"] = Zt, e["response-layout-item"] = Kt, n["response-layout-splitter"] = Pr, e["response-layout-splitter"] = Br;
   },
   registerDesigner(n, e, t) {
     n["response-layout"] = Ei, n["response-layout-item"] = Cr, e["response-layout"] = Zt, e["response-layout-item"] = Kt;
@@ -6027,8 +6027,8 @@ const Or = /* @__PURE__ */ Ee({
 export {
   Nt as FResponseLayout,
   Lt as FResponseLayoutItem,
-  Or as FResponseLayoutSplitter,
-  pl as default,
+  Pr as FResponseLayoutSplitter,
+  hl as default,
   At as responseLayoutProps,
   Zt as responseLayoutPropsResolver
 };