@farris/ui-vue 1.4.0 → 1.4.1

package/components/tree-grid/index.esm.js

@@ -1,9 +1,9 @@
 var Vn = Object.defineProperty;
 var Dn = (e, t, n) => t in e ? Vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Q = (e, t, n) => Dn(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as O, watch as be, createVNode as V, resolveComponent as Nn, createTextVNode as ft, computed as H, defineComponent as qe, Fragment as _t, reactive as it, createApp as Zt, onUnmounted as Et, onMounted as gt, Transition as en, mergeProps as pt, onBeforeUnmount as tn, withDirectives as Rn, resolveDirective as $n, inject as yt, provide as Pn, isVNode as jn, Teleport as Hn, shallowRef as Wn, nextTick as zt, render as Dt, h as Ln, cloneVNode as An } from "vue";
+import { ref as k, watch as ge, createVNode as V, resolveComponent as Nn, createTextVNode as ft, computed as H, defineComponent as qe, Fragment as _t, reactive as it, createApp as Zt, onUnmounted as Et, onMounted as gt, Transition as en, mergeProps as pt, onBeforeUnmount as tn, withDirectives as Rn, resolveDirective as $n, inject as yt, provide as Pn, isVNode as jn, Teleport as Hn, shallowRef as Wn, nextTick as zt, render as Dt, h as Ln, cloneVNode as An } from "vue";
 import { useResizeObserver as nn } from "@vueuse/core";
-import { isPlainObject as Xt, cloneDeep as at, throttle as zn, isUndefined as Gn } from "lodash-es";
+import { isPlainObject as Xt, cloneDeep as ct, throttle as zn, isUndefined as Gn } from "lodash-es";
 import { useIdentify as qn, useGroupData as Un, useFilter as Yn, useHierarchy as Xn, useLoading as Kn, useDataView as Qn, useSelection as Jn, useSelectHierarchyItem as Zn, useDataViewContainerStyle as eo, useCommandColumn as to, useColumn as no, useSort as oo, useGroupColumn as ro, useRow as io, useEdit as ao, useVisualDataBound as lo, useVisualDataCell as so, useVisualDataRow as uo, useVisualData as co, useCellPosition as fo, useSidebar as po, useVirtualScroll as mo, useFitColumn as vo, useFilterHistory as ho, useColumnFilter as go, useDragColumn as yo, getColumnHeader as bo, getSidebar as wo, getDisableMask as Co, getHorizontalScrollbar as _o, getVerticalScrollbar as So, getEmpty as xo } from "../data-view/index.esm.js";
 import "../modal/index.esm.js";
 import To from "../transfer/index.esm.js";
@@ -74,7 +74,7 @@ import Nr from "../event-parameter/index.esm.js";
 import { createPropsResolver as Rr } from "../dynamic-resolver/index.esm.js";
 const on = {}, rn = {};
 function Gt(e) {
-  const { properties: t, title: n, ignore: o } = e, r = o && Array.isArray(o), i = Object.keys(t).reduce((a, u) => ((!r || !o.find((s) => s === u)) && (a[u] = t[u].type === "object" && t[u].properties ? Gt(t[u]) : at(t[u].default)), a), {});
+  const { properties: t, title: n, ignore: o } = e, r = o && Array.isArray(o), i = Object.keys(t).reduce((a, u) => ((!r || !o.find((s) => s === u)) && (a[u] = t[u].type === "object" && t[u].properties ? Gt(t[u]) : ct(t[u].default)), a), {});
   if (n && (!r || !o.find((a) => a === "id"))) {
     const a = n.toLowerCase().replace(/-/g, "_");
     i.id = `${a}_${Math.random().toString().slice(2, 6)}`;
@@ -84,7 +84,7 @@ function Gt(e) {
 function $r(e) {
   const { properties: t, title: n, required: o } = e;
   if (o && Array.isArray(o)) {
-    const r = o.reduce((i, a) => (i[a] = t[a].type === "object" && t[a].properties ? Gt(t[a]) : at(t[a].default), i), {});
+    const r = o.reduce((i, a) => (i[a] = t[a].type === "object" && t[a].properties ? Gt(t[a]) : ct(t[a].default), i), {});
     if (n && o.find((i) => i === "id")) {
       const i = n.toLowerCase().replace(/-/g, "_");
       r.id = `${i}_${Math.random().toString().slice(2, 6)}`;
@@ -128,55 +128,55 @@ function Hr(e, t, n = /* @__PURE__ */ new Map()) {
   return jr(o, n);
 }
 function Wr(e = {}) {
-  function t(f, c, d, v) {
-    if (typeof d == "number")
-      return v[f].length === d;
-    if (typeof d == "object") {
-      const w = Object.keys(d)[0], T = d[w];
+  function t(d, c, f, v) {
+    if (typeof f == "number")
+      return v[d].length === f;
+    if (typeof f == "object") {
+      const w = Object.keys(f)[0], T = f[w];
       if (w === "not")
-        return Number(v[f].length) !== Number(T);
+        return Number(v[d].length) !== Number(T);
       if (w === "moreThan")
-        return Number(v[f].length) >= Number(T);
+        return Number(v[d].length) >= Number(T);
       if (w === "lessThan")
-        return Number(v[f].length) <= Number(T);
+        return Number(v[d].length) <= Number(T);
     }
     return !1;
   }
-  function n(f, c, d, v) {
-    return v[f] && v[f].propertyValue && String(v[f].propertyValue.value) === String(d);
+  function n(d, c, f, v) {
+    return v[d] && v[d].propertyValue && String(v[d].propertyValue.value) === String(f);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((f, c) => (f.set(c, e[c]), f), o);
-  function r(f, c) {
-    const d = f;
-    return typeof c == "number" ? [{ target: d, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: d, operator: "getProperty", param: f, value: !!c }] : typeof c == "object" ? Object.keys(c).map((v) => {
+  Object.keys(e).reduce((d, c) => (d.set(c, e[c]), d), o);
+  function r(d, c) {
+    const f = d;
+    return typeof c == "number" ? [{ target: f, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: f, operator: "getProperty", param: d, value: !!c }] : typeof c == "object" ? Object.keys(c).map((v) => {
       if (v === "length")
-        return { target: d, operator: "length", param: null, value: c[v] };
+        return { target: f, operator: "length", param: null, value: c[v] };
       const w = v, T = c[v];
-      return { target: d, operator: "getProperty", param: w, value: T };
+      return { target: f, operator: "getProperty", param: w, value: T };
     }) : [];
   }
-  function i(f) {
-    return Object.keys(f).reduce((d, v) => {
-      const w = r(v, f[v]);
-      return d.push(...w), d;
+  function i(d) {
+    return Object.keys(d).reduce((f, v) => {
+      const w = r(v, d[v]);
+      return f.push(...w), f;
     }, []);
   }
-  function a(f, c) {
-    if (o.has(f.operator)) {
-      const d = o.get(f.operator);
-      return d && d(f.target, f.param, f.value, c) || !1;
+  function a(d, c) {
+    if (o.has(d.operator)) {
+      const f = o.get(d.operator);
+      return f && f(d.target, d.param, d.value, c) || !1;
     }
     return !1;
   }
-  function u(f, c) {
-    return i(f).reduce((w, T) => w && a(T, c), !0);
+  function u(d, c) {
+    return i(d).reduce((w, T) => w && a(T, c), !0);
   }
-  function s(f, c) {
-    const d = Object.keys(f), v = d.includes("allOf"), w = d.includes("anyOf"), T = v || w, m = (T ? f[T ? v ? "allOf" : "anyOf" : "allOf"] : [f]).map((E) => u(E, c));
+  function s(d, c) {
+    const f = Object.keys(d), v = f.includes("allOf"), w = f.includes("anyOf"), T = v || w, m = (T ? d[T ? v ? "allOf" : "anyOf" : "allOf"] : [d]).map((E) => u(E, c));
     return v ? !m.includes(!1) : m.includes(!0);
   }
   return { parseValueSchema: s };
@@ -223,9 +223,9 @@ const ae = {
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
 }, Lr = {}, Ar = {};
 Wr();
-function mt(e, t, n = /* @__PURE__ */ new Map(), o = (a, u, s, f) => u, r = {}, i = (a) => a) {
+function mt(e, t, n = /* @__PURE__ */ new Map(), o = (a, u, s, d) => u, r = {}, i = (a) => a) {
   return on[t.title] = t, rn[t.title] = o, Lr[t.title] = r, Ar[t.title] = i, (a = {}) => {
-    const u = Hr(a, t, n), s = Object.keys(e).reduce((f, c) => (f[c] = e[c].default, f), {});
+    const u = Hr(a, t, n), s = Object.keys(e).reduce((d, c) => (d[c] = e[c].default, d), {});
     return Object.assign(s, u);
   };
 }
@@ -263,13 +263,13 @@ const ln = /* @__PURE__ */ new Map([
   ["column", "columnOption"]
 ]);
 function Ur(e, t, n) {
-  var d;
-  const o = n.parentComponentInstance, r = o.schema.type, i = String(((d = o.schema.appearance) == null ? void 0 : d.class) || "").split(" "), a = r === "section" || r === "tab-page", u = i.includes("f-page-content-nav"), s = i.includes("f-page-main"), f = e.getSchemaByType("component");
-  f.id = `${t.id}-component`, f.componentType = "data-grid";
+  var f;
+  const o = n.parentComponentInstance, r = o.schema.type, i = String(((f = o.schema.appearance) == null ? void 0 : f.class) || "").split(" "), a = r === "section" || r === "tab-page", u = i.includes("f-page-content-nav"), s = i.includes("f-page-main"), d = e.getSchemaByType("component");
+  d.id = `${t.id}-component`, d.componentType = "data-grid";
   let c = "";
-  return c += a ? "f-struct-data-grid-in-card f-struct-is-subgrid" : "", c += u ? "f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column" : "", c += s ? "f-struct-data-grid f-struct-wrapper" : "", f.appearance = {
+  return c += a ? "f-struct-data-grid-in-card f-struct-is-subgrid" : "", c += u ? "f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column" : "", c += s ? "f-struct-data-grid f-struct-wrapper" : "", d.appearance = {
     class: c
-  }, f.contents = [t], f;
+  }, d.contents = [t], d;
 }
 function Yr(e, t, n) {
   const o = n.parentComponentInstance, r = String(o.schema.appearance.class || "").split(" "), i = r.includes("f-page-content-nav"), a = r.includes("f-page-main"), u = e.getSchemaByType("section");
@@ -1317,7 +1317,7 @@ const Kr = "https://json-schema.org/draft/2020-12/schema", Qr = "https://farris-
 var Ge = /* @__PURE__ */ ((e) => (e[e.readonly = 0] = "readonly", e[e.editable = 1] = "editable", e[e.editing = 2] = "editing", e))(Ge || {}), et = /* @__PURE__ */ ((e) => (e[e.initial = 0] = "initial", e[e.editing = 1] = "editing", e))(et || {}), bt = /* @__PURE__ */ ((e) => (e[e.data = 0] = "data", e[e.group = 1] = "group", e[e.summary = 2] = "summary", e))(bt || {}), Me = /* @__PURE__ */ ((e) => (e[e.none = 0] = "none", e[e.filterable = 1] = "filterable", e[e.sortable = 2] = "sortable", e[e.filtered = 4] = "filtered", e[e.sorted = 8] = "sorted", e[e.ascending = 16] = "ascending", e[e.descending = 32] = "descending", e))(Me || {}), Ht = /* @__PURE__ */ ((e) => (e.NONE = "none", e.NUMBER = "number", e.DATE = "date", e.TEXT = "boolean", e.IMAGE = "boolean2", e.ENUM = "enum", e.CUSTOM = "custom", e))(Ht || {});
 function si(e, t) {
   var w;
-  const n = String(Date.now()), o = ((w = e.rowOption) == null ? void 0 : w.height) || 28, r = O(t.value.primaryColumnsWidth);
+  const n = String(Date.now()), o = ((w = e.rowOption) == null ? void 0 : w.height) || 28, r = k(t.value.primaryColumnsWidth);
   function i(T) {
     const R = {};
     return T.reduce(
@@ -1352,7 +1352,7 @@ function si(e, t) {
       width: isNaN(Number(R[T.field].width)) ? "100%" : `${R[T.field].width}px`
     };
   }
-  function f(T, R, I) {
+  function d(T, R, I) {
     const y = (R.spanned || []).reduce((p, _) => p + (_.parent.height || 0), 0) + (T.height || 0);
     return {
       top: `${T.top}px`,
@@ -1367,7 +1367,7 @@ function si(e, t) {
   function c(T, R) {
     return `${n}_${T.type}_r_${T.index}_c_${R}_${T.refreshKey || ""}`;
   }
-  function d(T) {
+  function f(T) {
     return `${n}_${T.type}_r_${T.index}_${T.refreshKey || ""}`;
   }
   function v(T) {
@@ -1378,43 +1378,43 @@ function si(e, t) {
       height: `${R}`
     };
   }
-  return be(t, () => {
+  return ge(t, () => {
     r.value = t.value.primaryColumnsWidth;
   }), {
     calculateCellPositionInRow: i,
     cellKey: c,
     cellPosition: s,
     groupCellPosition: a,
-    rowKey: d,
+    rowKey: f,
     rowPosition: v,
-    rowSpanCellPosition: f,
+    rowSpanCellPosition: d,
     summaryCellPosition: u
   };
 }
 function ui(e, t, n) {
-  const { hasChildrenField: o } = n, r = O("#9399a0"), i = O(28);
+  const { hasChildrenField: o } = n, r = k("#9399a0"), i = k(28);
   function a() {
     return [].concat(
       ...t.value.filter((v) => v.raw.__fv_descendant_index__.length !== 0).map((v) => [...v.raw.__fv_descendant_index__.slice(-1)]).flat()
     ).sort((v, w) => Number(v) - Number(w));
   }
   function u(c) {
-    const d = new Array(t.value.length).fill(0);
+    const f = new Array(t.value.length).fill(0);
     if (e.showLines) {
       const v = a();
       t.value.forEach((w, T) => {
         const R = v.includes(T), I = w.raw[o.value];
-        d[T] = `repeating-linear-gradient(90deg, ${r.value} 0 1px, transparent 0px 2px) ${I ? "-10px" : "0px"} ${i.value / 2}px/20px 1px no-repeat,repeating-linear-gradient(${r.value} 0 1px, transparent 0px 2px) 0px 0px/1px ${R ? "50%" : "100%"} no-repeat`;
-      }), d[0] = "";
+        f[T] = `repeating-linear-gradient(90deg, ${r.value} 0 1px, transparent 0px 2px) ${I ? "-10px" : "0px"} ${i.value / 2}px/20px 1px no-repeat,repeating-linear-gradient(${r.value} 0 1px, transparent 0px 2px) 0px 0px/1px ${R ? "50%" : "100%"} no-repeat`;
+      }), f[0] = "";
     }
-    return d[c];
+    return f[c];
   }
-  function s(c, d, v) {
+  function s(c, f, v) {
     return v[c].parents.set(c, !0).forEach((T) => {
-      v[T].childsLength = v[T].childWithLines.filter((R) => d[R].visible).length;
-    }), d;
+      v[T].childsLength = v[T].childWithLines.filter((R) => f[R].visible).length;
+    }), f;
   }
-  function f(c) {
+  function d(c) {
     const w = c.raw.__fv_parent_index__ === void 0 || c.raw.__fv_parent_index__ === -1 ? 0 : 8, T = 0, R = c.raw[o.value], I = c.visible ? {
       left: `${c.layer * 10 + c.layer * w + T}px`,
       // paddingBottom: handlePaddingBottomReturnValue(visualTreeNode.index),
@@ -1428,10 +1428,10 @@ function ui(e, t, n) {
     };
     return R || (I.paddingLeft = "2rem"), I;
   }
-  return { hierarchyCellContentStyle: f, handleCollapsedPaddingBottom: s };
+  return { hierarchyCellContentStyle: d, handleCollapsedPaddingBottom: s };
 }
 function ci(e, t, n) {
-  const o = O(e.iconField);
+  const o = k(e.iconField);
   function r(i, a) {
     if (o.value)
       return i.raw[e.iconField];
@@ -1441,7 +1441,7 @@ function ci(e, t, n) {
   return { treeNodeIconsClass: r };
 }
 function di(e, t, n, o, r, i, a, u) {
-  const { dataView: s, fold: f, hasRealChildren: c, unFold: d, reOrderVisibleIndex: v } = o, { collapseField: w, hasChildrenField: T } = r, { reCalculateVisualDataRows: R, updateVirticalScroll: I } = i;
+  const { dataView: s, fold: d, hasRealChildren: c, unFold: f, reOrderVisibleIndex: v } = o, { collapseField: w, hasChildrenField: T } = r, { reCalculateVisualDataRows: R, updateVirticalScroll: I } = i;
   function m(p, _) {
     var x, F;
     const M = _[p], l = M.__fv_parents__ ? (x = M.__fv_parents__) == null ? void 0 : x.size : 0;
@@ -1481,7 +1481,7 @@ function di(e, t, n, o, r, i, a, u) {
   }
   return { toggleTreeNode: E };
 }
-function fi(e, t, n, o, r, i, a, u, s, f, c, d, v) {
+function fi(e, t, n, o, r, i, a, u, s, d, c, f, v) {
   const {
     onClickCell: w
   } = i, {
@@ -1495,8 +1495,8 @@ function fi(e, t, n, o, r, i, a, u, s, f, c, d, v) {
     unSelect: p,
     selectItem: _
   } = s;
-  O(e.cellHeight);
-  const M = O(e.treeNodeIconsData || {}), {
+  k(e.cellHeight);
+  const M = k(e.treeNodeIconsData || {}), {
     hasChildrenField: l,
     shouldShowCheckBox: S,
     shouldShowIcon: x
@@ -1504,9 +1504,9 @@ function fi(e, t, n, o, r, i, a, u, s, f, c, d, v) {
     toggleTreeNode: F
   } = di(e, t, o, r, a, c), {
     toggleSelectHierarchyItem: g
-  } = f, {
+  } = d, {
     cellKey: h,
-    cellPosition: k,
+    cellPosition: O,
     rowKey: C,
     rowPosition: b
   } = si(e, n), {
@@ -1559,7 +1559,7 @@ function fi(e, t, n, o, r, i, a, u, s, f, c, d, v) {
       ref: q.setRef,
       key: h(W, q.index),
       class: "fv-grid-hierarchy-cell",
-      style: k(q, me)
+      style: O(q, me)
     }, [V("div", {
       style: D(W)
     }, [G(W), U(W, q), re(W, q), se(W, q)])]);
@@ -1569,7 +1569,7 @@ function fi(e, t, n, o, r, i, a, u, s, f, c, d, v) {
       ref: q.setRef,
       key: h(W, q.index),
       class: "fv-grid-cell",
-      style: k(q, me),
+      style: O(q, me),
       onClick: (fe) => w(fe, q, W, q.column)
     }, [t.slots.cellTemplate ? t.slots.cellTemplate({
       cell: q,
@@ -1652,14 +1652,14 @@ function mi() {
   };
 }
 function vi(e) {
-  const t = O(e.minHeight), n = O(e.minWidth), o = O(e.height), r = O(e.width), i = H(() => o.value <= 0 ? 0 : Math.max(o.value, t.value)), a = H(() => r.value <= 0 ? 0 : Math.max(r.value, n.value));
-  return be([
+  const t = k(e.minHeight), n = k(e.minWidth), o = k(e.height), r = k(e.width), i = H(() => o.value <= 0 ? 0 : Math.max(o.value, t.value)), a = H(() => r.value <= 0 ? 0 : Math.max(r.value, n.value));
+  return ge([
     () => e.height,
     () => e.width,
     () => e.minHeight,
     () => e.minWidth
-  ], ([s, f, c, d]) => {
-    t.value = Number(c), n.value = Number(d), o.value = Number(s), r.value = Number(f);
+  ], ([s, d, c, f]) => {
+    t.value = Number(c), n.value = Number(f), o.value = Number(s), r.value = Number(d);
   }), { containerStyleObject: H(() => ({
     height: i.value > 0 ? `${i.value}px` : e.fit ? "100%" : "",
     width: a.value > 0 ? `${a.value}px` : e.fit ? "100%" : "",
@@ -1668,7 +1668,7 @@ function vi(e) {
 }
 const hi = "";
 function gi(e) {
-  const o = O({
+  const o = k({
     defaultColumnWidth: 120,
     headerDepth: 1,
     leftColumns: [],
@@ -1704,7 +1704,7 @@ function gi(e) {
       summaryColumns: []
     };
   }
-  const i = O(e.summary), a = H(() => {
+  const i = k(e.summary), a = H(() => {
     const E = i.value;
     return (E == null ? void 0 : E.groupFields) || [];
   });
@@ -1723,8 +1723,8 @@ function gi(e) {
     return a.value && a.value.reduce((_, M) => (_.set(M, !0), _), p), E.reduce((_, M) => (M.visible = M.visible !== !1, M.filter = M.filter || hi, M.fixed === "left" ? (o.value.leftColumns.push(M), o.value.leftColumnsMap.set(M.field, M), o.value.leftColumnsWidth += M.actualWidth) : M.fixed === "right" ? (o.value.rightColumns.push(M), o.value.rightColumnsMap.set(M.field, M), o.value.rightColumnsWidth += M.actualWidth) : (o.value.primaryColumns.push(M), o.value.primaryColumnsMap.set(M.field, M), o.value.primaryColumnsWidth += M.actualWidth), p.has(M.field) && o.value.summaryColumns.push(M), _), o), u(), o;
   }
   s(e.columns);
-  const f = H(() => o.value.leftColumns.length > 0), c = H(() => o.value.rightColumns.length > 0);
-  function d(E, p) {
+  const d = H(() => o.value.leftColumns.length > 0), c = H(() => o.value.rightColumns.length > 0);
+  function f(E, p) {
     return p.sortable && p.sort && p.sort !== "none" && E.push(p), E;
   }
   function v(E, p) {
@@ -1742,7 +1742,7 @@ function gi(e) {
   }
   function I() {
     const E = [];
-    o.value.leftColumns.reduce(d, E), o.value.primaryColumns.reduce(d, E), o.value.rightColumns.reduce(d, E);
+    o.value.leftColumns.reduce(f, E), o.value.primaryColumns.reduce(f, E), o.value.rightColumns.reduce(f, E);
     const p = Math.max(...E.map((_) => _.sortOrder || 0));
     return E.sort(w).map((_) => {
       const M = _.sortOrder || p + 1;
@@ -1769,13 +1769,13 @@ function gi(e) {
     applySortableColumns: m,
     collectionSortableColumns: I,
     columnContext: o,
-    hasLeftFixedColumn: f,
+    hasLeftFixedColumn: d,
     hasRightFixedColumn: c,
     updateColumnRenderContext: s,
     updateColumnSettingIcon: u
   };
 }
-O([{
+k([{
   name: "七天",
   selectable: !0
 }, {
@@ -1789,7 +1789,7 @@ O([{
   selectable: !0
 }]);
 function yi(e) {
-  const n = O(e.commandOption.enable || !1), o = O(e.commandOption.commands || []);
+  const n = k(e.commandOption.enable || !1), o = k(e.commandOption.commands || []);
   function r(i) {
     if (n.value && !(i.value.findIndex((u) => u.dataType === "commands") > -1)) {
       const u = {
@@ -1807,9 +1807,9 @@ function yi(e) {
   return { applyCommands: r };
 }
 function bi(e, t) {
-  var f;
-  const n = O((f = e.columnOption) == null ? void 0 : f.groups);
-  function o(c, d, v, w, T) {
+  var d;
+  const n = k((d = e.columnOption) == null ? void 0 : d.groups);
+  function o(c, f, v, w, T) {
     const R = {
       actualWidth: 0,
       children: [],
@@ -1821,7 +1821,7 @@ function bi(e, t) {
       resizable: !0,
       title: c.title || "",
       status: Me.none,
-      popoverRef: O(),
+      popoverRef: k(),
       showPopover: !1,
       column: null,
       sortType: "none"
@@ -1830,10 +1830,10 @@ function bi(e, t) {
       let m = 1;
       c.group.reduce((y, E) => {
         if (typeof E == "string") {
-          const p = d.get(E);
+          const p = f.get(E);
           p && (T.fieldToRootMap.set(E, I), y.actualWidth += p.actualWidth, y.children.push(p));
         } else {
-          const p = o(E, d, y, I, T);
+          const p = o(E, f, y, I, T);
           m = Math.max(m, p.depth), y.actualWidth += p.actualWidth, y.children.push(p);
         }
         return y;
@@ -1842,38 +1842,38 @@ function bi(e, t) {
     return t.value.headerDepth = Math.max(t.value.headerDepth, R.depth), R;
   }
   function r(c) {
-    const d = {
+    const f = {
       groupedCells: /* @__PURE__ */ new Map(),
       fieldToRootMap: /* @__PURE__ */ new Map()
     };
     return n.value && n.value.reduce((v, w) => {
-      const T = o(w, c, null, null, d);
+      const T = o(w, c, null, null, f);
       return v.groupedCells.set(w.field, T), v;
-    }, d), d;
+    }, f), f;
   }
   function i(c) {
     if (!c || c.length === 0)
       return 0;
-    const d = c[0];
-    return d.children && d.children.length > 0 && (d.left = i(d.children)), d.left;
+    const f = c[0];
+    return f.children && f.children.length > 0 && (f.left = i(f.children)), f.left;
   }
-  function a(c, d) {
+  function a(c, f) {
     const v = t.value.headerDepth;
     c.forEach((w) => {
-      w.layer = d ? d.layer + 1 : 1;
+      w.layer = f ? f.layer + 1 : 1;
       const T = w.children && w.children.length === 0;
       w.depth = T ? v - (w.layer - 1) : 1, w.left = T ? w.left : i(w.children), w.children && a(w.children, w);
     });
   }
-  function u(c, d) {
+  function u(c, f) {
     const v = /* @__PURE__ */ new Map();
     return c.forEach((w) => {
-      const T = d.fieldToRootMap.get(w.field), R = T != null;
+      const T = f.fieldToRootMap.get(w.field), R = T != null;
       R && !v.has(T.field) && v.set(T.field, T), R || v.set(w.field, w);
     }), a(Array.from(v.values())), v;
   }
   function s(c) {
-    let d = /* @__PURE__ */ new Map(), v = 0;
+    let f = /* @__PURE__ */ new Map(), v = 0;
     if (c.reduce((w, T) => {
       let R = Me.none;
       R = T.filterable ? R | Me.filterable : R, R = T.sort && T.sort !== "none" ? R | Me.sorted | (T.sort === "asc" ? Me.ascending : Me.descending) : R;
@@ -1889,24 +1889,24 @@ function bi(e, t) {
         resizable: T.resizable === void 0 ? !0 : T.resizable,
         title: T.title,
         status: R,
-        popoverRef: O(),
+        popoverRef: k(),
         showPopover: !1,
         column: T,
         filterValue: null,
         sortType: T.sort || "none",
         showSetting: T.showSetting
       }), v += T.actualWidth || 0, w;
-    }, d), n.value) {
-      const w = r(d);
-      d = u(d, w);
+    }, f), n.value) {
+      const w = r(f);
+      f = u(f, w);
     }
-    return d;
+    return f;
   }
   return { getGridHeaderCells: s };
 }
 function wi(e, t) {
   var m;
-  const { idField: n } = t, o = O(e.summary), r = O(e.group), i = O(((m = e.group) == null ? void 0 : m.groupFields) || []), a = H(() => {
+  const { idField: n } = t, o = k(e.summary), r = k(e.group), i = k(((m = e.group) == null ? void 0 : m.groupFields) || []), a = H(() => {
     var y;
     return (y = e.group) == null ? void 0 : y.enable;
   }), u = H(() => {
@@ -1915,22 +1915,22 @@ function wi(e, t) {
   }), s = H(() => {
     const y = o.value;
     return (y == null ? void 0 : y.groupFields) || [];
-  }), f = H(() => {
+  }), d = H(() => {
     const y = r.value;
     return y && y.showSummary;
   }), c = /* @__PURE__ */ new Map();
-  let d = [];
+  let f = [];
   function v(y, E, p, _, M) {
     const l = _[p];
     l && (E.reduce((S, x, F) => {
-      var k;
+      var O;
       const g = x[l];
       let h = S.get(g);
       if (!h) {
         const C = s.value.reduce((b, D) => (b.set(D, 0), b), /* @__PURE__ */ new Map());
         h = {
           field: l,
-          title: ((k = M.get(l)) == null ? void 0 : k.title) || l,
+          title: ((O = M.get(l)) == null ? void 0 : O.title) || l,
           value: g,
           layer: p,
           details: [],
@@ -1965,7 +1965,7 @@ function wi(e, t) {
         const l = T(p.nestGroup);
         E.push(...l), M += l.length;
       }
-      if (p.details && p.details.length && (E.push(...p.details), M += p.details.length), f.value) {
+      if (p.details && p.details.length && (E.push(...p.details), M += p.details.length), d.value) {
         const l = {
           __fv_data_grid_group_field__: p.field,
           __fv_data_grid_group_layer__: p.layer,
@@ -1984,7 +1984,7 @@ function wi(e, t) {
     }), E;
   }
   function R(y, E, p) {
-    return !y || y.length === 0 || !E.length ? E : (y.join(","), c.clear(), d = [], E = E.filter((_) => !_.__fv_data_grid_group_row__), v(c, E, 0, y, p), d = T(c), d);
+    return !y || y.length === 0 || !E.length ? E : (y.join(","), c.clear(), f = [], E = E.filter((_) => !_.__fv_data_grid_group_row__), v(c, E, 0, y, p), f = T(c), f);
   }
   function I(y) {
     return {
@@ -1996,62 +1996,62 @@ function wi(e, t) {
   return { collpaseGroupIconClass: I, generateGroupData: R, groupFields: i, shouldGroupingData: a, showGroupPanel: u };
 }
 function Ci(e, t, n, o) {
-  const r = O(!!e.hierarchy), { idField: i } = o, { collapseField: a, hasChildrenField: u, parentIdField: s } = n, f = /* @__PURE__ */ new Map();
-  function c(h, k) {
+  const r = k(!!e.hierarchy), { idField: i } = o, { collapseField: a, hasChildrenField: u, parentIdField: s } = n, d = /* @__PURE__ */ new Map();
+  function c(h, O) {
     const C = /* @__PURE__ */ new Map();
     return h.reduce((b, D) => {
       const B = D[s.value] !== void 0 ? D[s.value] : "";
-      if (B && k.has(B)) {
-        const A = k.get(B);
+      if (B && O.has(B)) {
+        const A = O.get(B);
         D.__fv_parent_index__ = A.__fv_index__, A.__fv_hasChildren__ = !0;
       }
       const $ = b.has(B) ? b.get(B) : [];
       return $.push(D), b.set(B, $), b;
     }, C), C;
   }
-  function d(h) {
-    const k = /* @__PURE__ */ new Map();
+  function f(h) {
+    const O = /* @__PURE__ */ new Map();
     return h.reduce((C, b) => {
       const D = b[i.value];
       return C.set(D, b), C;
-    }, k), k;
+    }, O), O;
   }
   function v(h) {
-    h.forEach((k) => {
-      const C = k[i.value];
-      k.__fv_children_index__.map((D) => h[D]).forEach((D) => {
+    h.forEach((O) => {
+      const C = O[i.value];
+      O.__fv_children_index__.map((D) => h[D]).forEach((D) => {
         D.__fv_parents__ = new Map([
-          ...k.__fv_parents__.entries(),
+          ...O.__fv_parents__.entries(),
           [C, !0]
         ]);
       });
     });
   }
   function w(h) {
-    h.forEach((k) => {
-      const C = new Set(k.__fv_children_index__);
-      k.__fv_children_index__ = [...C].sort((b, D) => b - D);
+    h.forEach((O) => {
+      const C = new Set(O.__fv_children_index__);
+      O.__fv_children_index__ = [...C].sort((b, D) => b - D);
     });
   }
-  function T(h, k) {
+  function T(h, O) {
     h.forEach((C) => {
       const b = C.__fv_parents__;
-      Array.from(b.keys()).map((D) => k.get(D)).forEach((D) => {
+      Array.from(b.keys()).map((D) => O.get(D)).forEach((D) => {
         D.__fv_children_index__.push(C.__fv_index__);
       });
     }), w(h);
   }
   function R(h) {
-    h.forEach((k) => {
-      k.__fv_child_with_lines__ = [], k.__fv_child_length__ = k.__fv_descendant_index__.length, k.__fv_descendant_index__.map((C) => h[C]).reduce((C, b) => (C.__fv_child_length__ += b.__fv_children_index__.length, C.__fv_child_with_lines__.push(...b.__fv_children_index__, b.__fv_index__), C), k);
+    h.forEach((O) => {
+      O.__fv_child_with_lines__ = [], O.__fv_child_length__ = O.__fv_descendant_index__.length, O.__fv_descendant_index__.map((C) => h[C]).reduce((C, b) => (C.__fv_child_length__ += b.__fv_children_index__.length, C.__fv_child_with_lines__.push(...b.__fv_children_index__, b.__fv_index__), C), O);
     });
   }
-  function I(h, k) {
-    return { id: h, index: k, parentId: "", parentIndex: -1, parents: /* @__PURE__ */ new Map(), children: /* @__PURE__ */ new Map(), descendant: /* @__PURE__ */ new Map() };
+  function I(h, O) {
+    return { id: h, index: O, parentId: "", parentIndex: -1, parents: /* @__PURE__ */ new Map(), children: /* @__PURE__ */ new Map(), descendant: /* @__PURE__ */ new Map() };
   }
-  function m(h, k) {
-    Array.from(k.keys()).forEach((C) => {
-      k.get(C).reduce((D, B) => {
+  function m(h, O) {
+    Array.from(O.keys()).forEach((C) => {
+      O.get(C).reduce((D, B) => {
         const $ = B[i.value], A = h.get(B[i.value]), G = h.get(C);
         return G && (G.children.set($, A), G.children.set($, A), A.parentId = C, A.parentIndex = G.index, A.parents.set(C, G)), D;
       }, h);
@@ -2065,29 +2065,29 @@ function Ci(e, t, n, o) {
       ]), y(C);
     });
   }
-  function E(h, k) {
+  function E(h, O) {
     h.filter((C) => C[s.value] === void 0 || C[s.value] === "").forEach((C) => {
-      const b = C[i.value], D = k.get(b);
+      const b = C[i.value], D = O.get(b);
       y(D);
     });
   }
   function p(h) {
-    Array.from(h.values()).forEach((k) => {
-      Array.from(k.parents.values()).forEach((C) => {
-        C.descendant.set(k.id, k);
+    Array.from(h.values()).forEach((O) => {
+      Array.from(O.parents.values()).forEach((C) => {
+        C.descendant.set(O.id, O);
       });
     });
   }
   function _(h) {
-    f.clear(), h.forEach((b, D) => {
+    d.clear(), h.forEach((b, D) => {
       const B = b[i.value];
-      f.set(B, I(B, D));
+      d.set(B, I(B, D));
     });
-    const k = d(h), C = c(h, k);
-    return m(f, C), E(h, f), p(f), f;
+    const O = f(h), C = c(h, O);
+    return m(d, C), E(h, d), p(d), d;
   }
   function M(h) {
-    const k = h[i.value], C = f.get(k);
+    const O = h[i.value], C = d.get(O);
     return C && C.children.size > 0;
   }
   function l(h) {
@@ -2095,17 +2095,17 @@ function Ci(e, t, n, o) {
   }
   function S(h) {
     _(t.value);
-    const k = d(h), C = c(h, k);
+    const O = f(h), C = c(h, O);
     return h.forEach((b, D) => {
       var G;
       const B = b[i.value], $ = C.has(B) ? (G = C.get(B)) == null ? void 0 : G.map((U) => U.__fv_index__) : [], A = I(B, D);
       b.__fv_graph_node__ = A, b.__fv_children_index__ = $, b.__fv_descendant_index__ = [...$], b.__fv_parents__ = /* @__PURE__ */ new Map(), l(b) && (b[a.value] = !0);
-    }), v(h), T(h, k), e.showLines && R(h), h;
+    }), v(h), T(h, O), e.showLines && R(h), h;
   }
-  function x(h, k, C) {
-    const D = C.value[h][i.value], B = f.get(D);
+  function x(h, O, C) {
+    const D = C.value[h][i.value], B = d.get(D);
     if (B) {
-      const $ = f.get(B.parentId);
+      const $ = d.get(B.parentId);
       let A = C.value.length - 1;
       if ($) {
         const G = Array.from($.children.keys()).indexOf(B.id);
@@ -2116,26 +2116,26 @@ function Ci(e, t, n, o) {
           const J = Array.from($.children.values())[G + 1];
           A = C.value.findIndex((se) => se[i.value] === J.id);
         }
-        k[u.value] = !1, k[s.value] = $.id, C.value.splice(A, 0, k);
+        O[u.value] = !1, O[s.value] = $.id, C.value.splice(A, 0, O);
       }
     }
   }
-  function F(h, k, C) {
+  function F(h, O, C) {
     const b = C.value[h], D = b[i.value];
-    if (f.get(D)) {
+    if (d.get(D)) {
       const A = C.value.findIndex((G) => G[i.value] === D) + 1;
-      b[u.value] = !0, b[a.value] = !1, k[u.value] = !1, k[s.value] = D, C.value.splice(A, 0, k);
+      b[u.value] = !0, b[a.value] = !1, O[u.value] = !1, O[s.value] = D, C.value.splice(A, 0, O);
     }
   }
-  function g(h, k) {
-    const C = h[i.value], b = f.get(C), D = Array.from(b.descendant.keys());
+  function g(h, O) {
+    const C = h[i.value], b = d.get(C), D = Array.from(b.descendant.keys());
     D.unshift(C);
-    const B = f.get(b.parentId);
+    const B = d.get(b.parentId);
     if (B && (B.children.delete(C), B.children.size === 0)) {
-      const A = k.find((G) => G[i.value] === b.parentId);
+      const A = O.find((G) => G[i.value] === b.parentId);
       A[u.value] = !1, A[a.value] = !1;
     }
-    return k.filter((A) => D.indexOf(A.id) === -1);
+    return O.filter((A) => D.indexOf(A.id) === -1);
   }
   return { generateHierarchyData: S, hasRealChildren: M, insertSibling: x, insertChild: F, shouldStratifyData: r, trimmedOriginalData: g };
 }
@@ -2160,7 +2160,7 @@ const _i = {
   props: Si,
   emits: ["close", "click"],
   setup: (e, t) => {
-    const n = O(e.animate), o = "fadeOut", r = H(() => e.options), i = O(!1), a = H(() => {
+    const n = k(e.animate), o = "fadeOut", r = H(() => e.options), i = k(!1), a = H(() => {
       const m = {
         animated: i.value,
         toast: !0
@@ -2171,7 +2171,7 @@ const _i = {
         "f-icon": !0
       };
       return p[E] = !0, p;
-    }), s = H(() => r.value.title || r.value.message), f = H(() => r.value.title && r.value.message), c = H(() => !r.value.title && r.value.message), d = H(() => e.showCloseButton), v = H(() => !!r.value.buttons || !!t.slots.default);
+    }), s = H(() => r.value.title || r.value.message), d = H(() => r.value.title && r.value.message), c = H(() => !r.value.title && r.value.message), f = H(() => e.showCloseButton), v = H(() => !!r.value.buttons || !!t.slots.default);
     function w(m) {
       m.stopPropagation(), m.preventDefault(), i.value = !1, setTimeout(() => {
         t.emit("close", r.value);
@@ -2182,7 +2182,7 @@ const _i = {
     function R(m) {
       return `f-preten-link ${m.customClass ? m.customClass : ""}`;
     }
-    be(n, () => {
+    ge(n, () => {
       n.value;
     });
     const I = () => {
@@ -2196,7 +2196,7 @@ const _i = {
     };
     return () => V("div", {
       class: a.value
-    }, [d.value && V("button", {
+    }, [f.value && V("button", {
       title: "close",
       class: "toast-close f-btn-icon f-bare",
       onClick: w
@@ -2210,7 +2210,7 @@ const _i = {
       class: u.value
     }, null)]), V("div", {
       class: "modal-tips-content"
-    }, [f.value && V(_t, null, [V("h5", {
+    }, [d.value && V(_t, null, [V("h5", {
       class: "toast-title modal-tips-title",
       innerHTML: r.value.title
     }, null), V("p", {
@@ -2240,7 +2240,7 @@ const _i = {
       right: 12,
       top: 20,
       bottom: 12
-    }, r = O(), i = O(e.options), a = O(e.showCloseButton), u = H(() => e.position || "bottom-right"), s = H(() => e.timeout != null ? e.timeout : 3e3), f = H(() => {
+    }, r = k(), i = k(e.options), a = k(e.showCloseButton), u = H(() => e.position || "bottom-right"), s = H(() => e.timeout != null ? e.timeout : 3e3), d = H(() => {
       const v = e.bottom ? e.bottom : o.bottom, w = e.top ? e.top : o.top, T = {
         transition: "all 0.2s ease",
         left: u.value.indexOf("left") > -1 ? `${e.left ? e.left : o.left}px` : "",
@@ -2260,18 +2260,18 @@ const _i = {
       container: r,
       notifyPosition: u
     });
-    function d(v, w) {
+    function f(v, w) {
       c();
     }
     return () => V("div", {
       class: n.value,
-      style: f.value,
+      style: d.value,
       ref: r
     }, [V(Wt, {
       options: i.value,
       showCloseButton: a.value,
       animate: e.animate,
-      onClose: (v) => d(v, i.value)
+      onClose: (v) => f(v, i.value)
     }, null)]);
   }
 });
@@ -2291,17 +2291,17 @@ class dn {
     i.style.display = "contents";
     const a = Zt({
       setup() {
-        const u = O();
+        const u = k();
         function s() {
           u.value.container.style.transform = "scale(0)", setTimeout(() => {
             n.updateNotifyPositionForClose(r, u), a.unmount();
           }, 220);
         }
         if (r.position.indexOf("top") > -1) {
-          const f = n.getNotifyInstances(r.position), c = f[f.length - 1];
+          const d = n.getNotifyInstances(r.position), c = d[d.length - 1];
           if (c) {
-            const d = c.value.container.getBoundingClientRect();
-            r.top = d.bottom;
+            const f = c.value.container.getBoundingClientRect();
+            r.top = f.bottom;
           }
         }
         return Et(() => {
@@ -2352,14 +2352,14 @@ class dn {
   buildNotifyProps(t, n) {
     let o = "", r = "", i, a, u;
     typeof n == "string" ? o = n : n && (o = n.message || "", r = n.title || "", a = n.position || null, u = n.showCloseButton != null ? n.showCloseButton : null, i = n.timeout != null ? n.timeout : null);
-    const f = {
+    const d = {
       options: {
         type: t,
         message: o,
         title: r
       }
     };
-    return a != null && (f.position = a), u != null && (f.showCloseButton = u), i != null && (f.timeout = i), f;
+    return a != null && (d.position = a), u != null && (d.showCloseButton = u), i != null && (d.timeout = i), d;
   }
   info(t) {
     const n = this.buildNotifyProps("info", t);
@@ -2394,31 +2394,31 @@ xt.install = (e) => {
 };
 function Ti(e, t, n, o, r) {
   var ot;
-  const i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), c = O([]), d = O([]), v = wi(e, r), { generateGroupData: w, groupFields: T, shouldGroupingData: R } = v, I = O(e.data), m = Ci(e, I, o, r), {
+  const i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), c = k([]), f = k([]), v = wi(e, r), { generateGroupData: w, groupFields: T, shouldGroupingData: R } = v, I = k(e.data), m = Ci(e, I, o, r), {
     generateHierarchyData: y,
     hasRealChildren: E,
     insertSibling: p,
     insertChild: _,
     shouldStratifyData: M,
     trimmedOriginalData: l
-  } = m, { idField: S, reviseIdentifyField: x } = r, F = O(e.newDataItem), g = O(e.data || []), h = O(e.data), { flatTreeData: k } = Ql(e);
+  } = m, { idField: S, reviseIdentifyField: x } = r, F = k(e.newDataItem), g = k(e.data || []), h = k(e.data), { flatTreeData: O } = Ql(e);
   function C(N) {
-    return k(N);
+    return O(N);
   }
   if (e.data && ((ot = e.data[0]) != null && ot.children)) {
     const N = C(e.data);
     I.value = N, g.value = N, h.value = N;
   }
-  const b = O(e.summary), D = H(() => {
+  const b = k(e.summary), D = H(() => {
     const N = b.value;
     return (N == null ? void 0 : N.groupFields) || [];
   });
   let B = /* @__PURE__ */ new Map();
-  const $ = O(g.value.length), A = O(e.pagination);
+  const $ = k(g.value.length), A = k(e.pagination);
   function G() {
     return A.value && A.value.enable && A.value.size > 0 ? A.value.size : g.value.length;
   }
-  const U = O(1), J = H(() => A.value && A.value.enable && A.value.mode === "client"), re = new dn();
+  const U = k(1), J = H(() => A.value && A.value.enable && A.value.mode === "client"), re = new dn();
   function se() {
     var xe;
     g.value = I.value, J.value && ($.value = g.value.length), R.value && (g.value = w(T.value, I.value, t)), B = D.value.reduce((we, Ce) => (we.set(Ce, 0), we), B);
@@ -2438,7 +2438,7 @@ function Ti(e, t, n, o, r) {
     }
     return M.value && y(he), h.value = [...he], he;
   }
-  const j = O(se()), Z = H(() => j.value.filter((N) => N.__fv_visible__ !== !1));
+  const j = k(se()), Z = H(() => j.value.filter((N) => N.__fv_visible__ !== !1));
   function ue() {
     Z.value.forEach((N, z) => (N.__fv_visible_index__ = z, N));
   }
@@ -2461,22 +2461,22 @@ function Ti(e, t, n, o, r) {
     }), j.value;
   }
   function W(N) {
-    return f.clear(), d.value = N, d.value.reduce((z, X) => (z.set(X.field, X), z), f), ee([], d.value);
+    return d.clear(), f.value = N, f.value.reduce((z, X) => (z.set(X.field, X), z), d), ee([], f.value);
   }
   function q(N, z) {
-    return f.set(N, z), d.value = Array.from(f.values()), ee([], d.value);
+    return d.set(N, z), f.value = Array.from(d.values()), ee([], f.value);
   }
   function me(N) {
-    return f.delete(N), d.value = Array.from(f.values()), ee([], d.value);
+    return d.delete(N), f.value = Array.from(d.values()), ee([], f.value);
   }
   function fe(N, z) {
-    return a.set(N, z), c.value = Array.from(a.values()), ee([], Array.from(f.values()));
+    return a.set(N, z), c.value = Array.from(a.values()), ee([], Array.from(d.values()));
   }
   function De(N) {
-    return a.delete(N), c.value = Array.from(a.values()), ee([], Array.from(f.values()), !0);
+    return a.delete(N), c.value = Array.from(a.values()), ee([], Array.from(d.values()), !0);
   }
   function je() {
-    return a.clear(), c.value = [], ee([], Array.from(f.values()), !0);
+    return a.clear(), c.value = [], ee([], Array.from(d.values()), !0);
   }
   function Ie(N, z) {
     const X = `group_of_${N}_${z}`;
@@ -2488,11 +2488,11 @@ function Ti(e, t, n, o, r) {
       fieldType: "string",
       filterValue: z,
       filter: ce
-    }), ee(Array.from(u.values()), Array.from(f.values()));
+    }), ee(Array.from(u.values()), Array.from(d.values()));
   }
   function ke(N, z) {
     const X = `group_of_${N}_${z}`;
-    return i.set(X, !1), u.delete(`collapse_${N}_${z}`), ee(Array.from(u.values()), Array.from(f.values()), !0);
+    return i.set(X, !1), u.delete(`collapse_${N}_${z}`), ee(Array.from(u.values()), Array.from(d.values()), !0);
   }
   function He(N) {
     const z = N.raw[S.value], X = (ce) => !ce.__fv_parents__.has(z);
@@ -2502,69 +2502,69 @@ function Ti(e, t, n, o, r) {
       fieldType: "string",
       filterValue: String(z),
       filter: X
-    }), ee(Array.from(s.values()), Array.from(f.values())), y(j.value);
+    }), ee(Array.from(s.values()), Array.from(d.values())), y(j.value);
   }
   function Ne(N) {
     const z = N[S.value];
     s.delete(`fold_${z}`);
   }
   function Be(N) {
-    Ne(N.raw), ee(Array.from(s.values()), Array.from(f.values()), !0), y(j.value);
+    Ne(N.raw), ee(Array.from(s.values()), Array.from(d.values()), !0), y(j.value);
   }
-  function ge() {
+  function ye() {
     const N = se();
-    j.value = N, e.hierarchy && (ee(Array.from(s.values()), Array.from(f.values())), y(j.value));
+    j.value = N, e.hierarchy && (ee(Array.from(s.values()), Array.from(d.values())), y(j.value));
   }
   function Y(N) {
     const X = N && N.length && N[0].children ? C(N) : N;
-    I.value = X, ge();
+    I.value = X, ye();
   }
   function de(N, z, X) {
     return (N && N.length ? j.value.filter((ve, Fe) => N.reduce((_e, he) => _e && he.filter(ve), !0)) : j.value).slice(z, X);
   }
   function Re(N) {
     const z = G(), X = N * z;
-    0 < X && X <= $.value && (U.value = N, ge());
+    0 < X && X <= $.value && (U.value = N, ye());
   }
   function $e(N) {
-    I.value.push(at(N)), j.value = se();
+    I.value.push(ct(N)), j.value = se();
   }
   function Ke(N = 0) {
     if (!(N > -1))
       return !1;
     const X = F.value();
-    e.hierarchy ? p(N, X, I) : I.value.splice(N, 0, X), ge();
+    e.hierarchy ? p(N, X, I) : I.value.splice(N, 0, X), ye();
   }
   function We(N = 0) {
     if (!(N > -1 && e.hierarchy))
       return !1;
     const X = F.value(), ce = I.value[N];
-    Ne(ce), _(N, X, I), ge();
+    Ne(ce), _(N, X, I), ye();
   }
   function Le(N) {
     const z = N ? N - 1 : 0;
-    I.value.splice(z, 1), ge();
+    I.value.splice(z, 1), ye();
   }
   function Ae(N) {
     const z = I.value.findIndex((X) => X[S.value] === N);
-    z !== -1 && (I.value.splice(z, 1), ge());
+    z !== -1 && (I.value.splice(z, 1), ye());
   }
   function Qe(N) {
     const z = N > -1 ? I.value[N] : null;
     if (!(z && z.deletable !== !1))
       return !1;
-    I.value = l(z, I.value), ge();
+    I.value = l(z, I.value), ye();
   }
   function Je() {
     const N = u.size > 0 ? Array.from(u.values()) : [];
-    return ee(N, Array.from(f.values()));
+    return ee(N, Array.from(d.values()));
   }
   function Ue(N) {
-    A.value && (A.value.size = N, ge());
+    A.value && (A.value.size = N, ye());
   }
   function tt(N, z) {
     const X = I.value[Number(N) - 1];
-    X.editable !== !1 ? (X.name = z, ge()) : re.show({
+    X.editable !== !1 ? (X.name = z, ye()) : re.show({
       showCloseButton: !1,
       timeout: 3e3,
       animate: "fadeIn",
@@ -2606,11 +2606,11 @@ function Ti(e, t, n, o, r) {
     removeSorter: me,
     reOrderVisibleIndex: ue,
     setSorters: W,
-    sorters: d,
+    sorters: f,
     summaries: B,
     totalItems: $,
     unFold: Be,
-    updateDataView: ge,
+    updateDataView: ye,
     visibleDataItems: Z
   };
 }
@@ -2667,11 +2667,11 @@ class mn {
     return t[n[0]];
   }
   getTextValue(t) {
-    const n = t.split("."), o = this.value.split(",").map((r) => this.getPropValue(r, at(n)));
+    const n = t.split("."), o = this.value.split(",").map((r) => this.getPropValue(r, ct(n)));
     return o && o.length ? o.join(",") : "";
   }
   getValue() {
-    const t = this.valueField.split("."), n = this.value.split(",").map((o) => this.getPropValue(o, at(t)));
+    const t = this.valueField.split("."), n = this.value.split(",").map((o) => this.getPropValue(o, ct(t)));
     return n && n.length ? n.join(",") : "";
   }
   getDisplayText() {
@@ -2764,13 +2764,13 @@ class gn {
     this.value = t.value;
   }
   clear() {
-    this.value = [];
+    this.value = "";
   }
   getValue() {
     return this.value;
   }
   getDisplayText() {
-    return this.value.map((t) => t.name).join(",");
+    return this.value;
   }
   // setValue(data: { value: string; displayText: string }) {
   //     // this.displayText = data.dispalyText;
@@ -2786,7 +2786,7 @@ class gn {
   }
 }
 class Fi {
-  constructor(t = { value: [], displayText: "", displayField: "", isInputText: !1 }) {
+  constructor(t = { value: "", displayText: "", displayField: "", isInputText: !1 }) {
     Q(this, "editorType", "input-group");
     // 通过弹窗返回的若干个值对象构成的数组
     Q(this, "value");
@@ -2800,7 +2800,7 @@ class Fi {
     this.value = t.value, this.displayText = t.displayText, this.valueField = t.displayField, this.isInputText = t.isInputText;
   }
   clear() {
-    this.value = [], this.displayText = "", this.valueField = "";
+    this.value = "", this.displayText = "", this.valueField = "";
   }
   getPropValue(t, n) {
     if (n.length > 1) {
@@ -2810,12 +2810,11 @@ class Fi {
     return t[n[0]];
   }
   getTextValue(t) {
-    const n = t.split("."), o = this.value.map((r) => this.getPropValue(r, at(n)));
+    const n = t.split("."), o = this.value.map((r) => this.getPropValue(r, ct(n)));
     return o && o.length ? o.join(",") : "";
   }
   getValue() {
-    const t = this.valueField.split(".") || [], n = this.value.map((o) => this.getPropValue(o, at(t)));
-    return n && n.length ? n.join(",") : "";
+    return this.value;
   }
   getDisplayText() {
     return this.getValue();
@@ -3036,7 +3035,7 @@ function xn() {
   return { createConditionValue: e };
 }
 function Tn(e, t) {
-  const n = O(e.fields), o = O([]), r = /* @__PURE__ */ new Map(), { createConditionValue: i } = xn();
+  const n = k(e.fields), o = k([]), r = /* @__PURE__ */ new Map(), { createConditionValue: i } = xn();
   function a(c) {
     switch (c.editor ? c.editor.type : "input-group") {
       case "date-range":
@@ -3055,21 +3054,21 @@ function Tn(e, t) {
     return c.map((v) => Object.assign({}, v)).map((v) => (v.editor = a(v), v));
   }
   function s(c = !0) {
-    n.value.reduce((d, v) => (c || (v.editor = a(v)), d.set(v.labelCode, v), d), r);
+    n.value.reduce((f, v) => (c || (v.editor = a(v)), f.set(v.labelCode, v), f), r);
   }
-  function f(c) {
-    return c.forEach((d) => {
-      if (d) {
-        const v = r.get(d.fieldCode);
-        d.value = i(v.editor.type, d.value);
+  function d(c) {
+    return c.forEach((f) => {
+      if (f) {
+        const v = r.get(f.fieldCode);
+        f.value = i(v.editor.type, f.value);
       }
     }), c;
   }
-  return { convertToSingleControl: u, fields: n, fieldMap: r, fieldConditions: o, loadFieldConfigs: s, initialConditionValue: f };
+  return { convertToSingleControl: u, fields: n, fieldMap: r, fieldConditions: o, loadFieldConfigs: s, initialConditionValue: d };
 }
 function ki(e, t, n) {
-  const o = O(null), r = O(n), i = O(0);
-  function a(c, d) {
+  const o = k(null), r = k(n), i = k(0);
+  function a(c, f) {
     let v = null;
     return function() {
       const w = arguments;
@@ -3082,19 +3081,19 @@ function ki(e, t, n) {
   }
   function u() {
     r.value && (o.value = new ResizeObserver(a((c) => {
-      const d = c[0];
-      i.value = d.contentRect.width;
+      const f = c[0];
+      i.value = f.contentRect.width;
     })), o.value.observe(r.value));
   }
   function s(c) {
     let v = "col-12";
     return c > 250 * 6 ? v = "col-2" : c > 250 * 4 ? v = "col-3" : c > 250 * 3 ? v = "col-4" : c > 250 * 2 && (v = "col-6"), v;
   }
-  const f = H(() => s(i.value));
-  return be([n], ([c]) => {
+  const d = H(() => s(i.value));
+  return ge([n], ([c]) => {
     r.value = c, u();
   }), {
-    conditionClass: f,
+    conditionClass: d,
     resizeObserver: o
   };
 }
@@ -3103,20 +3102,20 @@ const Kt = /* @__PURE__ */ qe({
   props: fn,
   emits: ["valueChange", "blur", "focus", "click", "input"],
   setup(e, t) {
-    const n = O(), o = O(e.key);
-    O(e.isControlInline);
-    const r = O(e.conditions), i = Tn(e), {
+    const n = k(), o = k(e.key);
+    k(e.isControlInline);
+    const r = k(e.conditions), i = Tn(e), {
       initialConditionValue: a,
       fieldMap: u,
       loadFieldConfigs: s
-    } = i, f = ki(e, t, n), {
+    } = i, d = ki(e, t, n), {
       conditionClass: c,
-      resizeObserver: d
-    } = f;
+      resizeObserver: f
+    } = d;
     s(!0), a(r.value), tn(() => {
       var I;
-      (I = d.value) == null || I.unobserve(n.value);
-    }), be(() => e.conditions, () => {
+      (I = f.value) == null || I.unobserve(n.value);
+    }), ge(() => e.conditions, () => {
       r.value = e.conditions, a(r.value);
     });
     const v = H(() => ({
@@ -3222,7 +3221,7 @@ class Mi {
     }), n.contents = [o];
     const { selectedFields: i } = t;
     i == null || i.forEach((u) => {
-      const s = at(u), f = this.resolveControlClassByFormColumns(t), c = this.controlCreatorUtils.setFormFieldProperty(s, "", f);
+      const s = ct(u), d = this.resolveControlClassByFormColumns(t), c = this.controlCreatorUtils.setFormFieldProperty(s, "", d);
       c && r.push(c);
     });
     const { templateId: a } = this.formSchemaUtils.getFormSchema().module;
@@ -3287,16 +3286,16 @@ class Mi {
   }
 }
 function Ii(e, t, n, o) {
-  var i, a, u, s, f, c;
+  var i, a, u, s, d, c;
   const r = n.parentComponentInstance;
   if (r && o) {
-    const d = (i = r.schema) == null ? void 0 : i.type, w = {
+    const f = (i = r.schema) == null ? void 0 : i.type, w = {
       componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
       componentName: ((a = n.bindingSourceContext) == null ? void 0 : a.entityTitle) || ((s = (u = n.bindingSourceContext) == null ? void 0 : u.bindingEntity) == null ? void 0 : s.name) || "标题",
       componentType: "form",
-      formColumns: d === "splitter-pane" ? 1 : 4,
+      formColumns: f === "splitter-pane" ? 1 : 4,
       parentContainerId: r.schema.id,
-      bindTo: ((f = n.bindingSourceContext) == null ? void 0 : f.bindTo) || "/",
+      bindTo: ((d = n.bindingSourceContext) == null ? void 0 : d.bindTo) || "/",
       selectedFields: (c = n.bindingSourceContext) == null ? void 0 : c.bindingEntityFields
     };
     return new Mi(e, o).createComponent(w);
@@ -3423,7 +3422,8 @@ const Li = "https://json-schema.org/draft/2020-12/schema", Ai = "https://farris-
   visible: { type: Boolean, default: !0 },
   required: { type: Boolean, default: !1 },
   showLabel: { type: Boolean, default: !0 },
-  type: { type: String, default: "input-group" }
+  type: { type: String, default: "input-group" },
+  componentId: { type: String, default: "" }
 };
 mt(
   kn,
@@ -3433,7 +3433,7 @@ mt(
 );
 function Xi(e, t, n) {
   var M;
-  const o = n && n.getStyles && n.getStyles() || "", r = n && n.getDesignerClass && n.getDesignerClass() || "", i = O();
+  const o = n && n.getStyles && n.getStyles() || "", r = n && n.getDesignerClass && n.getDesignerClass() || "", i = k();
   function a() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
@@ -3443,7 +3443,7 @@ function Xi(e, t, n) {
   function s() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function f() {
+  function d() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
   function c(l) {
@@ -3451,16 +3451,16 @@ function Xi(e, t, n) {
       return null;
     if (l.value.schema && l.value.schema.type === "component")
       return l.value;
-    const S = O(l == null ? void 0 : l.value.parent), x = c(S);
+    const S = k(l == null ? void 0 : l.value.parent), x = c(S);
     return x || null;
   }
-  function d(l = t) {
+  function f(l = t) {
     var g;
     const { componentInstance: S, designerItemElementRef: x } = l;
     if (!S || !S.value)
       return null;
     const { getCustomButtons: F } = S.value;
-    return S.value.canMove || F && ((g = F()) != null && g.length) ? x : d(l.parent);
+    return S.value.canMove || F && ((g = F()) != null && g.length) ? x : f(l.parent);
   }
   function v(l) {
     return !!n && n.canAccepts(l);
@@ -3509,7 +3509,7 @@ function Xi(e, t, n) {
     canMove: a(),
     canSelectParent: u(),
     canDelete: s(),
-    canNested: !f(),
+    canNested: !d(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
     parent: (M = t == null ? void 0 : t.parent) == null ? void 0 : M.componentInstance,
@@ -3518,15 +3518,15 @@ function Xi(e, t, n) {
     designerClass: r,
     canAccepts: v,
     getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: d,
+    getDraggableDesignItemElement: f,
     getDraggingDisplayText: w,
     getPropConfig: y,
     getDragScopeElement: T,
     onAcceptMovedChildElement: R,
     onChildElementMovedOut: m,
     addNewChildComponentSchema: I,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || O(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || O(!1),
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || k(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || k(!1),
     onRemoveComponent: E,
     getCustomButtons: p,
     onPropertyChanged: _
@@ -3623,11 +3623,11 @@ class Ki {
     const o = n && n.parent && n.parent.schema;
     if (!o)
       return;
-    const r = o.contents.findIndex((a) => a.id === t), i = at(o.contents[r]);
+    const r = o.contents.findIndex((a) => a.id === t), i = ct(o.contents[r]);
     o.contents.splice(r, 1), o.contents.splice(r, 0, i);
   }
 }
-const Rt = O(0);
+const Rt = k(0);
 function Qi(e, t) {
   const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), r = o.top >= n.top, i = o.top <= n.bottom;
   return r && i;
@@ -3683,7 +3683,7 @@ function ea(e) {
   let t;
   e.className.includes("dgComponentSelected") ? t = e : t = e.querySelector(".dgComponentSelected"), t && On(t);
 }
-var ut = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var st = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function St(e) {
   throw new Error('Could not dynamically require "' + e + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -3694,22 +3694,22 @@ var ta = { exports: {} };
   })(function() {
     return (/* @__PURE__ */ function() {
       function n(o, r, i) {
-        function a(f, c) {
-          if (!r[f]) {
-            if (!o[f]) {
-              var d = typeof St == "function" && St;
-              if (!c && d) return d(f, !0);
-              if (u) return u(f, !0);
-              var v = new Error("Cannot find module '" + f + "'");
+        function a(d, c) {
+          if (!r[d]) {
+            if (!o[d]) {
+              var f = typeof St == "function" && St;
+              if (!c && f) return f(d, !0);
+              if (u) return u(d, !0);
+              var v = new Error("Cannot find module '" + d + "'");
               throw v.code = "MODULE_NOT_FOUND", v;
             }
-            var w = r[f] = { exports: {} };
-            o[f][0].call(w.exports, function(T) {
-              var R = o[f][1][T];
+            var w = r[d] = { exports: {} };
+            o[d][0].call(w.exports, function(T) {
+              var R = o[d][1][T];
               return a(R || T);
             }, w, w.exports, n, o, r, i);
           }
-          return r[f].exports;
+          return r[d].exports;
         }
         for (var u = typeof St == "function" && St, s = 0; s < i.length; s++) a(i[s]);
         return a;
@@ -3718,30 +3718,30 @@ var ta = { exports: {} };
     }())({
       1: [function(n, o, r) {
         var i = {}, a = "(?:^|\\s)", u = "(?:\\s|$)";
-        function s(d) {
-          var v = i[d];
-          return v ? v.lastIndex = 0 : i[d] = v = new RegExp(a + d + u, "g"), v;
+        function s(f) {
+          var v = i[f];
+          return v ? v.lastIndex = 0 : i[f] = v = new RegExp(a + f + u, "g"), v;
         }
-        function f(d, v) {
-          var w = d.className;
-          w.length ? s(v).test(w) || (d.className += " " + v) : d.className = v;
+        function d(f, v) {
+          var w = f.className;
+          w.length ? s(v).test(w) || (f.className += " " + v) : f.className = v;
         }
-        function c(d, v) {
-          d.className = d.className.replace(s(v), " ").trim();
+        function c(f, v) {
+          f.className = f.className.replace(s(v), " ").trim();
         }
         o.exports = {
-          add: f,
+          add: d,
           rm: c
         };
       }, {}],
       2: [function(n, o, r) {
         (function(i) {
-          var a = n("contra/emitter"), u = n("crossvent"), s = n("./classes"), f = document, c = f.documentElement;
-          function d(g, h) {
-            var k = arguments.length;
-            k === 1 && Array.isArray(g) === !1 && (h = g, g = []);
+          var a = n("contra/emitter"), u = n("crossvent"), s = n("./classes"), d = document, c = d.documentElement;
+          function f(g, h) {
+            var O = arguments.length;
+            O === 1 && Array.isArray(g) === !1 && (h = g, g = []);
             var C, b, D, B, $, A, G, U, J, re = null, se, j, Z = !1, ue = 0, ee, W = h || {};
-            W.moves === void 0 && (W.moves = y), W.accepts === void 0 && (W.accepts = y), W.invalid === void 0 && (W.invalid = Re), W.containers === void 0 && (W.containers = g || []), W.isContainer === void 0 && (W.isContainer = m), W.copy === void 0 && (W.copy = !1), W.copySortSource === void 0 && (W.copySortSource = !1), W.revertOnSpill === void 0 && (W.revertOnSpill = !1), W.removeOnSpill === void 0 && (W.removeOnSpill = !1), W.direction === void 0 && (W.direction = "vertical"), W.ignoreInputTextSelection === void 0 && (W.ignoreInputTextSelection = !0), W.mirrorContainer === void 0 && (W.mirrorContainer = f.body);
+            W.moves === void 0 && (W.moves = y), W.accepts === void 0 && (W.accepts = y), W.invalid === void 0 && (W.invalid = Re), W.containers === void 0 && (W.containers = g || []), W.isContainer === void 0 && (W.isContainer = m), W.copy === void 0 && (W.copy = !1), W.copySortSource === void 0 && (W.copySortSource = !1), W.revertOnSpill === void 0 && (W.revertOnSpill = !1), W.removeOnSpill === void 0 && (W.removeOnSpill = !1), W.direction === void 0 && (W.direction = "vertical"), W.ignoreInputTextSelection === void 0 && (W.ignoreInputTextSelection = !0), W.mirrorContainer === void 0 && (W.mirrorContainer = d.body);
             var q = a({
               containers: W.containers,
               start: Y,
@@ -3749,7 +3749,7 @@ var ta = { exports: {} };
               cancel: Qe,
               remove: Ae,
               destroy: Ie,
-              canMove: ge,
+              canMove: ye,
               dragging: !1
             });
             return W.removeOnSpill === !0 && q.on("over", N).on("out", z), fe(), q;
@@ -3790,7 +3790,7 @@ var ta = { exports: {} };
                 }
                 if (!(P.clientX !== void 0 && Math.abs(P.clientX - B) <= (W.slideFactorX || 0) && P.clientY !== void 0 && Math.abs(P.clientY - $) <= (W.slideFactorY || 0))) {
                   if (W.ignoreInputTextSelection) {
-                    var L = F("clientX", P) || 0, K = F("clientY", P) || 0, le = f.elementFromPoint(L, K);
+                    var L = F("clientX", P) || 0, K = F("clientY", P) || 0, le = d.elementFromPoint(L, K);
                     if (M(le))
                       return;
                   }
@@ -3815,7 +3815,7 @@ var ta = { exports: {} };
                 }
               }
             }
-            function ge(P) {
+            function ye(P) {
               return !!Be(P);
             }
             function Y(P) {
@@ -3839,8 +3839,8 @@ var ta = { exports: {} };
             }
             function We(P) {
               if (Ke(), !!q.dragging) {
-                var L = U || D, K = F("clientX", P) || 0, le = F("clientY", P) || 0, pe = I(C, K, le), ye = tt(pe, K, le);
-                ye && (U && W.copySortSource || !U || ye !== b) ? Le(L, ye) : W.removeOnSpill ? Ae() : Qe();
+                var L = U || D, K = F("clientX", P) || 0, le = F("clientY", P) || 0, pe = I(C, K, le), be = tt(pe, K, le);
+                be && (U && W.copySortSource || !U || be !== b) ? Le(L, be) : W.removeOnSpill ? Ae() : Qe();
               }
             }
             function Le(P, L) {
@@ -3872,8 +3872,8 @@ var ta = { exports: {} };
                 le = _(le);
               return le;
               function pe() {
-                var ye = me(le);
-                if (ye === !1)
+                var be = me(le);
+                if (be === !1)
                   return !1;
                 var rt = _e(le, P), ze = Pe(le, rt, L, K), Ze = Ue(le, ze);
                 return Ze ? !0 : W.accepts(D, le, b, ze);
@@ -3885,27 +3885,27 @@ var ta = { exports: {} };
               P.preventDefault();
               var L = F("clientX", P) || 0, K = F("clientY", P) || 0;
               C.style.left = L - 2 + "px", C.style.top = K - 2 + "px";
-              var le = U || D, pe = I(C, L, K), ye = tt(pe, L, K), rt = ye !== null && ye !== re;
-              (rt || ye === null) && (Ye(), re = ye, st()), Se(pe, K);
+              var le = U || D, pe = I(C, L, K), be = tt(pe, L, K), rt = be !== null && be !== re;
+              (rt || be === null) && (Ye(), re = be, lt()), Se(pe, K);
               var ze = _(le);
-              if (ye === b && U && !W.copySortSource) {
+              if (be === b && U && !W.copySortSource) {
                 ze && ze.removeChild(le);
                 return;
               }
-              var Ze, lt = _e(ye, pe);
-              if (Z = he(lt, ye), lt !== null)
-                Ze = Pe(ye, lt, L, K);
+              var Ze, at = _e(be, pe);
+              if (Z = he(at, be), at !== null)
+                Ze = Pe(be, at, L, K);
               else if (W.revertOnSpill === !0 && !U)
-                Ze = A, ye = b;
+                Ze = A, be = b;
               else {
                 U && ze && ze.removeChild(le), U && j && (j.style.display = "none");
                 return;
               }
-              j.style.display = "block", ot(Ze, le, rt), Ze ? we(lt, Ze) : Ce(ye);
+              j.style.display = "block", ot(Ze, le, rt), Ze ? we(at, Ze) : Ce(be);
               function Ee(Ve) {
                 q.emit(Ve, le, re, b);
               }
-              function st() {
+              function lt() {
                 rt && Ee("over");
               }
               function Ye() {
@@ -3952,9 +3952,9 @@ var ta = { exports: {} };
               if (pe)
                 return !0;
               if (L) {
-                var ye = getComputedStyle(L), rt = ye.getPropertyValue("display");
+                var be = getComputedStyle(L), rt = be.getPropertyValue("display");
                 if (/flex$/.test(rt)) {
-                  var ze = ye.getPropertyValue("flex-direction") || "row";
+                  var ze = be.getPropertyValue("flex-direction") || "row";
                   if (ze === "row" || ze === "row-reverse")
                     return !xe(L);
                 }
@@ -3970,8 +3970,8 @@ var ta = { exports: {} };
                 if (!le.length)
                   return !1;
                 for (const pe of le) {
-                  const ye = pe.slice(pe.lastIndexOf("-") + 1);
-                  if (parseInt(ye, 10) !== 12)
+                  const be = pe.slice(pe.lastIndexOf("-") + 1);
+                  if (parseInt(be, 10) !== 12)
                     return !1;
                 }
               }
@@ -4009,29 +4009,29 @@ var ta = { exports: {} };
               }
               if (L + 30 > le.bottom && ee.scrollTop < ee.scrollHeight - ee.clientHeight) {
                 const pe = ee.scrollHeight - ee.clientHeight - ee.scrollTop;
-                let ye = pe < 10 ? pe : 10;
-                ee.scrollBy(0, ye), K && ee.contains(K) && (ue = ue + ye);
+                let be = pe < 10 ? pe : 10;
+                ee.scrollBy(0, be), K && ee.contains(K) && (ue = ue + be);
               }
             }
             function Pe(P, L, K, le) {
-              var pe = W.direction === "horizontal", ye = W.direction === "mixed", rt = L !== P ? Ze() : ze();
+              var pe = W.direction === "horizontal", be = W.direction === "mixed", rt = L !== P ? Ze() : ze();
               return rt;
               function ze() {
-                var Ee = P.children.length, st, Ye, Ve;
-                for (st = 0; st < Ee; st++)
-                  if (Ye = P.children[st], Ve = Ye.getBoundingClientRect(), pe && Ve.left + Ve.width / 2 > K || !ye && !pe && Ve.top + Ve.height / 2 > le || ye && Ve.left + Ve.width > K && Ve.top + Ve.height > le)
+                var Ee = P.children.length, lt, Ye, Ve;
+                for (lt = 0; lt < Ee; lt++)
+                  if (Ye = P.children[lt], Ve = Ye.getBoundingClientRect(), pe && Ve.left + Ve.width / 2 > K || !be && !pe && Ve.top + Ve.height / 2 > le || be && Ve.left + Ve.width > K && Ve.top + Ve.height > le)
                     return Ye;
                 return null;
               }
               function Ze() {
                 var Ee = L.getBoundingClientRect();
-                if (ye) {
-                  var st = le - Ee.top, Ye = K - Ee.left, Ve = Ee.bottom - le, It = Ee.right - K, Bt = Math.min(Ye, It, st, Ve), Vt;
-                  return Z ? Vt = It < Ye : Vt = Ve === Bt || It === Bt || Ye === Bt, lt(Vt);
+                if (be) {
+                  var lt = le - Ee.top, Ye = K - Ee.left, Ve = Ee.bottom - le, It = Ee.right - K, Bt = Math.min(Ye, It, lt, Ve), Vt;
+                  return Z ? Vt = It < Ye : Vt = Ve === Bt || It === Bt || Ye === Bt, at(Vt);
                 }
-                return lt(pe ? K > Ee.left + E(Ee) / 2 : le > Ee.top + p(Ee) / 2);
+                return at(pe ? K > Ee.left + E(Ee) / 2 : le > Ee.top + p(Ee) / 2);
               }
-              function lt(Ee) {
+              function at(Ee) {
                 return Ee ? S(L) : L;
               }
             }
@@ -4045,20 +4045,20 @@ var ta = { exports: {} };
               const C = Array.from(window.scrollContainerList)[0];
               return document.getElementById(C);
             }
-            const k = w(h);
-            for (const C of k)
+            const O = w(h);
+            for (const C of O)
               if (C.contains(g))
                 return C;
             return null;
           }
           function w(g) {
             const h = [];
-            return g.forEach((k) => {
-              const C = document.getElementById(k);
+            return g.forEach((O) => {
+              const C = document.getElementById(O);
               C && h.push(C);
-            }), h.sort((k, C) => k.contains(C) ? 1 : C.contains(k) ? -1 : 0), h;
+            }), h.sort((O, C) => O.contains(C) ? 1 : C.contains(O) ? -1 : 0), h;
           }
-          function T(g, h, k, C) {
+          function T(g, h, O, C) {
             var b = {
               mouseup: "touchend",
               mousedown: "touchstart",
@@ -4072,7 +4072,7 @@ var ta = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            i.navigator.pointerEnabled ? u[h](g, D[k], C) : i.navigator.msPointerEnabled ? u[h](g, B[k], C) : (u[h](g, b[k], C), u[h](g, k, C));
+            i.navigator.pointerEnabled ? u[h](g, D[O], C) : i.navigator.msPointerEnabled ? u[h](g, B[O], C) : (u[h](g, b[O], C), u[h](g, O, C));
           }
           function R(g) {
             if (g.touches !== void 0)
@@ -4085,10 +4085,10 @@ var ta = { exports: {} };
             if (h !== void 0)
               return h & 1 ? 1 : h & 2 ? 3 : h & 4 ? 2 : 0;
           }
-          function I(g, h, k) {
+          function I(g, h, O) {
             g = g || {};
             var C = g.className || "", b;
-            return g.className += " gu-hide", b = f.elementFromPoint(h, k), g.className = C, b;
+            return g.className += " gu-hide", b = d.elementFromPoint(h, O), g.className = C, b;
           }
           function m() {
             return !1;
@@ -4103,7 +4103,7 @@ var ta = { exports: {} };
             return g.height || g.bottom - g.top;
           }
           function _(g) {
-            return g.parentNode === f ? null : g.parentNode;
+            return g.parentNode === d ? null : g.parentNode;
           }
           function M(g) {
             return g.tagName === "INPUT" || g.tagName === "TEXTAREA" || g.tagName === "SELECT" || l(g);
@@ -4114,27 +4114,27 @@ var ta = { exports: {} };
           function S(g) {
             return g.nextElementSibling || h();
             function h() {
-              var k = g;
+              var O = g;
               do
-                k = k.nextSibling;
-              while (k && k.nodeType !== 1);
-              return k;
+                O = O.nextSibling;
+              while (O && O.nodeType !== 1);
+              return O;
             }
           }
           function x(g) {
             return g.targetTouches && g.targetTouches.length ? g.targetTouches[0] : g.changedTouches && g.changedTouches.length ? g.changedTouches[0] : g;
           }
           function F(g, h) {
-            var k = x(h), C = {
+            var O = x(h), C = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return g in C && !(g in k) && C[g] in k && (g = C[g]), k[g];
+            return g in C && !(g in O) && C[g] in O && (g = C[g]), O[g];
           }
-          o.exports = d;
-        }).call(this, typeof ut < "u" ? ut : typeof self < "u" ? self : typeof window < "u" ? window : {});
+          o.exports = f;
+        }).call(this, typeof st < "u" ? st : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
       3: [function(n, o, r) {
         o.exports = function(a, u) {
@@ -4143,28 +4143,28 @@ var ta = { exports: {} };
       }, {}],
       4: [function(n, o, r) {
         var i = n("ticky");
-        o.exports = function(u, s, f) {
+        o.exports = function(u, s, d) {
           u && i(function() {
-            u.apply(f || null, s || []);
+            u.apply(d || null, s || []);
           });
         };
       }, { ticky: 10 }],
       5: [function(n, o, r) {
         var i = n("atoa"), a = n("./debounce");
-        o.exports = function(s, f) {
-          var c = f || {}, d = {};
+        o.exports = function(s, d) {
+          var c = d || {}, f = {};
           return s === void 0 && (s = {}), s.on = function(v, w) {
-            return d[v] ? d[v].push(w) : d[v] = [w], s;
+            return f[v] ? f[v].push(w) : f[v] = [w], s;
           }, s.once = function(v, w) {
             return w._once = !0, s.on(v, w), s;
           }, s.off = function(v, w) {
             var T = arguments.length;
             if (T === 1)
-              delete d[v];
+              delete f[v];
             else if (T === 0)
-              d = {};
+              f = {};
             else {
-              var R = d[v];
+              var R = f[v];
               if (!R)
                 return s;
               R.splice(R.indexOf(w), 1);
@@ -4174,7 +4174,7 @@ var ta = { exports: {} };
             var v = i(arguments);
             return s.emitterSnapshot(v.shift()).apply(this, v);
           }, s.emitterSnapshot = function(v) {
-            var w = (d[v] || []).slice(0);
+            var w = (f[v] || []).slice(0);
             return function() {
               var T = i(arguments), R = this || s;
               if (v === "error" && c.throws !== !1 && !w.length)
@@ -4188,9 +4188,9 @@ var ta = { exports: {} };
       }, { "./debounce": 4, atoa: 3 }],
       6: [function(n, o, r) {
         (function(i) {
-          var a = n("custom-event"), u = n("./eventmap"), s = i.document, f = v, c = T, d = [];
-          i.addEventListener || (f = w, c = R), o.exports = {
-            add: f,
+          var a = n("custom-event"), u = n("./eventmap"), s = i.document, d = v, c = T, f = [];
+          i.addEventListener || (d = w, c = R), o.exports = {
+            add: d,
             remove: c,
             fabricate: I
           };
@@ -4231,7 +4231,7 @@ var ta = { exports: {} };
           }
           function y(_, M, l) {
             var S = E(_, M, l) || m(_, M, l);
-            return d.push({
+            return f.push({
               wrapper: S,
               element: _,
               type: M,
@@ -4241,17 +4241,17 @@ var ta = { exports: {} };
           function E(_, M, l) {
             var S = p(_, M, l);
             if (S) {
-              var x = d[S].wrapper;
-              return d.splice(S, 1), x;
+              var x = f[S].wrapper;
+              return f.splice(S, 1), x;
             }
           }
           function p(_, M, l) {
             var S, x;
-            for (S = 0; S < d.length; S++)
-              if (x = d[S], x.element === _ && x.type === M && x.fn === l)
+            for (S = 0; S < f.length; S++)
+              if (x = f[S], x.element === _ && x.type === M && x.fn === l)
                 return S;
           }
-        }).call(this, typeof ut < "u" ? ut : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof st < "u" ? st : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
       7: [function(n, o, r) {
         (function(i) {
@@ -4259,7 +4259,7 @@ var ta = { exports: {} };
           for (u in i)
             s.test(u) && a.push(u.slice(2));
           o.exports = a;
-        }).call(this, typeof ut < "u" ? ut : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof st < "u" ? st : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       8: [function(n, o, r) {
         (function(i) {
@@ -4274,25 +4274,25 @@ var ta = { exports: {} };
           }
           o.exports = u() ? a : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(f, c) {
-              var d = document.createEvent("CustomEvent");
-              return c ? d.initCustomEvent(f, c.bubbles, c.cancelable, c.detail) : d.initCustomEvent(f, !1, !1, void 0), d;
+            typeof document < "u" && typeof document.createEvent == "function" ? function(d, c) {
+              var f = document.createEvent("CustomEvent");
+              return c ? f.initCustomEvent(d, c.bubbles, c.cancelable, c.detail) : f.initCustomEvent(d, !1, !1, void 0), f;
             } : (
               // IE <= 8
-              function(f, c) {
-                var d = document.createEventObject();
-                return d.type = f, c ? (d.bubbles = !!c.bubbles, d.cancelable = !!c.cancelable, d.detail = c.detail) : (d.bubbles = !1, d.cancelable = !1, d.detail = void 0), d;
+              function(d, c) {
+                var f = document.createEventObject();
+                return f.type = d, c ? (f.bubbles = !!c.bubbles, f.cancelable = !!c.cancelable, f.detail = c.detail) : (f.bubbles = !1, f.cancelable = !1, f.detail = void 0), f;
               }
             )
           );
-        }).call(this, typeof ut < "u" ? ut : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof st < "u" ? st : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       9: [function(n, o, r) {
         var i = o.exports = {}, a, u;
         function s() {
           throw new Error("setTimeout has not been defined");
         }
-        function f() {
+        function d() {
           throw new Error("clearTimeout has not been defined");
         }
         (function() {
@@ -4302,9 +4302,9 @@ var ta = { exports: {} };
             a = s;
           }
           try {
-            typeof clearTimeout == "function" ? u = clearTimeout : u = f;
+            typeof clearTimeout == "function" ? u = clearTimeout : u = d;
           } catch {
-            u = f;
+            u = d;
           }
         })();
         function c(p) {
@@ -4322,10 +4322,10 @@ var ta = { exports: {} };
             }
           }
         }
-        function d(p) {
+        function f(p) {
           if (u === clearTimeout)
             return clearTimeout(p);
-          if ((u === f || !u) && clearTimeout)
+          if ((u === d || !u) && clearTimeout)
             return u = clearTimeout, clearTimeout(p);
           try {
             return u(p);
@@ -4350,7 +4350,7 @@ var ta = { exports: {} };
                 T && T[R].run();
               R = -1, _ = v.length;
             }
-            T = null, w = !1, d(p);
+            T = null, w = !1, f(p);
           }
         }
         i.nextTick = function(p) {
@@ -4392,7 +4392,7 @@ var ta = { exports: {} };
       }, { timers: 11 }],
       11: [function(n, o, r) {
         (function(i, a) {
-          var u = n("process/browser.js").nextTick, s = Function.prototype.apply, f = Array.prototype.slice, c = {}, d = 0;
+          var u = n("process/browser.js").nextTick, s = Function.prototype.apply, d = Array.prototype.slice, c = {}, f = 0;
           r.setTimeout = function() {
             return new v(s.call(setTimeout, window, arguments), clearTimeout);
           }, r.setInterval = function() {
@@ -4417,7 +4417,7 @@ var ta = { exports: {} };
               w._onTimeout && w._onTimeout();
             }, T));
           }, r.setImmediate = typeof i == "function" ? i : function(w) {
-            var T = d++, R = arguments.length < 2 ? !1 : f.call(arguments, 1);
+            var T = f++, R = arguments.length < 2 ? !1 : d.call(arguments, 1);
             return c[T] = !0, u(function() {
               c[T] && (R ? w.apply(null, R) : w.call(null), r.clearImmediate(T));
             }), T;
@@ -4623,8 +4623,8 @@ const At = /* @__PURE__ */ qe({
   props: ya,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = O(`${e.modelValue.id}-component`), o = O(e.canMove), r = O(e.canDelete), i = O(!1), a = O(e.modelValue), u = O(e.componentId || ""), s = O(""), f = O(""), c = O(e.customClass), d = O(), v = yt("canvas-dragula"), w = O(), T = yt("design-item-context"), R = {
-      designerItemElementRef: d,
+    const n = k(`${e.modelValue.id}-component`), o = k(e.canMove), r = k(e.canDelete), i = k(!1), a = k(e.modelValue), u = k(e.componentId || ""), s = k(""), d = k(""), c = k(e.customClass), f = k(), v = yt("canvas-dragula"), w = k(), T = yt("design-item-context"), R = {
+      designerItemElementRef: f,
       componentInstance: w,
       schema: a.value,
       parent: T,
@@ -4641,11 +4641,11 @@ const At = /* @__PURE__ */ qe({
         "position-relative": o.value && r.value || (D == null ? void 0 : D.length),
         "farris-nested": i.value,
         "can-move": o.value,
-        "d-none": d.value && d.value.classList.contains("d-none"),
-        dgComponentSelected: d.value && d.value.classList.contains("dgComponentSelected"),
-        dgComponentFocused: d.value && d.value.classList.contains("dgComponentFocused")
+        "d-none": f.value && f.value.classList.contains("d-none"),
+        dgComponentSelected: f.value && f.value.classList.contains("dgComponentSelected"),
+        dgComponentFocused: f.value && f.value.classList.contains("dgComponentFocused")
       };
-      return B[`farris-component-${a.value.type}`] = !0, B = Nt(B, b), B = Nt(B, f.value), B = Nt(B, c.value), B;
+      return B[`farris-component-${a.value.type}`] = !0, B = Nt(B, b), B = Nt(B, d.value), B = Nt(B, c.value), B;
     }), y = H(() => {
       const b = {}, D = e.modelValue.appearance && e.modelValue.appearance.style || "";
       return D && D.split(";").reduce((B, $) => {
@@ -4661,7 +4661,7 @@ const At = /* @__PURE__ */ qe({
       if (b && (b.preventDefault(), b.stopPropagation()), w.value.triggerBelongedComponentToDeleteWhenDeleted) {
         const U = w.value.getBelongedComponentInstance(w);
         if (U && U.parent) {
-          const J = O(U == null ? void 0 : U.parent), re = J.value.contents.findIndex((se) => se.id === U.schema.id);
+          const J = k(U == null ? void 0 : U.parent), re = J.value.contents.findIndex((se) => se.id === U.schema.id);
           (G = (A = J.value) == null ? void 0 : A.contents) == null || G.splice(re, 1), Rt.value++;
         }
         return;
@@ -4755,7 +4755,7 @@ const At = /* @__PURE__ */ qe({
           }, null);
       }
     }
-    be(() => e.modelValue, (b) => {
+    ge(() => e.modelValue, (b) => {
       a.value = b, n.value = `${b.id}-component`;
     });
     function g(b) {
@@ -4767,32 +4767,32 @@ const At = /* @__PURE__ */ qe({
       const D = b == null ? void 0 : b.target;
       g(D), ea(D);
     }
-    function k() {
+    function O() {
       var b, D;
-      (D = (b = a.value) == null ? void 0 : b.contents) != null && D.length && d.value && d.value.addEventListener("scroll", h);
+      (D = (b = a.value) == null ? void 0 : b.contents) != null && D.length && f.value && f.value.addEventListener("scroll", h);
     }
     gt(() => {
-      if (d.value && w.value && w.value.schema) {
-        const b = d.value.querySelector(`[data-dragref='${w.value.schema.id}-container']`);
-        v && b && v.attachComponents(b, a.value), i.value = w.value.canNested !== void 0 ? w.value.canNested : i.value, r.value = w.value.canDelete !== void 0 ? w.value.canDelete : r.value, o.value = w.value.canMove !== void 0 ? w.value.canMove : o.value, s.value = w.value.styles || "", f.value = w.value.designerClass || "", d.value && (d.value.componentInstance = w, d.value.designItemContext = R), w.value.belongedComponentId = u.value;
+      if (f.value && w.value && w.value.schema) {
+        const b = f.value.querySelector(`[data-dragref='${w.value.schema.id}-container']`);
+        v && b && v.attachComponents(b, a.value), i.value = w.value.canNested !== void 0 ? w.value.canNested : i.value, r.value = w.value.canDelete !== void 0 ? w.value.canDelete : r.value, o.value = w.value.canMove !== void 0 ? w.value.canMove : o.value, s.value = w.value.styles || "", d.value = w.value.designerClass || "", f.value && (f.value.componentInstance = w, f.value.designItemContext = R), w.value.belongedComponentId = u.value;
       }
-      k(), Rt.value++;
+      O(), Rt.value++;
     }), tn(() => {
-      d.value && d.value.removeEventListener("scroll", h);
+      f.value && f.value.removeEventListener("scroll", h);
     });
     function C(b) {
       b && (b.preventDefault(), b.stopPropagation());
       let D = R.designerItemElementRef;
-      const B = d.value;
+      const B = f.value;
       if (B) {
         const $ = document.getElementsByClassName("dgComponentFocused");
-        $ && $.length === 1 && $[0] === d.value || (Array.from($).forEach((G) => G.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((G) => G.classList.remove("dgComponentSelected")), B.classList.add("dgComponentFocused"), t.emit("selectionChange", a.value.type, a.value, u.value, w.value), w.value.getDraggableDesignItemElement && (D = w.value.getDraggableDesignItemElement(R), D && D.value && D.value.classList.add("dgComponentSelected")));
+        $ && $.length === 1 && $[0] === f.value || (Array.from($).forEach((G) => G.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((G) => G.classList.remove("dgComponentSelected")), B.classList.add("dgComponentFocused"), t.emit("selectionChange", a.value.type, a.value, u.value, w.value), w.value.getDraggableDesignItemElement && (D = w.value.getDraggableDesignItemElement(R), D && D.value && D.value.classList.add("dgComponentSelected")));
       }
       On(D == null ? void 0 : D.value);
     }
     return () => a.value.type === "component-ref" ? F(a.value) : V("div", {
       id: `${a.value.id}-design-item`,
-      ref: d,
+      ref: f,
       class: m.value,
       style: y.value,
       onClick: C
@@ -4945,7 +4945,7 @@ class dt {
   }
 }
 function Ta(e, t) {
-  const n = O(), o = O(), r = O(), i = O(), a = O(), u = O(), s = O(), f = O(), c = O(), d = O(), v = O(), w = O(), T = O(e.draggable), R = O(!1);
+  const n = k(), o = k(), r = k(), i = k(), a = k(), u = k(), s = k(), d = k(), c = k(), f = k(), v = k(), w = k(), T = k(e.draggable), R = k(!1);
   function I() {
     const B = o.value || document.body, $ = window.getComputedStyle(B);
     if (!$ || !n.value)
@@ -4953,13 +4953,13 @@ function Ta(e, t) {
     const A = Te.getTransformInfo(n.value), G = {};
     s.value && (G.deltaL = n.value.offsetLeft - s.value.x, G.deltaT = n.value.offsetTop - s.value.y);
     const U = $.getPropertyValue("position");
-    G.width = B.clientWidth, G.height = B.clientHeight, G.pr = parseInt($.getPropertyValue("padding-right"), 10), G.pb = parseInt($.getPropertyValue("padding-bottom"), 10), G.position = $.getPropertyValue("position"), U === "static" && (B.style.position = "relative"), G.translateX = A.x, G.translateY = A.y, d.value = G;
+    G.width = B.clientWidth, G.height = B.clientHeight, G.pr = parseInt($.getPropertyValue("padding-right"), 10), G.pb = parseInt($.getPropertyValue("padding-bottom"), 10), G.position = $.getPropertyValue("position"), U === "static" && (B.style.position = "relative"), G.translateX = A.x, G.translateY = A.y, f.value = G;
   }
   function m(B) {
     if (n.value) {
       i.value = dt.getCurrent(n.value), a.value = Te.getCurrent(n.value), u.value = i.value ? dt.copy(i.value) : null, s.value = a.value ? Te.copy(a.value) : null, I();
       const $ = B.target.getAttribute("type") || "";
-      f.value = {
+      d.value = {
         n: !!$.match(/n/),
         s: !!$.match(/s/),
         w: !!$.match(/w/),
@@ -4971,28 +4971,28 @@ function Ta(e, t) {
     var B, $, A, G;
     if (n.value) {
       const U = n.value;
-      f.value && ((f.value.n || f.value.s) && ((B = u.value) != null && B.height) && (U.style.height = u.value.height + "px"), (f.value.w || f.value.e) && (($ = u.value) != null && $.width) && (U.style.width = u.value.width + "px"), s.value && ((A = s.value) != null && A.x && (U.style.left = s.value.x + "px"), (G = s.value) != null && G.y && (U.style.top = s.value.y + "px")));
+      d.value && ((d.value.n || d.value.s) && ((B = u.value) != null && B.height) && (U.style.height = u.value.height + "px"), (d.value.w || d.value.e) && (($ = u.value) != null && $.width) && (U.style.width = u.value.width + "px"), s.value && ((A = s.value) != null && A.x && (U.style.left = s.value.x + "px"), (G = s.value) != null && G.y && (U.style.top = s.value.y + "px")));
     }
   }
   function E() {
     const B = e.minHeight ? e.minHeight : 1, $ = e.minWidth ? e.minWidth : 1;
-    u.value && s.value && f.value && i.value && (u.value.height < B && (u.value.height = B, f.value.n && a.value && (s.value.y = a.value.y + (i.value.height - B))), u.value.width < $ && (u.value.width = $, f.value.w && a.value && (s.value.x = a.value.x + (i.value.width - $))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, a.value && f.value.n && (s.value.y = a.value.y + (i.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, f.value.w && a.value && (s.value.x = a.value.x + (i.value.width - e.maxWidth))));
+    u.value && s.value && d.value && i.value && (u.value.height < B && (u.value.height = B, d.value.n && a.value && (s.value.y = a.value.y + (i.value.height - B))), u.value.width < $ && (u.value.width = $, d.value.w && a.value && (s.value.x = a.value.x + (i.value.width - $))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, a.value && d.value.n && (s.value.y = a.value.y + (i.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, d.value.w && a.value && (s.value.x = a.value.x + (i.value.width - e.maxWidth))));
   }
   function p() {
     if (o.value) {
-      const B = d.value;
-      if (s.value && u.value && f.value && i.value) {
+      const B = f.value;
+      if (s.value && u.value && d.value && i.value) {
         const $ = B.width - B.pr - B.deltaL - B.translateX - s.value.x, A = B.height - B.pb - B.deltaT - B.translateY - s.value.y;
-        f.value.n && s.value.y + B.translateY < 0 && a.value && (s.value.y = -B.translateY, u.value.height = i.value.height + a.value.y + B.translateY), f.value.w && s.value.x + B.translateX < 0 && a.value && (s.value.x = -B.translateX, u.value.width = i.value.width + a.value.x + B.translateX), u.value.width > $ && (u.value.width = $), u.value.height > A && (u.value.height = A);
+        d.value.n && s.value.y + B.translateY < 0 && a.value && (s.value.y = -B.translateY, u.value.height = i.value.height + a.value.y + B.translateY), d.value.w && s.value.x + B.translateX < 0 && a.value && (s.value.x = -B.translateX, u.value.width = i.value.width + a.value.x + B.translateX), u.value.width > $ && (u.value.width = $), u.value.height > A && (u.value.height = A);
       }
     }
   }
   function _(B) {
-    if (!r.value || !i.value || !a.value || !f.value)
+    if (!r.value || !i.value || !a.value || !d.value)
       return;
     B.subtract(r.value);
     const $ = B.x, A = B.y;
-    f.value.n ? (s.value.y = a.value.y + A, u.value.height = i.value.height - A) : f.value.s && (u.value.height = i.value.height + A), f.value.e ? u.value.width = i.value.width + $ : f.value.w && (u.value.width = i.value.width - $, s.value.x = a.value.x + $), p(), E(), y();
+    d.value.n ? (s.value.y = a.value.y + A, u.value.height = i.value.height - A) : d.value.s && (u.value.height = i.value.height + A), d.value.e ? u.value.width = i.value.width + $ : d.value.w && (u.value.width = i.value.width - $, s.value.x = a.value.x + $), p(), E(), y();
   }
   function M(B) {
     if (!c.value)
@@ -5026,7 +5026,7 @@ function Ta(e, t) {
       const $ = l();
       v.value = $;
     }
-    r.value = void 0, i.value = null, a.value = null, u.value = null, s.value = null, f.value = null, c.value = null, document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", S);
+    r.value = void 0, i.value = null, a.value = null, u.value = null, s.value = null, d.value = null, c.value = null, document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", S);
   }
   function x() {
     document.addEventListener("mousemove", M), document.addEventListener("mouseup", S);
@@ -5080,7 +5080,7 @@ function Ta(e, t) {
       }
     }, T.value = !1, R.value = !0);
   }
-  function k() {
+  function O() {
     var B, $;
     if (document.body.click(), w.value) {
       const A = {
@@ -5124,15 +5124,15 @@ function Ta(e, t) {
     boundingElement: o,
     resizedEventParam: v,
     maximize: h,
-    restore: k,
+    restore: O,
     allowDrag: T,
     isMaximized: R,
     unWindowResizeHandle: D
   };
 }
 function Fa(e, t, n) {
-  const o = O(), r = O(e.draggable), i = O(e.lockAxis), a = O(), u = O(), s = O(!1), f = O(new Te(0, 0)), c = O(new Te(0, 0)), d = O(new Te(0, 0)), v = O(new Te(0, 0));
-  be(() => n.value, (l) => {
+  const o = k(), r = k(e.draggable), i = k(e.lockAxis), a = k(), u = k(), s = k(!1), d = k(new Te(0, 0)), c = k(new Te(0, 0)), f = k(new Te(0, 0)), v = k(new Te(0, 0));
+  ge(() => n.value, (l) => {
     a.value.style.cursor = l ? "move" : "default";
   });
   function w(l, S) {
@@ -5147,8 +5147,8 @@ function Fa(e, t, n) {
   }
   function T() {
     var F, g;
-    let l = d.value.x + c.value.x, S = d.value.y + c.value.y;
-    i.value === "x" ? (l = ((F = f.value) == null ? void 0 : F.x) || 0, d.value.x = 0) : i.value === "y" && (S = ((g = f.value) == null ? void 0 : g.y) || 0, d.value.y = 0);
+    let l = f.value.x + c.value.x, S = f.value.y + c.value.y;
+    i.value === "x" ? (l = ((F = d.value) == null ? void 0 : F.x) || 0, f.value.x = 0) : i.value === "y" && (S = ((g = d.value) == null ? void 0 : g.y) || 0, f.value.y = 0);
     const x = `translate3d(${Math.round(l)}px, ${Math.round(S)}px, 0px)`;
     o.value && (o.value.style.transform = x), v.value.x = l, v.value.y = S;
   }
@@ -5161,17 +5161,17 @@ function Fa(e, t, n) {
       bottom: l.bottom > S.bottom,
       left: l.left < S.left
     };
-    return x.top || (d.value.y -= S.top - l.top), x.bottom || (d.value.y -= S.bottom - l.bottom), x.right || (d.value.x -= S.right - l.right), x.left || (d.value.x -= S.left - l.left), T(), x;
+    return x.top || (f.value.y -= S.top - l.top), x.bottom || (f.value.y -= S.bottom - l.bottom), x.right || (f.value.x -= S.right - l.right), x.left || (f.value.x -= S.left - l.left), T(), x;
   }
   function I(l) {
-    l && (f.value && l.subtract(f.value), d.value.set(l), T(), R());
+    l && (d.value && l.subtract(d.value), f.value.set(l), T(), R());
   }
   function m(l) {
     s.value && r.value && (l.stopPropagation(), l.preventDefault(), I(Te.fromEvent(l, a.value)));
   }
   function y() {
     var l;
-    s.value && (s.value = !1, c.value.add(d.value), d.value.reset(), (l = o.value) == null || l.classList.remove("ng-dragging"), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", y));
+    s.value && (s.value = !1, c.value.add(f.value), f.value.reset(), (l = o.value) == null || l.classList.remove("ng-dragging"), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", y));
   }
   function E() {
     !s.value && a.value && (s.value = !0, a.value.classList.add("ng-dragging"), document.addEventListener("mousemove", m), document.addEventListener("mouseup", y));
@@ -5188,7 +5188,7 @@ function Fa(e, t, n) {
     if (!n.value || l instanceof MouseEvent && l.button === 2)
       return;
     const S = l.target || l.srcElement;
-    a.value !== void 0 && S && !w(S, a.value) || r.value !== !1 && (document.body.click(), l.stopPropagation(), l.preventDefault(), f.value = Te.fromEvent(l, o.value), p(), E());
+    a.value !== void 0 && S && !w(S, a.value) || r.value !== !1 && (document.body.click(), l.stopPropagation(), l.preventDefault(), d.value = Te.fromEvent(l, o.value), p(), E());
   }
   function M(l, S, x) {
     if (r.value && S) {
@@ -5221,7 +5221,7 @@ function En(e, t) {
   }
 }
 function ka(e, t) {
-  const n = O(e.enableEsc);
+  const n = k(e.enableEsc);
   let o = null;
   return n.value ? (o = En("Escape", (r) => {
     t.emit("esc", { event: r.event, type: "esc" });
@@ -5230,7 +5230,7 @@ function ka(e, t) {
   }) : null;
 }
 function Oa(e, t) {
-  const n = O(e.enableEnter);
+  const n = k(e.enableEnter);
   let o = null;
   return n.value ? (o = En("Enter", (r) => {
     t.emit("enter", { event: r.event, type: "enter" });
@@ -5243,7 +5243,7 @@ const wt = /* @__PURE__ */ qe({
   props: xa,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
   setup(e, t) {
-    const n = O(e.width || 300), o = O(e.height || 200), r = O(e.modelValue), i = O(""), a = O(e.class), u = O(e.fitContent), s = O(e.showHeader), f = O(""), c = O(e.showCloseButton), d = O(e.showMaxButton), v = O(!1), w = O(e.dialogType), T = O(e.src), R = O(""), I = O(e.showButtons), m = O(e.title), y = O(e.resizeable), E = O(e.containment || null), p = O();
+    const n = k(e.width || 300), o = k(e.height || 200), r = k(e.modelValue), i = k(""), a = k(e.class), u = k(e.fitContent), s = k(e.showHeader), d = k(""), c = k(e.showCloseButton), f = k(e.showMaxButton), v = k(!1), w = k(e.dialogType), T = k(e.src), R = k(""), I = k(e.showButtons), m = k(e.title), y = k(e.resizeable), E = k(e.containment || null), p = k();
     function _(Y, de) {
       r.value = !1, t.emit("update:modelValue", !1), de != null && t.emit(de ? "accept" : "cancel"), t.emit("closed", Y);
     }
@@ -5261,8 +5261,8 @@ const wt = /* @__PURE__ */ qe({
       handle: (Y) => {
         _(Y, !0);
       }
-    }], l = O(e.buttons && e.buttons.length ? e.buttons : M), S = H(() => !!f.value), x = H(() => !!I.value && !!l.value), F = O(), g = O(), h = O(!1), {
-      renderResizeBar: k,
+    }], l = k(e.buttons && e.buttons.length ? e.buttons : M), S = H(() => !!d.value), x = H(() => !!I.value && !!l.value), F = k(), g = k(), h = k(!1), {
+      renderResizeBar: O,
       maximize: C,
       restore: b,
       boundingElement: D,
@@ -5276,15 +5276,15 @@ const wt = /* @__PURE__ */ qe({
       const Y = document.querySelectorAll(".farris-modal").length;
       (!Y || Y - 1 <= 0) && document.body.classList.remove("modal-open"), p.value && p.value.classList.remove("show");
     }
-    be(() => e.title, (Y, de) => {
+    ge(() => e.title, (Y, de) => {
       Y !== de && (m.value = Y);
-    }), be(() => e.modelValue, (Y, de) => {
+    }), ge(() => e.modelValue, (Y, de) => {
       Y !== de && (r.value = Y, Y || U());
-    }), be(() => e.showHeader, (Y, de) => {
+    }), ge(() => e.showHeader, (Y, de) => {
       Y !== de && (s.value = Y);
-    }), be(() => e.showButtons, (Y, de) => {
+    }), ge(() => e.showButtons, (Y, de) => {
       Y !== de && (I.value = Y);
-    }), be(() => B.value, (Y, de) => {
+    }), ge(() => B.value, (Y, de) => {
       const Re = Y || {}, $e = de || {};
       JSON.stringify(Re) !== JSON.stringify($e) && t.emit("resize", {
         newSize: Y,
@@ -5364,7 +5364,7 @@ const wt = /* @__PURE__ */ qe({
         class: "f-btn-icon f-bare"
       }, [V("span", {
         class: "f-icon modal_minimize"
-      }, null)]), d.value && V("li", {
+      }, null)]), f.value && V("li", {
         onClick: fe,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
@@ -5401,7 +5401,7 @@ const wt = /* @__PURE__ */ qe({
       }, [V("div", {
         class: "modal-title"
       }, [S.value && V("span", {
-        class: f.value,
+        class: d.value,
         style: "margin-right: 8px"
       }, null), V("span", {
         class: "modal-title-label"
@@ -5409,7 +5409,7 @@ const wt = /* @__PURE__ */ qe({
         class: "actions"
       }, [He()])]);
     }
-    function ge(Y) {
+    function ye(Y) {
       Y.stopPropagation();
     }
     return () => V(Hn, {
@@ -5425,7 +5425,7 @@ const wt = /* @__PURE__ */ qe({
             class: re.value,
             style: "display: block",
             ref: p,
-            onClick: ge
+            onClick: ye
           }, [V("div", {
             id: i.value,
             class: se.value,
@@ -5441,7 +5441,7 @@ const wt = /* @__PURE__ */ qe({
             width: "100%",
             frameborder: "0",
             src: T.value
-          }, null)]), x.value && Ne()]), !u.value && y.value && g.value && !h.value && k(g.value)])])];
+          }, null)]), x.value && Ne()]), !u.value && y.value && g.value && !h.value && O(g.value)])])];
         }
       })]
     });
@@ -5461,7 +5461,7 @@ function Ea(e) {
       Et(() => {
         document.body.removeChild(t);
       });
-      const i = O(), a = O(e.class || ""), u = O(!!e.showButtons), s = O(!!e.showHeader), f = O(e.showCloseButton == null ? !0 : e.showCloseButton), c = O(!0), d = O(e.title || ""), v = e.acceptCallback || (() => {
+      const i = k(), a = k(e.class || ""), u = k(!!e.showButtons), s = k(!!e.showHeader), d = k(e.showCloseButton == null ? !0 : e.showCloseButton), c = k(!0), f = k(e.title || ""), v = e.acceptCallback || (() => {
       }), w = e.rejectCallback || (() => {
       }), T = e.closedCallback || ((y) => {
       }), R = e.resizeHandle || ((y) => {
@@ -5476,13 +5476,13 @@ function Ea(e) {
         class: a.value,
         modelValue: c.value,
         "onUpdate:modelValue": (y) => c.value = y,
-        title: d.value,
+        title: f.value,
         width: e.width,
         height: e.height,
         buttons: e.buttons,
         "show-header": s.value,
         "show-buttons": u.value,
-        "show-close-button": f.value,
+        "show-close-button": d.value,
         "show-max-button": !1,
         onAccept: v,
         onCancel: w,
@@ -5499,10 +5499,10 @@ function Ea(e) {
 class In {
   constructor(t) {
     Q(this, "appContext", null);
-    Q(this, "modalRef", O());
-    Q(this, "activeModalIndex", O(0));
+    Q(this, "modalRef", k());
+    Q(this, "activeModalIndex", k(0));
     Q(this, "modalRefs", {});
-    Q(this, "isUseEscCloseModal", O(!1));
+    Q(this, "isUseEscCloseModal", k(!1));
     Q(this, "activeModalInstance", H(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = t, this.appContext = t ? t._context : null;
   }
@@ -5537,20 +5537,20 @@ class In {
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, t)), r = O(!0), i = o.value.acceptCallback || (() => {
+    }, t)), r = k(!0), i = o.value.acceptCallback || (() => {
     }), a = o.value.rejectCallback || (() => {
     }), u = o.value.closedCallback || ((p, _) => {
     }), s = o.value.resizeHandle || ((p) => {
     });
-    let f;
-    const c = Mn(o.value), d = (p) => {
+    let d;
+    const c = Mn(o.value), f = (p) => {
       var M;
       r.value = !1;
       const _ = (M = p == null ? void 0 : p.target) == null ? void 0 : M.classList.contains("modal_close");
       u(p, this.isUseEscCloseModal.value ? "esc" : _ ? "icon" : "button");
     }, v = (p) => {
-      d(p), f && zt(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Dt(null, n), f = null, this.modalRef.value = null, this.modalRefs) {
+      f(p), d && zt(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Dt(null, n), d = null, this.modalRef.value = null, this.modalRefs) {
           const _ = Object.keys(this.modalRefs).map((M) => Number(M));
           _.length > 0 ? this.activeModalIndex.value = Math.max(..._) : this.activeModalIndex.value = 0;
         }
@@ -5577,7 +5577,7 @@ class In {
     }), {
       default: () => [c && c(this.app)]
     });
-    return f = ((p) => {
+    return d = ((p) => {
       const _ = Ln(m, p);
       return _.appContext = this.appContext, Dt(_, n), _;
     })({
@@ -5588,7 +5588,7 @@ class In {
         o.value = {
           ...o.value,
           ...p
-        }, f && Dt(An(f, {
+        }, d && Dt(An(d, {
           ...o
         }), n);
       },
@@ -5607,21 +5607,32 @@ const Ia = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
-  title: { type: String }
+  title: { type: String },
+  valid: { type: Boolean, default: !0 },
+  inValidTip: { type: String, default: "" }
 }, Ba = /* @__PURE__ */ qe({
   name: "FDynamicFormLabel",
   props: Ia,
   emits: [],
   setup(e, t) {
-    const n = O(e.title || e.text), o = O(e.required), r = O(e.text);
-    return be(() => e.text, () => {
+    const n = k(e.title || e.text), o = k(e.required), r = k(e.text), i = k(e.valid), a = k(e.inValidTip);
+    ge(() => e.text, () => {
       r.value = e.text;
-    }), be(() => e.required, (i, a) => {
-      i !== a && (o.value = i);
-    }), () => r.value && V("label", {
+    }), ge(() => e.required, (d, c) => {
+      d !== c && (o.value = d);
+    }), ge([() => e.valid, () => e.inValidTip], ([d, c]) => {
+      i.value = d, a.value = c;
+    });
+    const u = H(() => i.value ? n.value : a.value), s = H(() => i.value ? "" : "color:red");
+    return () => r.value && V("label", {
       class: "col-form-label",
-      title: n.value
-    }, [o.value && V("span", {
+      title: u.value,
+      style: s.value
+    }, [!i.value && V("span", {
+      class: "f-icon f-icon-warning mr-1",
+      style: "color: red; min-width: 16px;",
+      title: a.value
+    }, null), o.value && V("span", {
       class: "farris-label-info text-danger"
     }, [ft("*")]), V("span", {
       class: "farris-label-text"
@@ -5725,9 +5736,9 @@ const Na = /* @__PURE__ */ qe({
   emits: ["change", "update:modelValue"],
   setup(e, t) {
     var p;
-    const n = O(e.id), o = O(e.customClass), r = O(e.editor), i = O(e.label), a = O(e.modelValue), u = O(e.readonly), s = O(((p = e.editor) == null ? void 0 : p.required) || e.required), f = O(e.showLabel), c = O(e.visible);
-    O(e.type);
-    const d = O(), {
+    const n = k(e.id), o = k(e.customClass), r = k(e.editor), i = k(e.label), a = k(e.modelValue), u = k(e.readonly), s = k(((p = e.editor) == null ? void 0 : p.required) || e.required), d = k(e.showLabel), c = k(e.visible);
+    k(e.type);
+    const f = k(), {
       resolveEditorProps: v,
       resolveEditorType: w,
       getChangeFunctionName: T,
@@ -5747,17 +5758,17 @@ const Na = /* @__PURE__ */ qe({
     const E = H(() => {
       const _ = r.value.type || "input-group", M = w(_), l = v(_, r.value), S = T(_), x = R(r.value.type);
       return x && (l[x] = y), l[S] = m, (l.id == null || l.id === "") && (l.id = n.value), _ === "number-range" && r.value.onBeginValueChange && typeof r.value.onBeginValueChange == "function" ? (r.value.onBeginValueChange && typeof r.value.onBeginValueChange == "function" && (l.onBeginValueChange = r.value.onBeginValueChange), r.value.onEndValueChange && typeof r.value.onEndValueChange == "function" && (l.onEndValueChange = r.value.onEndValueChange)) : _ === "lookup" && r.value["onUpdate:idValue"] && typeof r.value["onUpdate:idValue"] == "function" && (l["onUpdate:idValue"] = r.value["onUpdate:idValue"]), () => V(M, pt({
-        ref: d
+        ref: f
       }, l, {
         modelValue: a.value,
         "onUpdate:modelValue": (F) => a.value = F
       }), t.slots);
     });
-    return be([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([_, M, l, S, x, F, g, h, k]) => {
+    return ge([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([_, M, l, S, x, F, g, h, O]) => {
       var C;
-      n.value = _, o.value = M, r.value = l, i.value = S, a.value = x, u.value = F, s.value = ((C = r.value) == null ? void 0 : C.required) || g, f.value = h, c.value = k;
+      n.value = _, o.value = M, r.value = l, i.value = S, a.value = x, u.value = F, s.value = ((C = r.value) == null ? void 0 : C.required) || g, d.value = h, c.value = O;
     }), t.expose({
-      editorRef: d
+      editorRef: f
     }), () => c.value && V("div", {
       id: `${n.value}-input-group`,
       class: o.value,
@@ -5766,7 +5777,7 @@ const Na = /* @__PURE__ */ qe({
       class: "farris-group-wrap"
     }, [V("div", {
       class: I.value
-    }, [f.value && V(Ba, {
+    }, [d.value && V(Ba, {
       id: `${n.value}-lable`,
       required: s.value,
       text: i.value,
@@ -6276,13 +6287,13 @@ function sl() {
   return { onCopy: e };
 }
 function ul(e, t, n, o) {
-  const r = O(14), i = O(140), a = O(""), u = O(o.value.length), s = H(() => o.value), f = H(() => ({
+  const r = k(14), i = k(140), a = k(""), u = k(o.value.length), s = H(() => o.value), d = H(() => ({
     "font-size": `${r.value}px`,
     height: "100%"
   }));
-  function c(d) {
-    if (d.currentTarget) {
-      const v = d.currentTarget.value || "";
+  function c(f) {
+    if (f.currentTarget) {
+      const v = f.currentTarget.value || "";
       u.value = v.length;
     }
   }
@@ -6290,10 +6301,10 @@ function ul(e, t, n, o) {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
-    style: f.value,
+    style: d.value,
     rows: "4",
     maxlength: i.value,
-    onInput: (d) => c(d)
+    onInput: (f) => c(f)
   }, [s.value]), V("span", {
     class: "textarea-wordcount",
     title: a.value,
@@ -6308,7 +6319,7 @@ function cl(e, t, n, o) {
   return { getEditorRender: a };
 }
 function dl() {
-  const e = O(!1), t = O("复制成功");
+  const e = k(!1), t = k("复制成功");
   return {
     feedbackStyle: H(() => {
       const o = {
@@ -6370,16 +6381,16 @@ function ml(e) {
   }, null);
 }
 function vl(e, t, n, o) {
-  const r = O(e.exceptionInfo), i = H(() => {
+  const r = k(e.exceptionInfo), i = H(() => {
     const v = {
       "f-icon": !0
     }, w = `f-icon-${t.value}`;
     return v[w] = !0, v;
-  }), a = H(() => n.value || r.value && r.value.message), u = H(() => o.value), s = H(() => !!o.value), f = H(() => !!r.value);
+  }), a = H(() => n.value || r.value && r.value.message), u = H(() => o.value), s = H(() => !!o.value), d = H(() => !!r.value);
   function c() {
-    return f.value ? pl(r) : s.value ? ml(u) : () => null;
+    return d.value ? pl(r) : s.value ? ml(u) : () => null;
   }
-  const d = c();
+  const f = c();
   return () => V(_t, null, [V("div", {
     class: "float-left modal-tips-iconwrap"
   }, [V("span", {
@@ -6389,20 +6400,20 @@ function vl(e, t, n, o) {
   }, [V("p", {
     class: "toast-msg-title",
     innerHTML: a.value
-  }, null), d()])]);
+  }, null), f()])]);
 }
 function hl(e, t, n) {
   const {
     onCopy: o
   } = t, {
     toShowFeedback: r
-  } = n, i = O("复制成功"), a = O("复制详细信息"), u = O(e.exceptionInfo || {
+  } = n, i = k("复制成功"), a = k("复制详细信息"), u = k(e.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
   }), s = H(() => u.value && u.value.detail || "");
-  function f(c) {
-    o(s.value).catch((d) => {
+  function d(c) {
+    o(s.value).catch((f) => {
       i.value = "复制失败";
     }).finally(() => {
       r.value = !0, setTimeout(() => {
@@ -6413,12 +6424,12 @@ function hl(e, t, n) {
   return () => V("span", {
     style: "width: 100%;color: #2A87FF;padding-left: 37px;"
   }, [V("span", {
-    onClick: f,
+    onClick: d,
     style: "cursor: pointer;"
   }, [a.value])]);
 }
 function gl(e, t, n, o) {
-  const r = O(e.type), i = O(e.buttons), a = O(e.exceptionInfo), u = O(e.okButtonText), s = O(e.cancelButtonText), f = O(!0), c = O(!0), d = H(() => !!(i.value && i.value.length)), v = H(() => a.value && a.value.date && a.value.message && a.value.detail), w = H(() => !(i.value && i.value.length) && (u.value || s.value)), T = H(() => c.value && u.value), R = H(() => f.value && s.value), I = hl(e, n, o);
+  const r = k(e.type), i = k(e.buttons), a = k(e.exceptionInfo), u = k(e.okButtonText), s = k(e.cancelButtonText), d = k(!0), c = k(!0), f = H(() => !!(i.value && i.value.length)), v = H(() => a.value && a.value.date && a.value.message && a.value.detail), w = H(() => !(i.value && i.value.length) && (u.value || s.value)), T = H(() => c.value && u.value), R = H(() => d.value && s.value), I = hl(e, n, o);
   function m(E) {
     r.value === "question" && t.emit("reject"), t.emit("close");
   }
@@ -6435,7 +6446,7 @@ function gl(e, t, n, o) {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: y
-  }, [u.value]), d.value && i.value.length && i.value.map((E) => V("button", {
+  }, [u.value]), f.value && i.value.length && i.value.map((E) => V("button", {
     type: "button",
     onClick: E.handle,
     class: E.class
@@ -6448,7 +6459,7 @@ const Tt = /* @__PURE__ */ qe({
   props: rl,
   emits: ["accept", "reject", "close"],
   setup(e, t) {
-    const n = O(e.type), o = O(e.title), r = O(e.detail), i = H(() => {
+    const n = k(e.type), o = k(e.title), r = k(e.detail), i = H(() => {
       const I = {
         "modal-tips": !0,
         "d-flex": !0,
@@ -6458,14 +6469,14 @@ const Tt = /* @__PURE__ */ qe({
     }), a = H(() => {
       const I = {};
       return n.value === "prompt" ? I.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (I.padding = "0.5rem 1.5rem 1rem 1.5rem"), I;
-    }), u = sl(), s = cl(e, n, o, r), f = dl(), {
+    }), u = sl(), s = cl(e, n, o, r), d = dl(), {
       feedbackStyle: c,
-      feedbackMessage: d
-    } = f;
+      feedbackMessage: f
+    } = d;
     function v() {
       return V("div", {
         style: c.value
-      }, [d.value]);
+      }, [f.value]);
     }
     function w() {
       switch (n.value) {
@@ -6475,7 +6486,7 @@ const Tt = /* @__PURE__ */ qe({
           return vl(e, n, o, r);
       }
     }
-    const T = w(), R = gl(e, t, u, f);
+    const T = w(), R = gl(e, t, u, d);
     return () => V("div", {
       class: "farris-messager"
     }, [V("section", {
@@ -6484,18 +6495,18 @@ const Tt = /* @__PURE__ */ qe({
     }, [T()]), R(), v()]);
   }
 });
-class ct {
+class ut {
   static show(t) {
     const n = it({
       ...t
     }), o = !1, r = n.type === "error" || n.type === "prompt", i = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", a = n.acceptCallback || (() => {
     }), u = n.rejectCallback || (() => {
     });
-    let s = null, f = new In(s);
+    let s = null, d = new In(s);
     const c = () => {
-      s && (s == null || s.destroy(), f = null);
+      s && (s == null || s.destroy(), d = null);
     };
-    return s = f == null ? void 0 : f.open({
+    return s = d == null ? void 0 : d.open({
       class: "modal-message modal-message-type-info",
       title: i,
       showButtons: o,
@@ -6509,7 +6520,7 @@ class ct {
         onReject: u,
         onClose: c
       }), null)
-    }), f == null ? void 0 : f.getCurrentModal();
+    }), d == null ? void 0 : d.getCurrentModal();
   }
   static info(t, n) {
     const o = it({
@@ -6519,7 +6530,7 @@ class ct {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    ct.show(o);
+    ut.show(o);
   }
   static warning(t, n) {
     const o = it({
@@ -6529,7 +6540,7 @@ class ct {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    ct.show(o);
+    ut.show(o);
   }
   static success(t, n) {
     const o = it({
@@ -6539,7 +6550,7 @@ class ct {
       okButtonText: "关闭",
       cancelButtonText: ""
     });
-    ct.show(o);
+    ut.show(o);
   }
   static error(t, n, o) {
     const r = it({
@@ -6553,7 +6564,7 @@ class ct {
         detail: n
       }
     });
-    ct.show(r);
+    ut.show(r);
   }
   static prompt(t, n) {
     const o = it({
@@ -6563,7 +6574,7 @@ class ct {
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    ct.show(o);
+    ut.show(o);
   }
   static question(t, n, o, r) {
     const i = it({
@@ -6575,11 +6586,11 @@ class ct {
       acceptCallback: o,
       rejectCallback: r
     });
-    ct.show(i);
+    ut.show(i);
   }
 }
 Tt.install = (e) => {
-  e.component(Tt.name, Tt), e.provide("FMessageBoxService", ct);
+  e.component(Tt.name, Tt), e.provide("FMessageBoxService", ut);
 };
 var Ct = /* @__PURE__ */ ((e) => (e[e.Value = 0] = "Value", e[e.SmartHelp = 1] = "SmartHelp", e[e.Enum = 2] = "Enum", e[e.Express = 3] = "Express", e))(Ct || {}), Xe = /* @__PURE__ */ ((e) => (e.Equal = "0", e.NotEqual = "1", e.Greater = "2", e.GreaterOrEqual = "3", e.Less = "4", e.LessOrEqual = "5", e.Like = "6", e.LikeStartWith = "7", e.LikeEndWith = "8", e.In = "9", e.NotIn = "10", e))(Xe || {});
 const yl = [
@@ -6651,7 +6662,7 @@ function wl(e, t, n) {
   return { getCompareOperators: r };
 }
 function Bn() {
-  const e = O({ relation: 0, items: [], children: [], path: [], groupId: 0, level: 0 }), t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+  const e = k({ relation: 0, items: [], children: [], path: [], groupId: 0, level: 0 }), t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
   let o = 0;
   function r() {
     return {
@@ -6679,47 +6690,47 @@ function Bn() {
   function u(x) {
     const F = /* @__PURE__ */ new Map();
     let g = 0;
-    return x.forEach((h, k) => {
+    return x.forEach((h, O) => {
       var C, b;
-      if (g += ((C = h.lBracket) == null ? void 0 : C.length) || 0, F.set(k, g), g -= ((b = h.rBracket) == null ? void 0 : b.length) || 0, g < 0)
+      if (g += ((C = h.lBracket) == null ? void 0 : C.length) || 0, F.set(O, g), g -= ((b = h.rBracket) == null ? void 0 : b.length) || 0, g < 0)
         throw new Error("The right bracket is out of range.");
     }), F;
   }
-  function s(x, F, g, h, k) {
+  function s(x, F, g, h, O) {
     for (let C = 0; C < F; C++) {
-      const b = x + (C + 1), D = i(k, b);
+      const b = x + (C + 1), D = i(O, b);
       g.children.push(D), n.set(D.groupId, g), g = g.children[g.children.length - 1], h.push(g);
     }
     return g;
   }
-  function f(x, F, g, h, k) {
+  function d(x, F, g, h, O) {
     for (let B = F; B <= 0; B++)
       h.pop();
     const C = h[h.length - 1];
     if (!C)
       throw new Error("The group path is out of range");
-    const b = x + F, D = i(k, b);
+    const b = x + F, D = i(O, b);
     return C.children.push(D), n.set(D.groupId, C), g = C.children[C.children.length - 1], h.push(g), g;
   }
   function c(x, F, g, h) {
     g.pop();
-    const k = g[g.length - 1], C = i(h, x);
-    return k.children.push(C), n.set(C.groupId, k), F = k.children[k.children.length - 1], g.push(F), F;
+    const O = g[g.length - 1], C = i(h, x);
+    return O.children.push(C), n.set(C.groupId, O), F = O.children[O.children.length - 1], g.push(F), F;
   }
-  function d(x, F, g, h, k, C) {
+  function f(x, F, g, h, O, C) {
     let b = x[x.length - 1];
     if (!b)
       throw new Error("The group path is out of range");
     const D = F.get(h) || 0, B = F.get(g) || 0;
     if (g < 0 || g === h)
       return x[x.length - 1];
-    const $ = D - B, A = k && k.relation !== void 0 ? k.relation : 1;
-    return b = $ > 0 ? s(B, $, b, x, A) : b, b = $ < 0 ? f(B, $, b, x, A) : b, b = $ === 0 && B > 0 && D > 0 && k && C && !!k.rBracket && !!C.lBracket ? c(B, b, x, A) : b, b;
+    const $ = D - B, A = O && O.relation !== void 0 ? O.relation : 1;
+    return b = $ > 0 ? s(B, $, b, x, A) : b, b = $ < 0 ? d(B, $, b, x, A) : b, b = $ === 0 && B > 0 && D > 0 && O && C && !!O.rBracket && !!C.lBracket ? c(B, b, x, A) : b, b;
   }
   function v(x) {
-    const g = { relation: x.length && x[0].relation !== void 0 ? x[0].relation : 1, items: [], children: [], path: [], groupId: 0, level: 0 }, h = [g], k = u(x);
+    const g = { relation: x.length && x[0].relation !== void 0 ? x[0].relation : 1, items: [], children: [], path: [], groupId: 0, level: 0 }, h = [g], O = u(x);
     return x.forEach((C, b) => {
-      const D = b - 1, B = x[D], $ = d(h, k, D, b, B, C);
+      const D = b - 1, B = x[D], $ = f(h, O, D, b, B, C);
       $.items.push(C), t.set(C.conditionId, $);
     }), e.value = g, g;
   }
@@ -6732,26 +6743,26 @@ function Bn() {
       return;
     const F = t.get(x.conditionId);
     if (F) {
-      const g = F.items.findIndex((k) => k.conditionId === x.conditionId) + 1, h = r();
+      const g = F.items.findIndex((O) => O.conditionId === x.conditionId) + 1, h = r();
       t.set(h.conditionId, F), F.items.splice(g, 0, h), a();
     }
   }
   function R(x, F, g, h) {
-    x.reduce((k, C) => {
+    x.reduce((O, C) => {
       const b = C.conditionId !== void 0, D = C.groupId !== void 0;
       if (b) {
         const B = C;
-        g.push(B), k.items.set(B.conditionId, B);
+        g.push(B), O.items.set(B.conditionId, B);
       }
       if (D) {
         const B = C;
-        h.push(B), k.groups.set(B.groupId, B);
+        h.push(B), O.groups.set(B.groupId, B);
       }
-      return k;
+      return O;
     }, F);
   }
-  function I(x, F, g, h, k) {
-    x && (x.items = F.length ? x.items.filter((C) => !g.has(C.conditionId)) : x.items, x.children = h.length ? x.children.filter((C) => !k.has(C.groupId)) : x.children);
+  function I(x, F, g, h, O) {
+    x && (x.items = F.length ? x.items.filter((C) => !g.has(C.conditionId)) : x.items, x.children = h.length ? x.children.filter((C) => !O.has(C.groupId)) : x.children);
   }
   function m(x, F, g) {
     F.forEach((h) => {
@@ -6761,19 +6772,19 @@ function Bn() {
     });
   }
   function y(x) {
-    const F = x[0], g = F.conditionId !== void 0 ? t.get(F.conditionId) : n.get(F.groupId), h = { items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Map() }, k = [], C = [];
+    const F = x[0], g = F.conditionId !== void 0 ? t.get(F.conditionId) : n.get(F.groupId), h = { items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Map() }, O = [], C = [];
     if (g) {
-      R(x, h, k, C), I(g, k, h.items, C, h.groups);
+      R(x, h, O, C), I(g, O, h.items, C, h.groups);
       const b = i(g.relation, g.level + 1);
-      m(b, k, C), g.children.push(b), n.set(b.groupId, g), a();
+      m(b, O, C), g.children.push(b), n.set(b.groupId, g), a();
     }
   }
   function E(x) {
     const F = [...x.items], g = [...x.children], h = n.get(x.groupId);
-    h && (h.children = h.children.filter((k) => k.groupId !== x.groupId), n.delete(x.groupId), F.forEach((k) => {
-      h.items.push(k), t.set(k.conditionId, h);
-    }), g.forEach((k) => {
-      h.children.push(k), n.set(k.groupId, h);
+    h && (h.children = h.children.filter((O) => O.groupId !== x.groupId), n.delete(x.groupId), F.forEach((O) => {
+      h.items.push(O), t.set(O.conditionId, h);
+    }), g.forEach((O) => {
+      h.children.push(O), n.set(O.groupId, h);
     }), a());
   }
   function p(x) {
@@ -6782,13 +6793,13 @@ function Bn() {
   let _;
   function M(x) {
     const { relation: F } = x;
-    return (x.children && x.children.length ? x.children.map((h, k, C) => {
+    return (x.children && x.children.length ? x.children.map((h, O, C) => {
       const b = _(h);
-      return b[0].lBracket = (b[0].lBracket || "") + "(", b[b.length - 1].rBracket = (b[b.length - 1].rBracket || "") + ")", b[b.length - 1].relation = k < C.length - 1 ? F : 0, b;
+      return b[0].lBracket = (b[0].lBracket || "") + "(", b[b.length - 1].rBracket = (b[b.length - 1].rBracket || "") + ")", b[b.length - 1].relation = O < C.length - 1 ? F : 0, b;
     }) : []).flat();
   }
   _ = (x = e.value) => {
-    const { relation: F } = x, g = x.items.map((k, C, b) => (k.lBracket = C === 0 ? "(" : "", k.rBracket = C === b.length - 1 ? ")" : "", k.relation = C < b.length - 1 ? F || 1 : 0, k)), h = M(x);
+    const { relation: F } = x, g = x.items.map((O, C, b) => (O.lBracket = C === 0 ? "(" : "", O.rBracket = C === b.length - 1 ? ")" : "", O.relation = C < b.length - 1 ? F || 1 : 0, O)), h = M(x);
     return [...g, ...h];
   };
   function l(x) {
@@ -6820,9 +6831,9 @@ function Bn() {
   };
 }
 function Cl(e, t, n) {
-  const o = O(/* @__PURE__ */ new Set()), r = O(/* @__PURE__ */ new Set()), { conditionGroupMap: i, groupParentMap: a } = n;
+  const o = k(/* @__PURE__ */ new Set()), r = k(/* @__PURE__ */ new Set()), { conditionGroupMap: i, groupParentMap: a } = n;
   let u, s;
-  function f(m) {
+  function d(m) {
     let y = u.level <= m.level ? u : m, E = u.level > m.level ? u : m;
     const p = [];
     for (; E && y && E !== y; )
@@ -6832,11 +6843,11 @@ function Cl(e, t, n) {
   function c(m) {
     r.value.add(m.groupId), m.items.forEach((y) => o.value.add(y.conditionId)), m.children.forEach((y) => c(y));
   }
-  function d(m) {
+  function f(m) {
     const { conditionId: y } = m;
     o.value.add(y), u = o.value.size === 0 ? i.get(y) : u;
     const E = i.get(m.conditionId);
-    f(E).forEach((_) => c(_));
+    d(E).forEach((_) => c(_));
   }
   const v = H(() => o.value.size === 0 && r.value.size === 1), w = function(m) {
     r.value.delete(m.groupId), m.items.forEach((E) => s(E)), m.children.forEach((E) => !v.value && w(E));
@@ -6852,7 +6863,7 @@ function Cl(e, t, n) {
   };
   function T(m) {
     const { conditionId: y } = m;
-    o.value.size === 0 && (u = i.get(y)), o.value.has(y) ? s(m) : d(m);
+    o.value.size === 0 && (u = i.get(y)), o.value.has(y) ? s(m) : f(m);
   }
   function R() {
     const m = [];
@@ -6868,14 +6879,14 @@ const $t = /* @__PURE__ */ qe({
   props: fn,
   emits: ["valueChange", "labelCodeChange", "compareTypeChange"],
   setup(e, t) {
-    const n = O(e.key), o = O(e.conditions), r = Tn(e), {
+    const n = k(e.key), o = k(e.conditions), r = Tn(e), {
       convertToSingleControl: i,
       fields: a,
       fieldMap: u,
       loadFieldConfigs: s
-    } = r, f = Bn(), {
+    } = r, d = Bn(), {
       addCondition: c,
-      changeGroupRelation: d,
+      changeGroupRelation: f,
       getConditions: v,
       group: w,
       insertConditionTo: T,
@@ -6884,9 +6895,9 @@ const $t = /* @__PURE__ */ qe({
       removeCondition: m,
       rootGroup: y,
       unGroup: E
-    } = f, {
+    } = d, {
       createConditionValue: p
-    } = xn(), _ = Cl(e, t, f), {
+    } = xn(), _ = Cl(e, t, d), {
       selectedItems: M,
       toggleSelect: l
     } = _, {
@@ -6911,7 +6922,7 @@ const $t = /* @__PURE__ */ qe({
     function h(J, re) {
       t.emit("valueChange", J, re);
     }
-    function k(J) {
+    function O(J) {
       return V("div", {
         class: "condition-list-item-type mr-3"
       }, [V(jt, {
@@ -6976,7 +6987,7 @@ const $t = /* @__PURE__ */ qe({
       return J.items.map((re) => V("div", {
         class: "condition-list-item",
         key: re.conditionId
-      }, [k(re), C(re), b(re), D(re)]));
+      }, [O(re), C(re), b(re), D(re)]));
     }
     function $(J) {
       return V("div", {
@@ -6986,7 +6997,7 @@ const $t = /* @__PURE__ */ qe({
         onClick: () => E(J)
       }, null), V("span", {
         class: "condition-list-relation-text btn-link",
-        onClick: () => d(J)
+        onClick: () => f(J)
       }, [J.relation === 1 ? "与" : "或"])]);
     }
     function A(J) {
@@ -7164,7 +7175,7 @@ const _l = [
   ["text", Sl]
 ]);
 function El() {
-  const e = O([]), t = /* @__PURE__ */ new Map(), { loadConditionGroup: n } = Bn();
+  const e = k([]), t = /* @__PURE__ */ new Map(), { loadConditionGroup: n } = Bn();
   function o(I, m) {
     switch (I) {
       case "check-box":
@@ -7224,27 +7235,27 @@ function El() {
     return ((y = I.editor) == null ? void 0 : y.type) || r.get(m) || "text";
   }
   function u(I) {
-    var F, g, h, k, C;
-    const m = `field_filter_${I.field}`, y = Date.now(), E = I.field, p = ((F = I.column) == null ? void 0 : F.title) || "", _ = ((g = I.column) == null ? void 0 : g.dataType) || "string", M = i.get(_) || Xe.Equal, l = ((k = (h = I.column) == null ? void 0 : h.editor) == null ? void 0 : k.type) || r.get(_) || "text", S = o(l, (C = I.column) == null ? void 0 : C.filter), x = l === "lookup" || l === "combo-lookup" ? Ct.SmartHelp : l === "combo-list" ? Ct.Enum : Ct.Value;
+    var F, g, h, O, C;
+    const m = `field_filter_${I.field}`, y = Date.now(), E = I.field, p = ((F = I.column) == null ? void 0 : F.title) || "", _ = ((g = I.column) == null ? void 0 : g.dataType) || "string", M = i.get(_) || Xe.Equal, l = ((O = (h = I.column) == null ? void 0 : h.editor) == null ? void 0 : O.type) || r.get(_) || "text", S = o(l, (C = I.column) == null ? void 0 : C.filter), x = l === "lookup" || l === "combo-lookup" ? Ct.SmartHelp : l === "combo-list" ? Ct.Enum : Ct.Value;
     t.set(m, { id: m, fieldCode: E, fieldName: p, compareType: M, valueType: x, value: S, conditionId: y }), e.value = Array.from(t.values());
   }
   function s(I) {
     const m = `field_filter_${I.field}`;
     t.delete(m), e.value = Array.from(t.values());
   }
-  function f(I) {
+  function d(I) {
     t.delete(I), e.value = Array.from(t.values());
   }
   function c() {
     t.clear(), e.value = [];
   }
-  function d(I) {
+  function f(I) {
     const { valueType: m } = I.value, y = I.compareType || "0", E = _l[Number(y)];
     return Ol.get(m)[E];
   }
   function v(I) {
     const m = I.relation === 2 ? 0 : 1, y = I.items.map((p) => {
-      const _ = d(p);
+      const _ = f(p);
       return (l) => _(l, p.fieldCode, p.value.getValue());
     }), E = I.children && I.children.length ? I.children.map((p) => v(p)) : [];
     return { relation: m, filterFunctions: y, children: E };
@@ -7261,10 +7272,10 @@ function El() {
     const m = w();
     return T(I, m);
   }
-  return { addColumnFilter: u, apply: R, clearCondition: c, conditions: e, getFilterEditorType: a, removeColumnFilter: s, removeCondition: f };
+  return { addColumnFilter: u, apply: R, clearCondition: c, conditions: e, getFilterEditorType: a, removeColumnFilter: s, removeCondition: d };
 }
 function Ml(e) {
-  O(e.selection.showCheckbox || !1);
+  k(e.selection.showCheckbox || !1);
   const t = H(() => {
     var a;
     return ((a = e.hierarchy) == null ? void 0 : a.collapseField) || "__fv_collapse__";
@@ -7279,26 +7290,26 @@ function Ml(e) {
 }
 function Il(e, t, n, o, r, i, a, u) {
   var ot;
-  const { dataView: s, visibleDataItems: f } = t, { getVisualData: c, maxVisibleRowIndex: d, minVisibleRowIndex: v } = r, w = H(() => o.value.primaryColumnsWidth), T = H(() => o.value.leftColumnsWidth), R = H(() => o.value.rightColumnsWidth), I = ((ot = e.rowOption) == null ? void 0 : ot.height) || 28, m = O(0), y = O(0);
+  const { dataView: s, visibleDataItems: d } = t, { getVisualData: c, maxVisibleRowIndex: f, minVisibleRowIndex: v } = r, w = H(() => o.value.primaryColumnsWidth), T = H(() => o.value.leftColumnsWidth), R = H(() => o.value.rightColumnsWidth), I = ((ot = e.rowOption) == null ? void 0 : ot.height) || 28, m = k(0), y = k(0);
   let E = 0, p = i.value - 1;
-  const _ = O(0), M = O(0), l = O(0), S = O(e.virtualized), x = 24, F = 1.5;
+  const _ = k(0), M = k(0), l = k(0), S = k(e.virtualized), x = 24, F = 1.5;
   let g;
   function h() {
-    const N = f.value;
+    const N = d.value;
     if (N.length <= 0)
       return 0;
-    const z = d.value < N.length ? N[d.value] : N[N.length - 1];
-    return z.__fv_data_position__ > N.length * I ? N.length * I : (z.__fv_data_position__ || 0) + (z.__fv_data_height__ || 0) + Math.max(N.length - 1 - d.value, 0) * I;
+    const z = f.value < N.length ? N[f.value] : N[N.length - 1];
+    return z.__fv_data_position__ > N.length * I ? N.length * I : (z.__fv_data_position__ || 0) + (z.__fv_data_height__ || 0) + Math.max(N.length - 1 - f.value, 0) * I;
   }
-  const k = H(() => {
-    const N = h(), z = f.value;
+  const O = H(() => {
+    const N = h(), z = d.value;
     let X = z.length > i.value + a ? (i.value + a) / z.length : M.value / Math.max(N, M.value), ce = Math.floor(X * M.value);
     for (; M.value > 0 && ce < x; )
       X *= F, ce = Math.floor(X * M.value);
     return ce;
   }), C = H(() => Math.floor(l.value / Math.max(w.value, l.value) * _.value)), b = 0, D = 0, B = H(() => _.value - (T.value + w.value + R.value + u.value));
   function $(N) {
-    const X = Math.floor(N / I) + 1, ce = f.value;
+    const X = Math.floor(N / I) + 1, ce = d.value;
     return ce.length > X ? ce[X].__fv_visible_index__ - 1 : 0;
   }
   function A(N, z, X) {
@@ -7319,7 +7330,7 @@ function Il(e, t, n, o, r, i, a, u) {
   }
   function G(N) {
     var we, Ce;
-    const z = f.value;
+    const z = d.value;
     if (!z.length) {
       n.value = [];
       return;
@@ -7334,7 +7345,7 @@ function Il(e, t, n, o, r, i, a, u) {
     ve && X < M.value - z && (X = M.value - z), (!ve || ce) && (X = b), m.value !== X && (m.value = X);
   }
   function se() {
-    S.value && (E = $(Math.abs(m.value)), p = E + i.value - 1, (E < v.value || p > d.value - a / 2) && G());
+    S.value && (E = $(Math.abs(m.value)), p = E + i.value - 1, (E < v.value || p > f.value - a / 2) && G());
   }
   function j(N) {
     let z = m.value + N;
@@ -7360,7 +7371,7 @@ function Il(e, t, n, o, r, i, a, u) {
     const N = h();
     re(m.value, N);
   }
-  be([l, w], () => {
+  ge([l, w], () => {
     Z(0);
   });
   function q(N) {
@@ -7398,20 +7409,20 @@ function Il(e, t, n, o, r, i, a, u) {
     transform: `translateY(${m.value}px)`
   })), Be = H(() => ({
     width: `${T.value}px`
-  })), ge = H(() => ({
+  })), ye = H(() => ({
     transform: `translateX(${y.value}px)`
   })), Y = H(() => ({
     width: `${R.value}px`
   })), de = H(() => {
     const N = h();
-    return re(m.value, N), m.value / (M.value - N) * (M.value - k.value);
+    return re(m.value, N), m.value / (M.value - N) * (M.value - O.value);
   }), Re = H(() => ({
-    height: `${k.value}px`,
+    height: `${O.value}px`,
     top: `${de.value}px`
   })), $e = H(() => y.value / B.value * (_.value - C.value)), Ke = H(() => ({
     width: `${C.value}px`,
     left: `${$e.value}px`
-  })), We = O(!1), Le = O(-1), Ae = O(-1), Qe = O();
+  })), We = k(!1), Le = k(-1), Ae = k(-1), Qe = k();
   function Je(N) {
     if (We.value && Ae.value !== -1) {
       const z = Ae.value - N.pageX, X = _.value - C.value;
@@ -7423,9 +7434,9 @@ function Il(e, t, n, o, r, i, a, u) {
   }
   function Ue(N) {
     if (We.value && Le.value !== -1) {
-      const z = Le.value - N.pageY, X = h(), ce = X - k.value;
+      const z = Le.value - N.pageY, X = h(), ce = X - O.value;
       if (Math.abs(z) <= ce) {
-        const ve = z / (M.value - k.value) * (X - M.value);
+        const ve = z / (M.value - O.value) * (X - M.value);
         j(ve), Le.value = N.pageY;
       }
     }
@@ -7445,7 +7456,7 @@ function Il(e, t, n, o, r, i, a, u) {
     dataGridWidth: _,
     fitHorizontalScroll: ue,
     gridDataStyle: je,
-    gridHeaderColumnsStyle: ge,
+    gridHeaderColumnsStyle: ye,
     gridMergedDataStyle: Ie,
     gridSideStyle: Ne,
     horizontalScrollThumbStyle: Ke,
@@ -7471,21 +7482,21 @@ function Il(e, t, n, o, r, i, a, u) {
   };
 }
 function Bl(e, t, n, o, r, i, a, u) {
-  const s = O(o.value - 1 + r), f = O(0), { renderDataRow: c } = i, d = c, v = c;
+  const s = k(o.value - 1 + r), d = k(0), { renderDataRow: c } = i, f = c, v = c;
   function w(I) {
     let m = c;
-    return I.__fv_data_grid_group_row__ && (m = d), I.__fv_data_grid_group_summary__ && (m = v), m;
+    return I.__fv_data_grid_group_row__ && (m = f), I.__fv_data_grid_group_summary__ && (m = v), m;
   }
   function T(I, m, y, E) {
     const { visibleDataItems: p } = n, _ = [], M = p.value;
     if (M.length > 0) {
       const l = E ? Date.now().toString() : "";
       for (let S = I, x = 0; S <= m; S++, x++) {
-        const F = M[S], g = M[S - 1] || y, h = _[x - 1], k = g ? (g.__fv_data_position__ || 0) + (g.__fv_data_height__ || 0) : 0, b = w(F)(F, g, h, S, k, t.value, _);
+        const F = M[S], g = M[S - 1] || y, h = _[x - 1], O = g ? (g.__fv_data_position__ || 0) + (g.__fv_data_height__ || 0) : 0, b = w(F)(F, g, h, S, O, t.value, _);
         b.refreshKey = l, _.push(b);
       }
     }
-    return f.value = _.length > 0 ? _[0].index : 0, s.value = _.length > 0 ? _[_.length - 1].index : 0, _;
+    return d.value = _.length > 0 ? _[0].index : 0, s.value = _.length > 0 ? _[_.length - 1].index : 0, _;
   }
   function R(I, m, y) {
     const E = m.groupField || "", { groupValue: p } = m;
@@ -7493,7 +7504,7 @@ function Bl(e, t, n, o, r, i, a, u) {
     const { dataView: _ } = n, M = y[0].index, l = Math.min(M + o.value + r + 1, _.value.length - 1);
     return T(M, l);
   }
-  return { getVisualData: T, maxVisibleRowIndex: s, minVisibleRowIndex: f, toggleGroupRow: R };
+  return { getVisualData: T, maxVisibleRowIndex: s, minVisibleRowIndex: d, toggleGroupRow: R };
 }
 function Vl(e) {
   var r;
@@ -7501,7 +7512,7 @@ function Vl(e) {
   function n(i, a) {
     const u = i.pre;
     if (u) {
-      const s = u ? u.__fv_data_position__ !== void 0 ? u.__fv_data_position__ : u.__fv_index__ * t : 0, f = u ? u.__fv_data_height__ !== void 0 ? u.__fv_data_height__ : t : 0, c = i.visible ? s + f : u.__fv_data_position__;
+      const s = u ? u.__fv_data_position__ !== void 0 ? u.__fv_data_position__ : u.__fv_index__ * t : 0, d = u ? u.__fv_data_height__ !== void 0 ? u.__fv_data_height__ : t : 0, c = i.visible ? s + d : u.__fv_data_position__;
       i.top = c, a.__fv_data_position__ = c;
     } else
       i.top = 0, a.__fv_data_position__ = 0;
@@ -7521,8 +7532,8 @@ function Dl() {
       formatter: o
     } = t, r = Oe(n.raw, t.field);
     if (r.includes(",")) {
-      const a = r.split(","), u = o.data.reduce((f, c) => (f[c.value] = c, f), {});
-      return a.map((f) => u[f].name).join(",");
+      const a = r.split(","), u = o.data.reduce((d, c) => (d[c.value] = c, d), {});
+      return a.map((d) => u[d].name).join(",");
     }
     const i = o.data.find((a) => a.value === r);
     return (i == null ? void 0 : i.name) || "";
@@ -7610,15 +7621,15 @@ function Pl() {
   }
   function i(u, s) {
     const {
-      formatter: f
+      formatter: d
     } = s;
-    return f.customFormat ? new Function(`return ${f.customFormat}`)() : u;
+    return d.customFormat ? new Function(`return ${d.customFormat}`)() : u;
   }
-  function a(u, s, f) {
-    const c = Oe(f.raw, [s.field]), {
-      formatter: d
+  function a(u, s, d) {
+    const c = Oe(d.raw, [s.field]), {
+      formatter: f
     } = s;
-    return d.type === "none" ? c : d.type === "custom" ? i(c, s) : d.type === "enum" ? t(s, f) : d.type === "number" ? n(s, f) : d.type === "boolean" ? e(s, f) : d.type === "date" ? o(s, f) : c;
+    return f.type === "none" ? c : f.type === "custom" ? i(c, s) : f.type === "enum" ? t(s, d) : f.type === "number" ? n(s, d) : f.type === "boolean" ? e(s, d) : f.type === "date" ? o(s, d) : c;
   }
   return {
     renderFormatColumn: a
@@ -7626,8 +7637,8 @@ function Pl() {
 }
 function jl(e, t, n) {
   var I;
-  const o = O(e.mergeCell);
-  (I = O(e.rowOption).value) != null && I.wrapContent;
+  const o = k(e.mergeCell);
+  (I = k(e.rowOption).value) != null && I.wrapContent;
   const { updateVisualInfomation: i } = n, { renderCommandColumn: a } = mi(), { renderFormatColumn: u } = Pl();
   function s(m, y, E, p, _, M = 1) {
     const l = {
@@ -7655,7 +7666,7 @@ function jl(e, t, n) {
     };
     return l;
   }
-  function f(m, y, E) {
+  function d(m, y, E) {
     return m.getEditor = (p) => t.getEditor(p, y, p.parent), m.setRef = (p) => i(p, m, E), m.update = (p) => {
       p !== void 0 && (m.editingData = p);
     }, m.accept = () => {
@@ -7669,7 +7680,7 @@ function jl(e, t, n) {
   function c(m, y) {
     y.dataType === "commands" ? m.formatter = (E, p) => a(y, p) : y.formatter && (m.formatter = (E, p) => typeof y.formatter == "function" ? y.formatter(E, p) : u(y.dataType, y, p));
   }
-  function d(m, y, E) {
+  function f(m, y, E) {
     const p = y && y.data[E];
     if (p && p.data === m.data) {
       const M = p && p.spannedBy || p;
@@ -7677,13 +7688,13 @@ function jl(e, t, n) {
     }
   }
   function v(m, y, E) {
-    o.value && d(m, y, E.field);
+    o.value && f(m, y, E.field);
   }
   function w(m, y) {
     y.showEllipsis !== void 0 && (m.showEllipsis = y.showEllipsis), m.column = y, m.align = y.align || "left", m.valign = y.valign || "middle";
   }
   function T(m, y, E, p) {
-    w(m, y), f(m, y, p), c(m, y), v(m, E, y);
+    w(m, y), d(m, y, p), c(m, y), v(m, E, y);
   }
   function R(m, y, E, p, _) {
     const M = m.readonly ? Ge.readonly : Ge.editable, l = s(m.field, M, y, E, p);
@@ -7693,7 +7704,7 @@ function jl(e, t, n) {
 }
 function Hl(e, t, n, o, r, i) {
   var y, E;
-  const a = O(e.rowOption), u = ((y = a.value) == null ? void 0 : y.height) || 28, s = ((E = a.value) == null ? void 0 : E.wrapContent) || !1, { idField: f } = o, { collapseField: c } = n, { updateRowPosition: d } = r, { createCellByColumn: v } = i, w = (p, _, M, l) => {
+  const a = k(e.rowOption), u = ((y = a.value) == null ? void 0 : y.height) || 28, s = ((E = a.value) == null ? void 0 : E.wrapContent) || !1, { idField: d } = o, { collapseField: c } = n, { updateRowPosition: f } = r, { createCellByColumn: v } = i, w = (p, _, M, l) => {
     Pt(Oe(p, l), _, l), M.data[l].data = Oe(_, l), M.data[l].editingData = Oe(_, l);
   };
   function T(p, _, M, l, S, x, F) {
@@ -7701,13 +7712,13 @@ function Hl(e, t, n, o, r, i) {
     const {
       __fv_data_grid_group_field__: g,
       __fv_data_grid_group_value__: h,
-      __fv_data_index__: k
-    } = M, C = M.__fv_data_grid_group_layer__ || (M.__fv_parents__ ? (j = M.__fv_parents__) == null ? void 0 : j.size : 0) || 0, b = typeof M.parent == "number" ? Number(M.parent) : -1, D = M.__fv_data_grid_group_collapse__ || M[c.value], B = M.__fv_visible__ === void 0 ? !0 : M.__fv_visible__, $ = M.__fv_checked__, A = M.__fv_indeterminate__, G = M.__fv_disabled__ || M[((Z = e.rowOption) == null ? void 0 : Z.disabledField) || "disabled"], U = F == null ? void 0 : F.find((ee) => ee.raw[f.value] === M.parent), J = U && U.collapse;
+      __fv_data_index__: O
+    } = M, C = M.__fv_data_grid_group_layer__ || (M.__fv_parents__ ? (j = M.__fv_parents__) == null ? void 0 : j.size : 0) || 0, b = typeof M.parent == "number" ? Number(M.parent) : -1, D = M.__fv_data_grid_group_collapse__ || M[c.value], B = M.__fv_visible__ === void 0 ? !0 : M.__fv_visible__, $ = M.__fv_checked__, A = M.__fv_indeterminate__, G = M.__fv_disabled__ || M[((Z = e.rowOption) == null ? void 0 : Z.disabledField) || "disabled"], U = F == null ? void 0 : F.find((ee) => ee.raw[d.value] === M.parent), J = U && U.collapse;
     l && (l.parent, M.parent);
     const re = J || U && !U.visible, se = {
       collapse: D,
       data: {},
-      dataIndex: k,
+      dataIndex: O,
       groupField: g,
       groupValue: h,
       layer: C,
@@ -7734,11 +7745,11 @@ function Hl(e, t, n, o, r, i) {
         });
       }
     };
-    return l || (M.__fv_data_position__ = 0), s || (se.height = u, M.__fv_data_height__ = se.height, d(se, M)), (ue = a.value) != null && ue.customRowStatus && (a.value.customRowStatus(se), M.__fv_collapse__ = se.collapse, M.__fv_disabled__ = se.disabled, M.__fv_visible__ = se.visible), se;
+    return l || (M.__fv_data_position__ = 0), s || (se.height = u, M.__fv_data_height__ = se.height, f(se, M)), (ue = a.value) != null && ue.customRowStatus && (a.value.customRowStatus(se), M.__fv_collapse__ = se.collapse, M.__fv_disabled__ = se.disabled, M.__fv_visible__ = se.visible), se;
   }
   function R(p, _, M, l, S, x, F) {
     const g = T(bt.data, S, _, M, l, x, F);
-    return p.forEach((h, k) => {
+    return p.forEach((h, O) => {
       g.data[h.field] = v(h, S, _, g, l);
     }), g;
   }
@@ -7746,8 +7757,8 @@ function Hl(e, t, n, o, r, i) {
     return Object.assign(p, { index: _, dataIndex: M, top: l, pre: S });
   }
   function m(p, _, M, l, S, x, F) {
-    const g = p.__fv_data_index__, h = p[f.value], k = t.getEditingSnapshot(h);
-    return k === null ? R(
+    const g = p.__fv_data_index__, h = p[d.value], O = t.getEditingSnapshot(h);
+    return O === null ? R(
       x,
       p,
       _,
@@ -7755,7 +7766,7 @@ function Hl(e, t, n, o, r, i) {
       l,
       S,
       F
-    ) : I(k, l, g, S, _);
+    ) : I(O, l, g, S, _);
   }
   return { createEmptyRow: T, createNewRowFromDataItem: R, renderDataRow: m };
 }
@@ -7763,31 +7774,31 @@ function Wl(e, t, n, o) {
   var g;
   const {
     idField: r
-  } = n, i = O(e.editable), a = O(e.editOption), u = O(((g = e.rowOption) == null ? void 0 : g.wrapContent) || !1), {
+  } = n, i = k(e.editable), a = k(e.editOption), u = k(((g = e.rowOption) == null ? void 0 : g.wrapContent) || !1), {
     onClickRow: s
   } = o;
-  be(() => e.editable, () => {
+  ge(() => e.editable, () => {
     i.value = e.editable;
-  }), be(() => {
+  }), ge(() => {
     var h;
     return (h = e.editOption) == null ? void 0 : h.editMode;
   }, (h) => {
     a.value.editMode = h;
   });
-  const f = /* @__PURE__ */ new Map([["boolean", "check-box"], ["datetime", "date-picker"], ["enum", "combo-list"], ["number", "number-spinner"], ["string", "input-group"], ["text", "text"], ["commands", "commands-editor"]]);
-  let c, d, v, w;
+  const d = /* @__PURE__ */ new Map([["boolean", "check-box"], ["datetime", "date-picker"], ["enum", "combo-list"], ["number", "number-spinner"], ["string", "input-group"], ["text", "text"], ["commands", "commands-editor"]]);
+  let c, f, v, w;
   function T(h) {
-    return d && d.raw[r.value] === h ? d : null;
+    return f && f.raw[r.value] === h ? f : null;
   }
   const R = it({});
-  function I(h, k, C = {}) {
-    h.mode = Ge.editing, c = h, d = k, v = Oe(k == null ? void 0 : k.raw, h.field), w = C;
+  function I(h, O, C = {}) {
+    h.mode = Ge.editing, c = h, f = O, v = Oe(O == null ? void 0 : O.raw, h.field), w = C;
   }
   function m(h) {
     h.accept(), h.mode = Ge.editable, c = null, t.emit("endEditCell", {
       cell: h,
-      row: d,
-      newValue: Oe(d == null ? void 0 : d.raw, h.field),
+      row: f,
+      newValue: Oe(f == null ? void 0 : f.raw, h.field),
       oldValue: v,
       column: w,
       editor: R
@@ -7797,30 +7808,30 @@ function Wl(e, t, n, o) {
     if (document.body.classList.contains("lookup-modal-open"))
       return;
     const C = h.target.closest(".fv-grid-cell");
-    c && c.ref && c.ref === C || (c && (m(c), d && (d = void 0)), document.body.removeEventListener("click", y));
+    c && c.ref && c.ref === C || (c && (m(c), f && (f = void 0)), document.body.removeEventListener("click", y));
   }
-  function E(h, k, C, b = {}) {
-    h.stopPropagation(), s(h, C), i.value && a.value.editMode === "cell" && k.mode === Ge.editable && (c && m(c), Promise.resolve().then(() => Gn(e.beforeEditCell) ? !0 : typeof e.beforeEditCell == "function" ? e.beforeEditCell({
+  function E(h, O, C, b = {}) {
+    h.stopPropagation(), s(h, C), i.value && a.value.editMode === "cell" && O.mode === Ge.editable && (c && m(c), Promise.resolve().then(() => Gn(e.beforeEditCell) ? !0 : typeof e.beforeEditCell == "function" ? e.beforeEditCell({
       row: C,
-      cell: k,
+      cell: O,
       rawData: C.raw,
       column: b
     }) : e.beforeEditCell).then((D) => {
-      D && (I(k, C, b), document.body.removeEventListener("click", y), document.body.addEventListener("click", y));
+      D && (I(O, C, b), document.body.removeEventListener("click", y), document.body.addEventListener("click", y));
     }));
   }
   function p(h) {
-    Object.values(h.data).filter((k) => k.mode === Ge.editable && k.field !== "__commands__").forEach((k) => {
-      k.mode = Ge.editing;
-    }), h.status = et.editing, d = h;
+    Object.values(h.data).filter((O) => O.mode === Ge.editable && O.field !== "__commands__").forEach((O) => {
+      O.mode = Ge.editing;
+    }), h.status = et.editing, f = h;
   }
-  function _(h, k) {
+  function _(h, O) {
     Object.values(h.data).filter((C) => C.mode === Ge.editing).forEach((C) => {
-      k ? C.accept() : C.cancel(), C.mode = Ge.editable;
-    }), h.status = et.initial, d === h && (d = void 0);
+      O ? C.accept() : C.cancel(), C.mode = Ge.editable;
+    }), h.status = et.initial, f === h && (f = void 0);
   }
   function M(h) {
-    i.value && a.value.editMode === "row" && d !== h && (d && _(d, !1), p(h));
+    i.value && a.value.editMode === "row" && f !== h && (f && _(f, !1), p(h));
   }
   function l(h) {
     _(h, !0), h.status = et.initial;
@@ -7828,13 +7839,13 @@ function Wl(e, t, n, o) {
   function S(h) {
     _(h, !1), h.status = et.initial;
   }
-  function x(h, k, C) {
-    const b = k.dataType, D = k.editor || {
-      type: f.get(b) || "input-group"
+  function x(h, O, C) {
+    const b = O.dataType, D = O.editor || {
+      type: d.get(b) || "input-group"
     };
     return !u.value && D.type === "text" && (D.type = "input-group"), D ? (D.context = {
       rowData: C.raw,
-      column: k,
+      column: O,
       cell: h,
       editor: R
     }, V(Ro, {
@@ -7843,7 +7854,7 @@ function Wl(e, t, n, o) {
       editor: D,
       modelValue: h.editingData,
       "onUpdate:modelValue": (B) => h.editingData = B,
-      id: k.id
+      id: O.id
     }, null)) : h.data;
   }
   function F() {
@@ -7860,7 +7871,7 @@ function Wl(e, t, n, o) {
   };
 }
 function Ll(e) {
-  const t = O(e.idField);
+  const t = k(e.idField);
   function n(o) {
     if (o && o.length) {
       const r = o[0];
@@ -7875,12 +7886,12 @@ function Al(e, t, n, o) {
     multiSelectOnClickRow: a,
     multiSelectOnClickRowWithShift: u,
     selectItem: s,
-    selectedValues: f,
+    selectedValues: d,
     toggleSelectItem: c,
-    enableSelectRow: d
-  } = n, v = O(0), w = O(-1);
+    enableSelectRow: f
+  } = n, v = k(0), w = k(-1);
   function T(l) {
-    return d.value && (u.value ? f.value.includes(l.raw[r.value]) : l.raw[r.value] === i.value);
+    return f.value && (u.value ? d.value.includes(l.raw[r.value]) : l.raw[r.value] === i.value);
   }
   function R(l) {
     var x;
@@ -7956,9 +7967,9 @@ function Al(e, t, n, o) {
   };
 }
 function zl(e, t, n, o, r) {
-  const { idField: i } = n, a = O(""), u = H(() => e.selection.enableSelectRow), s = O(e.selection.multiSelect ?? !1), f = O(e.selection.multiSelectMode), c = O(e.selection.showCheckbox), d = O(e.selection.showSelectAll), v = O(e.selectionValues);
-  be(() => e.selection.showSelectAll, (j, Z) => {
-    j !== Z && (d.value = j);
+  const { idField: i } = n, a = k(""), u = H(() => e.selection.enableSelectRow), s = k(e.selection.multiSelect ?? !1), d = k(e.selection.multiSelectMode), c = k(e.selection.showCheckbox), f = k(e.selection.showSelectAll), v = k(e.selectionValues);
+  ge(() => e.selection.showSelectAll, (j, Z) => {
+    j !== Z && (f.value = j);
   });
   function w() {
     return t.getSelectionItems(v.value);
@@ -7968,9 +7979,9 @@ function zl(e, t, n, o, r) {
     return v.value.map((ue) => j.get(ue)).filter((ue) => !!ue);
   }
   const R = H(() => u.value && s.value), I = H(() => !!e.hierarchy), m = H(() => {
-    const j = c.value && f.value === "DependOnCheck";
+    const j = c.value && d.value === "DependOnCheck";
     return R.value && j;
-  }), y = H(() => R.value && !c.value), E = H(() => R.value && c.value && f.value === "OnCheckAndClick");
+  }), y = H(() => R.value && !c.value), E = H(() => R.value && c.value && d.value === "OnCheckAndClick");
   H(() => E.value);
   function p() {
     const j = t.getSelectionItems(v.value);
@@ -7986,12 +7997,12 @@ function zl(e, t, n, o, r) {
       Z.checked = !0, Z.raw.__fv_checked__ = !0;
     });
   }
-  be(() => o.value, () => {
+  ge(() => o.value, () => {
     M();
-  }), be(() => e.selectionValues, (j) => {
+  }), ge(() => e.selectionValues, (j) => {
     v.value = j, M();
-  }, { immediate: !0 }), be(() => e.selection, (j) => {
-    s.value = !!j.multiSelect, f.value = j.multiSelectMode || "DependOnCheck", c.value = !!j.showCheckbox;
+  }, { immediate: !0 }), ge(() => e.selection, (j) => {
+    s.value = !!j.multiSelect, d.value = j.multiSelectMode || "DependOnCheck", c.value = !!j.showCheckbox;
   });
   const l = H(() => !s.value);
   function S(j) {
@@ -8017,7 +8028,7 @@ function zl(e, t, n, o, r) {
     const Z = j.raw;
     Z.__fv_checked__ = !1, Z.__fv_indeterminate__ = !1, v.value = v.value.filter((ue) => ue !== Z[i.value]), j.checked = !1, j.indeterminate = !1;
   }
-  function k(j) {
+  function O(j) {
     g(j), a.value = j.raw[i.value];
   }
   function C(j) {
@@ -8031,10 +8042,10 @@ function zl(e, t, n, o, r) {
     l.value && F(), j.checked ? h(j) : g(j), p();
   }
   function B(j) {
-    l.value && F(), j.checked ? C(j) : k(j), p(), j.checked || _(j);
+    l.value && F(), j.checked ? C(j) : O(j), p(), j.checked || _(j);
   }
   function $(j) {
-    j.raw[i.value] !== a.value && (F(), k(j), p());
+    j.raw[i.value] !== a.value && (F(), O(j), p());
   }
   function A(j) {
     const Z = o.value.find((ue) => ue.raw[i.value] === j);
@@ -8043,7 +8054,7 @@ function zl(e, t, n, o, r) {
   function G(j) {
     const Z = o.value.filter((ue) => j.includes(ue.raw[i.value]));
     Z && Z.length && (F(), Z.forEach((ue) => {
-      k(ue);
+      O(ue);
     }), p());
   }
   function U(j) {
@@ -8054,7 +8065,7 @@ function zl(e, t, n, o, r) {
       }
   }
   function J() {
-    o.value.forEach((j) => k(j)), p();
+    o.value.forEach((j) => O(j)), p();
   }
   function re() {
     v.value.splice(0, v.value.length), o.value.forEach((j) => {
@@ -8075,18 +8086,18 @@ function zl(e, t, n, o, r) {
     getSelectionRow: se,
     indeterminate: b,
     isSelectingHirarchyItem: I,
-    multiSelectMode: f,
+    multiSelectMode: d,
     multiSelectOnClickRow: E,
     multiSelectOnClickRowWithShift: y,
     multiSelectOnlyOnCheck: m,
-    select: k,
+    select: O,
     selectAll: J,
     selectedValues: v,
     selectItem: $,
     selectItemById: A,
     selectItemByIds: G,
     showCheckBox: c,
-    showSelectAll: d,
+    showSelectAll: f,
     toggleSelectItem: B,
     toggleSelectItemWithoutRow: D,
     unSelect: C,
@@ -8096,22 +8107,22 @@ function zl(e, t, n, o, r) {
 }
 function Gl(e, t) {
   var I, m;
-  const n = String(Date.now()), o = 50, { showCheckBox: r, showSelectAll: i } = t, a = O(((I = e.rowNumber) == null ? void 0 : I.enable) ?? !1), u = H(() => e.hierarchy && r.value && e.selection.enableSelectRow && e.selection.multiSelect ? !1 : r.value), s = O(a.value ? ((m = e.rowNumber) == null ? void 0 : m.width) ?? 32 : 0), f = O(u.value ? o : 0), c = H(() => {
+  const n = String(Date.now()), o = 50, { showCheckBox: r, showSelectAll: i } = t, a = k(((I = e.rowNumber) == null ? void 0 : I.enable) ?? !1), u = H(() => e.hierarchy && r.value && e.selection.enableSelectRow && e.selection.multiSelect ? !1 : r.value), s = k(a.value ? ((m = e.rowNumber) == null ? void 0 : m.width) ?? 32 : 0), d = k(u.value ? o : 0), c = H(() => {
     var y;
     return a.value ? ((y = e.rowNumber) == null ? void 0 : y.heading) ?? "序号" : "";
-  }), d = H(() => (u.value && !e.hierarchy ? Number(f.value) : 0) + (a.value ? Number(s.value) : 0));
-  be(() => e.rowNumber, (y) => {
+  }), f = H(() => (u.value && !e.hierarchy ? Number(d.value) : 0) + (a.value ? Number(s.value) : 0));
+  ge(() => e.rowNumber, (y) => {
     y && y.enable !== void 0 && (a.value = y.enable), y && y.width !== void 0 && (s.value = y.width);
   });
   function v(y) {
     return {
       top: `${y.top}px`,
-      width: `${d.value}px`,
+      width: `${f.value}px`,
       height: `${y.height || ""}px`
     };
   }
   const w = H(() => ({
-    width: `${d.value}px`
+    width: `${f.value}px`
   }));
   function T(y) {
     return `${n}_${y.type}_r_${y.index}_${y.refreshKey || ""}`;
@@ -8119,7 +8130,7 @@ function Gl(e, t) {
   function R(y) {
     return `${n}_${y.type}_r_${y.index}_${y.refreshKey || ""}`;
   }
-  return { showRowNumer: a, showSidebarCheckBox: u, sidebarCellPosition: v, sidebarCornerCellStyle: w, sidebarTitle: c, sidebarWidth: d, rowKey: R, cellKey: T };
+  return { showRowNumer: a, showSidebarCheckBox: u, sidebarCellPosition: v, sidebarCornerCellStyle: w, sidebarTitle: c, sidebarWidth: f, rowKey: R, cellKey: T };
 }
 const ql = {
   ascend: (e, t) => e === t ? 0 : e === !1 ? -1 : 1,
@@ -8164,9 +8175,9 @@ function Kl(e) {
     return o(a.column);
   }
   function i(a, u) {
-    const s = r(a), f = (a.status & Me.sortable) === Me.sortable && (a.status & Me.sorted) === Me.sorted, c = (a.status & Me.ascending) === Me.ascending, d = (a.status & Me.descending) === Me.descending;
-    if (f && s) {
-      const v = c ? s.ascend : d ? s.decend : void 0;
+    const s = r(a), d = (a.status & Me.sortable) === Me.sortable && (a.status & Me.sorted) === Me.sorted, c = (a.status & Me.ascending) === Me.ascending, f = (a.status & Me.descending) === Me.descending;
+    if (d && s) {
+      const v = c ? s.ascend : f ? s.decend : void 0;
       v ? u.addSorter(a.field, { field: a.field, compare: v }) : u.removeSorter(a.field);
     } else
       u.removeSorter(a.field);
@@ -8174,12 +8185,12 @@ function Kl(e) {
   return { getSorterByColumn: o, updateSorter: i };
 }
 function Ql(e) {
-  const t = "parent", n = "layer", o = "hasChildren", r = (i, a = 1, u = [], s = null) => (i = i || [], i.reduce((f, c) => (c.id = c.id || c.data[e.idField], c[t] = s, c[n] = a, c[o] = !1, Object.keys(c.data).forEach((d) => {
-    Object.keys(c).includes(d) || (c[d] = c.data[d]);
-  }), u.push(c), c.children && c.children.length && (c[o] = !0, r(c.children, a + 1, u, c.id)), f), u), u);
+  const t = "parent", n = "layer", o = "hasChildren", r = (i, a = 1, u = [], s = null) => (i = i || [], i.reduce((d, c) => (c.id = c.id || c.data[e.idField], c[t] = s, c[n] = a, c[o] = !1, Object.keys(c.data).forEach((f) => {
+    Object.keys(c).includes(f) || (c[f] = c.data[f]);
+  }), u.push(c), c.children && c.children.length && (c[o] = !0, r(c.children, a + 1, u, c.id)), d), u), u);
   return { flatTreeData: r };
 }
-function Jl(e, t, n, o, r, i, a, u, s, f, c, d, v, w, T, R, I) {
+function Jl(e, t, n, o, r, i, a, u, s, d, c, f, v, w, T, R, I) {
   const {
     calculateCellPositionInRow: m
   } = i, {
@@ -8192,7 +8203,7 @@ function Jl(e, t, n, o, r, i, a, u, s, f, c, d, v, w, T, R, I) {
     rightFixedGridDataStyle: l
   } = w, {
     renderDataRow: S
-  } = fi(e, t, y, I, u, s, f, c, d, v, w), x = [S];
+  } = fi(e, t, y, I, u, s, d, c, f, v, w), x = [S];
   function F(b, D) {
     const B = m(b);
     return I.value.filter(($) => $.visible !== !1).map(($) => x[$.type]($, B, D));
@@ -8215,7 +8226,7 @@ function Jl(e, t, n, o, r, i, a, u, s, f, c, d, v, w, T, R, I) {
       style: _.value
     }, [F(y.value.primaryColumns.filter((b) => b.visible), "primary")])]);
   }
-  function k() {
+  function O() {
     return V("div", {
       ref: r,
       class: "fv-grid-content-right-fixed"
@@ -8226,7 +8237,7 @@ function Jl(e, t, n, o, r, i, a, u, s, f, c, d, v, w, T, R, I) {
   }
   function C() {
     const b = [];
-    return E.value && b.push(g()), b.push(h()), p.value && b.push(k()), b;
+    return E.value && b.push(g()), b.push(h()), p.value && b.push(O()), b;
   }
   return {
     renderDataArea: C
@@ -8238,7 +8249,7 @@ const Ot = /* @__PURE__ */ qe({
   emits: ["selectionChange", "clickRow", "expandNode"],
   setup(e, t) {
     var vt, P;
-    const o = ((vt = e.rowOption) == null ? void 0 : vt.height) || 28, r = O(20), i = O(e.columns), a = qn(e), u = O(), s = O(), f = O(), c = O(), d = O(), v = O([]), w = O(!1), T = O(((P = e.rowOption) == null ? void 0 : P.wrapContent) || !1), R = Un(e, a), I = Yn(), m = Xn(e), {
+    const o = ((vt = e.rowOption) == null ? void 0 : vt.height) || 28, r = k(20), i = k(e.columns), a = qn(e), u = k(), s = k(), d = k(), c = k(), f = k(), v = k([]), w = k(!1), T = k(((P = e.rowOption) == null ? void 0 : P.wrapContent) || !1), R = Un(e, a), I = Yn(), m = Xn(e), {
       showLoading: y,
       renderLoading: E
     } = Kn(e, u), p = Qn(e, /* @__PURE__ */ new Map(), I, m, a), _ = Jn(e, p, a, v, t), M = Zn(e, v, a, _, t), l = H(() => e.disabled), S = H(() => e.virtualized ? Math.min(p.dataView.value.length, r.value) : p.dataView.value.length), {
@@ -8247,12 +8258,12 @@ const Ot = /* @__PURE__ */ qe({
       applyCommands: g
     } = F;
     g(i);
-    const h = no(e), k = oo(e), {
+    const h = no(e), O = oo(e), {
       applyColumnSorter: C,
       columnContext: b,
       updateColumnRenderContext: D
     } = h;
-    C(p, k);
+    C(p, O);
     const B = ro(e, b), $ = io(e, t, _, a), A = ao(e, t, a, $), G = lo(e), U = so(e, A, G), J = uo(e, A, m, a, G, U), re = co(e, i, p, S, 0, J), {
       getVisualData: se
     } = re, j = fo(e, b), Z = po(e, _), {
@@ -8266,7 +8277,7 @@ const Ot = /* @__PURE__ */ qe({
       updateVisibleRowsOnLatestVisibleScope: je
     } = ee, Ie = vo(e, b, s, fe, B), {
       calculateColumnsSize: ke
-    } = Ie, He = ho(), Ne = go(s, d, p, He, ee), Be = yo(e, t, h, p, B, R, ee), ge = H(() => ({
+    } = Ie, He = ho(), Ne = go(s, f, p, He, ee), Be = yo(e, t, h, p, B, R, ee), ye = H(() => ({
       "fv-grid": !0,
       "fv-grid-bordered": e.showBorder,
       "fv-grid-horizontal-bordered": e.showHorizontalLines,
@@ -8277,11 +8288,11 @@ const Ot = /* @__PURE__ */ qe({
       "fv-grid-wrap-content": T.value
     })), {
       renderDataArea: de
-    } = Jl(e, t, f, c, d, j, h, p, A, m, $, _, M, ee, re, G, v), {
+    } = Jl(e, t, d, c, f, j, h, p, A, m, $, _, M, ee, re, G, v), {
       renderGridHeader: Re,
       renderGridColumnResizeOverlay: $e,
       shouldShowHeader: Ke
-    } = bo(e, t, s, c, d, h, p, Be, Ne, I, He, Ie, B, _, Z, k, ee, fe, v), {
+    } = bo(e, t, s, c, f, h, p, Be, Ne, I, He, Ie, B, _, Z, O, ee, fe, v), {
       renderDataGridSidebar: We
     } = wo(e, $, _, Z, ee), {
       renderDisableMask: Le
@@ -8294,15 +8305,15 @@ const Ot = /* @__PURE__ */ qe({
       var L, K, le;
       if (s.value && s.value.clientHeight > 0 && ((L = s.value) == null ? void 0 : L.clientWidth) > 0) {
         const pe = Math.ceil(s.value.clientHeight / o);
-        pe > r.value && (r.value = pe, je()), me.value = ((K = f.value) == null ? void 0 : K.clientHeight) || 0, q.value = ((le = s.value) == null ? void 0 : le.clientWidth) || 0, ke();
+        pe > r.value && (r.value = pe, je()), me.value = ((K = d.value) == null ? void 0 : K.clientHeight) || 0, q.value = ((le = s.value) == null ? void 0 : le.clientWidth) || 0, ke();
       }
     }
     gt(() => {
       s.value && (r.value = Math.max(Math.ceil(s.value.clientHeight / o), r.value), v.value = se(0, S.value + 0 - 1), nn(s.value, Je), ke(), zt(() => {
-        s.value && (q.value = s.value.clientWidth), f.value && (fe.value = f.value.clientWidth, me.value = f.value.clientHeight);
+        s.value && (q.value = s.value.clientWidth), d.value && (fe.value = d.value.clientWidth, me.value = d.value.clientHeight);
       })), y.value && E();
     }), Et(() => {
-    }), be(fe, () => {
+    }), ge(fe, () => {
       s.value && ke();
     });
     function Ue() {
@@ -8331,7 +8342,7 @@ const Ot = /* @__PURE__ */ qe({
       A.cancelEditingRow(L);
     }
     function ce(L) {
-      L && (i.value = L, g(i), D(i.value), C(p, k), ke());
+      L && (i.value = L, g(i), D(i.value), C(p, O), ke());
     }
     function ve(L) {
       L && (p.load(L), De());
@@ -8375,7 +8386,7 @@ const Ot = /* @__PURE__ */ qe({
       clickRowItemById: _e
     }), () => V("div", {
       ref: u,
-      class: ge.value,
+      class: ye.value,
       style: x.value,
       onWheel: W
     }, [s.value && Ke.value && Re(), V("div", {
@@ -8393,18 +8404,18 @@ function Zl(e, t, n, o, r = "data-grid-column") {
     hasRightFixedColumn: u
   } = n, {
     gridHeaderColumnsStyle: s,
-    leftFixedGridHeaderColumnsStyle: f,
+    leftFixedGridHeaderColumnsStyle: d,
     rightFixedGridHeaderColumnsStyle: c
-  } = o, d = i.value.defaultColumnWidth, v = 32, w = /* @__PURE__ */ new Map([[0, 0]]);
+  } = o, f = i.value.defaultColumnWidth, v = 32, w = /* @__PURE__ */ new Map([[0, 0]]);
   function T(F, g) {
-    const h = w.get(g) || 0, k = {
+    const h = w.get(g) || 0, O = {
       height: `${F.depth * v}px`,
       left: `${F.left}px`,
       top: `${(F.layer - 1) * v}px`,
       width: `${F.actualWidth}px`,
       padding: 0
     };
-    return i.value.headerDepth > 1 && (k["line-height"] = `${F.depth * v}px`), w.set(g + 1, h + (F.actualWidth || d)), k;
+    return i.value.headerDepth > 1 && (O["line-height"] = `${F.depth * v}px`), w.set(g + 1, h + (F.actualWidth || f)), O;
   }
   const R = H(() => ({
     "fv-grid-header": !0,
@@ -8421,28 +8432,28 @@ function Zl(e, t, n, o, r = "data-grid-column") {
       class: "f-icon f-icon-home-setup"
     }, null)]);
   }
-  function E(F, g, h, k) {
+  function E(F, g, h, O) {
     var C;
-    (C = e == null ? void 0 : e.setupContext) == null || C.emit("selectionChange", F, g, h, k);
+    (C = e == null ? void 0 : e.setupContext) == null || C.emit("selectionChange", F, g, h, O);
   }
   function p(F) {
-    var h, k;
-    return "w-100 d-flex align-items-center justify-content-" + (((h = F.column) == null ? void 0 : h.halign) === "center" ? "center" : ((k = F.column) == null ? void 0 : k.halign) === "right" ? "end pr-2" : "start pl-2");
+    var h, O;
+    return "w-100 d-flex align-items-center justify-content-" + (((h = F.column) == null ? void 0 : h.halign) === "center" ? "center" : ((O = F.column) == null ? void 0 : O.halign) === "right" ? "end pr-2" : "start pl-2");
   }
   function _(F, g, h) {
     var C;
-    const k = O(F.column);
+    const O = k(F.column);
     return V("div", {
       class: "fv-grid-header-cell",
       style: T(F, h)
     }, [V(At, {
-      modelValue: k.value,
-      "onUpdate:modelValue": (b) => k.value = b,
+      modelValue: O.value,
+      "onUpdate:modelValue": (b) => O.value = b,
       customClass: p(F),
       canAdd: !1,
       canDelete: !1,
       canMove: !1,
-      key: (C = k.value) == null ? void 0 : C.id,
+      key: (C = O.value) == null ? void 0 : C.id,
       type: r,
       componentId: t.componentId,
       onSelectionChange: E
@@ -8452,12 +8463,12 @@ function Zl(e, t, n, o, r = "data-grid-column") {
   }
   function M(F) {
     return F.map((g, h) => {
-      const k = [];
-      if (k.push(_(g, F, h)), g.children && g.children.length) {
+      const O = [];
+      if (O.push(_(g, F, h)), g.children && g.children.length) {
         const C = M(g.children);
-        k.push(...C);
+        O.push(...C);
       }
-      return k;
+      return O;
     });
   }
   function l() {
@@ -8465,7 +8476,7 @@ function Zl(e, t, n, o, r = "data-grid-column") {
       class: "fv-grid-header-left-fixed"
     }, [V("div", {
       class: "fv-grid-header-columns",
-      style: f.value
+      style: d.value
     }, [M(i.value.leftHeaderColumns)])]);
   }
   function S() {
@@ -8519,13 +8530,13 @@ class es extends Ki {
           readonly: !0
         }
       },
-      setPropertyRelates(f, c) {
-        switch (f && f.propertyID) {
+      setPropertyRelates(d, c) {
+        switch (d && d.propertyID) {
           case "dataSource": {
-            const d = r.formSchemaUtils.getViewModelById(r.viewModelId);
-            if (d) {
-              const v = o.find((w) => w.label === f.propertyValue);
-              d.bindTo = v.bindTo;
+            const f = r.formSchemaUtils.getViewModelById(r.viewModelId);
+            if (f) {
+              const v = o.find((w) => w.label === d.propertyValue);
+              f.bindTo = v.bindTo;
             }
             r.designViewModelUtils.assembleDesignViewModel();
             break;
@@ -8672,7 +8683,7 @@ class es extends Ki {
   }
 }
 function ts(e, t) {
-  const n = e.schema, o = O(!0), r = O(!0);
+  const n = e.schema, o = k(!0), r = k(!0);
   function i(c) {
     return c && c.sourceType === "control" ? c.componentCategory === "input" : !1;
   }
@@ -8685,7 +8696,7 @@ function ts(e, t) {
   function s() {
     return !0;
   }
-  function f(c) {
+  function d(c) {
     return new es(c, t).getPropertyConfig(n);
   }
   return {
@@ -8695,27 +8706,27 @@ function ts(e, t) {
     hideNestedPaddingInDesginerView: s,
     triggerBelongedComponentToMoveWhenMoved: o,
     triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: f
+    getPropsConfig: d
   };
 }
 function ns(e, t, n, o, r) {
   const { getGridHeaderCells: i } = r, a = 120, u = 50, s = H(() => {
     var l;
     return ((l = e.rowNumber) == null ? void 0 : l.enable) || !1;
-  }), f = H(() => {
+  }), d = H(() => {
     var l, S;
     return ((l = e.selection) == null ? void 0 : l.multiSelect) || ((S = e.selection) == null ? void 0 : S.showCheckbox) || !1;
   }), c = H(
     () => {
       var l;
-      return 0 + (s.value ? ((l = e.rowNumber) == null ? void 0 : l.width) || 32 : 0) + (f.value ? u : 0);
+      return 0 + (s.value ? ((l = e.rowNumber) == null ? void 0 : l.width) || 32 : 0) + (d.value ? u : 0);
     }
-  ), d = H(() => {
+  ), f = H(() => {
     var l;
     return (l = e.columnOption) == null ? void 0 : l.fitColumns;
   }), v = H(() => {
     var l;
-    return d.value && ((l = e.columnOption) == null ? void 0 : l.fitMode) || "none";
+    return f.value && ((l = e.columnOption) == null ? void 0 : l.fitMode) || "none";
   });
   function w(l, S, x) {
     const F = parseInt(l.width, 10) / 100;
@@ -8735,27 +8746,27 @@ function ns(e, t, n, o, r) {
       const b = h * (C.width / g);
       C.actualWidth = b, l.value.primaryColumnsWidth += C.actualWidth;
     });
-    const k = S - h;
+    const O = S - h;
     F.forEach((C) => {
-      const b = w(C, l.value, k);
+      const b = w(C, l.value, O);
       C.actualWidth = b, l.value.primaryColumnsWidth += C.actualWidth;
     });
   }
   function I(l, S) {
     const x = [], F = [], g = /* @__PURE__ */ new WeakMap();
-    let h = 0, k = 0;
+    let h = 0, O = 0;
     if (l.value.primaryColumns.filter((b) => b.visible).forEach((b) => {
       if (typeof b.width == "string") {
         const D = w(b, l.value, S);
         g.set(b, D), h += D, F.push(b);
       } else
-        b.width = b.width || a, k += b.width, x.push(b);
-    }), S - h > k) {
+        b.width = b.width || a, O += b.width, x.push(b);
+    }), S - h > O) {
       const b = S - h;
       F.forEach((D) => {
         D.actualWidth = g.get(D) || a, l.value.primaryColumnsWidth += D.actualWidth;
       }), x.forEach((D) => {
-        D.actualWidth = b * (D.width / k), l.value.primaryColumnsWidth += D.actualWidth;
+        D.actualWidth = b * (D.width / O), l.value.primaryColumnsWidth += D.actualWidth;
       });
     } else
       R(l, S);
@@ -8789,8 +8800,8 @@ function ns(e, t, n, o, r) {
     l.value.rightColumns.filter((B) => B.visible).forEach((B) => {
       B.actualWidth = T(B, l.value, S), F += B.actualWidth;
     });
-    const k = x - F, C = y[v.value];
-    if (C && C(l, k), l.value.primaryColumnsWidth + F <= x)
+    const O = x - F, C = y[v.value];
+    if (C && C(l, O), l.value.primaryColumnsWidth + F <= x)
       return l.value.primaryColumns = [...g, ...h], l.value.primaryColumnsWidth += F, l.value.rightColumns = [], l.value.rightColumnsWidth = 0, !0;
     const b = /* @__PURE__ */ new Map();
     return b.set("primary", []), b.set("right", []), l.value.primaryColumns.reduce((B, $) => {
@@ -8818,13 +8829,13 @@ function ns(e, t, n, o, r) {
       E(t), t.value = Object.assign({}, t.value);
     }
   }
-  return be(() => {
+  return ge(() => {
     var l;
     return (l = e.columnOption) == null ? void 0 : l.fitColumns;
   }, (l, S) => {
     l !== S && l && M();
-  }), be(v, (l, S) => {
-    l !== S && d.value && M();
+  }), ge(v, (l, S) => {
+    l !== S && f.value && M();
   }), { calculateColumnHeaders: E, calculateColumnsSize: M, calculateColumnsWidth: p };
 }
 const os = /* @__PURE__ */ qe({
@@ -8833,7 +8844,7 @@ const os = /* @__PURE__ */ qe({
   emits: [],
   setup(e, t) {
     var Ne, Be;
-    const n = O(), o = 0, r = ((Ne = e.rowOption) == null ? void 0 : Ne.height) || 28, i = O(20), a = O(e.columns), u = Ll(e), s = O(), f = O(), c = O([]), d = O(!1), v = O(((Be = e.rowOption) == null ? void 0 : Be.wrapContent) || !1), w = yt("designer-host-service"), T = yt("design-item-context"), R = ts(T, w), I = Xi(n, T, R);
+    const n = k(), o = 0, r = ((Ne = e.rowOption) == null ? void 0 : Ne.height) || 28, i = k(20), a = k(e.columns), u = Ll(e), s = k(), d = k(), c = k([]), f = k(!1), v = k(((Be = e.rowOption) == null ? void 0 : Be.wrapContent) || !1), w = yt("designer-host-service"), T = yt("design-item-context"), R = ts(T, w), I = Xi(n, T, R);
     I.value.designerClass = "f-utils-fill-flex-column";
     const m = El(), y = Ml(e), E = Ti(e, /* @__PURE__ */ new Map(), m, y, u), p = zl(e, E, u, c, t), _ = H(() => E.dataView.value.length), {
       containerStyleObject: M
@@ -8845,7 +8856,7 @@ const os = /* @__PURE__ */ qe({
       applyColumnSorter: F,
       columnContext: g,
       updateColumnRenderContext: h
-    } = x, k = Kl(), C = bi(e, g), b = Al(e, t, p, u), D = Wl(e, t, u, b), B = Vl(e), $ = jl(e, D, B), A = Hl(e, D, y, u, B, $), G = Bl(e, a, E, _, o, A), {
+    } = x, O = Kl(), C = bi(e, g), b = Al(e, t, p, u), D = Wl(e, t, u, b), B = Vl(e), $ = jl(e, D, B), A = Hl(e, D, y, u, B, $), G = Bl(e, a, E, _, o, A), {
       getVisualData: U
     } = G, J = Gl(e, p), {
       sidebarWidth: re
@@ -8866,7 +8877,7 @@ const os = /* @__PURE__ */ qe({
       "fv-datagrid-strip": e.showStripe
     })), De = H(() => ({
       "fv-grid-content": !0,
-      "fv-grid-content-hover": d.value,
+      "fv-grid-content-hover": f.value,
       "fv-grid-wrap-content": v.value
     })), {
       renderGridHeader: je
@@ -8875,20 +8886,20 @@ const os = /* @__PURE__ */ qe({
     } = pi(e, s, se);
     function ke() {
       var Y, de;
-      const ge = Math.ceil(s.value.clientHeight / r);
-      ge > i.value && (i.value = ge, W()), ue.value = ((Y = f.value) == null ? void 0 : Y.clientHeight) || 0, Z.value = ((de = s.value) == null ? void 0 : de.clientWidth) || 0, me();
+      const ye = Math.ceil(s.value.clientHeight / r);
+      ye > i.value && (i.value = ye, W()), ue.value = ((Y = d.value) == null ? void 0 : Y.clientHeight) || 0, Z.value = ((de = s.value) == null ? void 0 : de.clientWidth) || 0, me();
     }
     gt(() => {
       n.value.componentInstance = I, s.value && (i.value = Math.max(Math.ceil(s.value.clientHeight / r), i.value), c.value = U(0, _.value + o - 1), nn(s.value, ke), me(), zt(() => {
-        s.value && (Z.value = s.value.clientWidth), f.value && (ee.value = f.value.clientWidth, ue.value = f.value.clientHeight);
+        s.value && (Z.value = s.value.clientWidth), d.value && (ee.value = d.value.clientWidth, ue.value = d.value.clientHeight);
       }));
     });
-    function He(ge) {
-      ge && (a.value = ge, S(a), h(a.value), F(E, k), me());
+    function He(ye) {
+      ye && (a.value = ye, S(a), h(a.value), F(E, O), me());
     }
-    return be(() => e.columns, (ge) => {
-      He(ge);
-    }), be(ee, () => {
+    return ge(() => e.columns, (ye) => {
+      He(ye);
+    }), ge(ee, () => {
       s.value && me();
     }), t.expose(I.value), () => V("div", {
       ref: n,
@@ -8900,10 +8911,10 @@ const os = /* @__PURE__ */ qe({
       ref: s,
       class: De.value,
       onMouseover: () => {
-        d.value = !0;
+        f.value = !0;
       },
       onMouseleave: () => {
-        d.value = !1;
+        f.value = !1;
       }
     }, [Ie()])]);
   }