@farris/ui-vue 1.4.0 → 1.4.1

package/components/data-view/index.esm.js

@@ -1,7 +1,7 @@
 var Ln = Object.defineProperty;
 var An = (e, t, n) => t in e ? Ln(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ee = (e, t, n) => An(e, typeof t != "symbol" ? t + "" : t, n);
-import { createVNode as M, resolveComponent as qe, createTextVNode as Re, ref as V, isVNode as on, nextTick as Tt, computed as W, inject as vt, watch as me, Fragment as _t, onMounted as yt, withDirectives as rn, vModelCheckbox as zn, defineComponent as Ke, reactive as st, createApp as an, onUnmounted as Bt, Transition as ln, mergeProps as ht, onBeforeUnmount as sn, resolveDirective as Gn, provide as qn, Teleport as Un, shallowRef as Xn, render as Pt, h as Yn, cloneVNode as Kn } from "vue";
+import { createVNode as M, resolveComponent as qe, createTextVNode as Re, ref as V, isVNode as on, nextTick as Tt, computed as W, inject as vt, watch as pe, Fragment as _t, onMounted as yt, withDirectives as rn, vModelCheckbox as zn, defineComponent as Ke, reactive as st, createApp as an, onUnmounted as Bt, Transition as ln, mergeProps as ht, onBeforeUnmount as sn, resolveDirective as Gn, provide as qn, Teleport as Un, shallowRef as Xn, render as Pt, h as Yn, cloneVNode as Kn } from "vue";
 import { F_MODAL_SERVICE_TOKEN as Jn } from "../modal/index.esm.js";
 import un from "../transfer/index.esm.js";
 import cn, { FTabPage as Wt } from "../tabs/index.esm.js";
@@ -12,7 +12,7 @@ import no, { FFilterBar as oo } from "../filter-bar/index.esm.js";
 import dn from "../pagination/index.esm.js";
 import ro, { FSearchBox as io } from "../search-box/index.esm.js";
 import ao, { FTags as lo } from "../tags/index.esm.js";
-import { cloneDeep as ut, isPlainObject as Zt, throttle as so, isUndefined as uo } from "lodash-es";
+import { cloneDeep as pt, isPlainObject as Zt, throttle as so, isUndefined as uo } from "lodash-es";
 import co, { FDynamicFormGroup as fo, FDynamicFormInput as po } from "../dynamic-form/index.esm.js";
 import "../designer-canvas/index.esm.js";
 import { useResizeObserver as fn } from "@vueuse/core";
@@ -123,15 +123,15 @@ function qr(e, t, n, o, r, i, a) {
     let x = O ? f ^ L.sorted : f;
     return x = g ? x ^ L.ascending : x, x = p ? x ^ L.descending : x, x;
   }
-  function h(c) {
+  function v(c) {
     c.sortType = "none", c.status = s(c);
     const f = c.column;
     f && (f.sort = "none", f.sortOrder = 0, e.applyColumnSorter(t, i));
   }
   function m(c, f) {
-    f.column && (f.column.filter = null), t.removeFilter(`field_filter_${f.field}`), h(f);
+    f.column && (f.column.filter = null), t.removeFilter(`field_filter_${f.field}`), v(f);
   }
-  function v(c) {
+  function h(c) {
     const f = s(c), O = c.sortType === "none" ? f : c.sortType === "asc" ? f | L.sorted | L.ascending : f | L.sorted | L.descending;
     c.status = O;
     const g = c.column;
@@ -144,7 +144,7 @@ function qr(e, t, n, o, r, i, a) {
   }
   function E(c, f) {
     var O;
-    f.showPopover = !1, f.filterHistory = void 0, r.updateFilterHistory(f, (O = f.column) == null ? void 0 : O.filter), w(f), v(f), a.reCalculateVisualDataRows();
+    f.showPopover = !1, f.filterHistory = void 0, r.updateFilterHistory(f, (O = f.column) == null ? void 0 : O.filter), w(f), h(f), a.reCalculateVisualDataRows();
   }
   function _(c) {
     const f = c.status, O = (f & L.sorted) === L.sorted, g = O && (f & L.ascending) === L.ascending;
@@ -204,8 +204,8 @@ function qr(e, t, n, o, r, i, a) {
 function Ur(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !on(e);
 }
-function Xr(e, t, n, o, r, i, a, u, s, h, m) {
-  function v(C) {
+function Xr(e, t, n, o, r, i, a, u, s, v, m) {
+  function h(C) {
     const I = C.status;
     return {
       "fv-column-handler": !0,
@@ -246,7 +246,7 @@ function Xr(e, t, n, o, r, i, a, u, s, h, m) {
     };
   }, g = /* @__PURE__ */ new Map([[L.sortable, L.sortable | L.sorted | L.ascending], [L.sortable | L.sorted | L.ascending, L.sortable | L.sorted | L.descending], [L.sortable | L.sorted | L.descending, L.sortable]]), {
     renderFilterContainer: p
-  } = qr(r, i, a, u, s, h, m), x = V();
+  } = qr(r, i, a, u, s, v, m), x = V();
   function l(C, I) {
     I.filter((k) => k !== C && k.showPopover).forEach((k) => {
       k.showPopover = !1;
@@ -278,7 +278,7 @@ function Xr(e, t, n, o, r, i, a, u, s, h, m) {
     const I = C.status;
     if ((I & L.sortable) === L.sortable && (I & L.filterable) === L.none && g.has(I)) {
       const R = g.get(I), D = (R & L.sorted) === L.sorted, A = (R & L.ascending) === L.ascending, z = (R & L.descending) === L.descending, U = C.column;
-      U && (U.sort = A ? "asc" : z ? "desc" : "none", U.sortOrder = D ? U.sortOrder : 0, C.status = R, r.applyColumnSorter(i, h), m.reCalculateVisualDataRows());
+      U && (U.sort = A ? "asc" : z ? "desc" : "none", U.sortOrder = D ? U.sortOrder : 0, C.status = R, r.applyColumnSorter(i, v), m.reCalculateVisualDataRows());
     }
   }
   function y(C, I, k) {
@@ -286,7 +286,7 @@ function Xr(e, t, n, o, r, i, a, u, s, h, m) {
   }
   function T(C, I, k) {
     return [M("span", {
-      class: v(C),
+      class: h(C),
       onClick: (R) => y(R, C, k)
     }, [M("i", {
       class: O(C)
@@ -296,8 +296,8 @@ function Xr(e, t, n, o, r, i, a, u, s, h, m) {
     renderHeaderCellHandler: T
   };
 }
-function Yr(e, t, n, o, r, i, a, u, s, h) {
-  const m = "id", v = V();
+function Yr(e, t, n, o, r, i, a, u, s, v) {
+  const m = "id", h = V();
   let w;
   const {
     applySortableColumns: E,
@@ -397,7 +397,7 @@ function Yr(e, t, n, o, r, i, a, u, s, h) {
         class: "container"
       }, {
         default: () => [M(eo, {
-          ref: v,
+          ref: h,
           style: "height: 480px",
           fields: S.value,
           conditions: f.value
@@ -428,7 +428,7 @@ function Yr(e, t, n, o, r, i, a, u, s, h) {
     }
   }
   function z() {
-    v.value && (f.value = v.value.getConditions(), r.refresh(), s.reCalculateVisualDataRows());
+    h.value && (f.value = h.value.getConditions(), r.refresh(), s.reCalculateVisualDataRows());
   }
   function U() {
     A(), z();
@@ -436,7 +436,7 @@ function Yr(e, t, n, o, r, i, a, u, s, h) {
   function te() {
   }
   function oe() {
-    w = h.open({
+    w = v.open({
       title: "",
       width: 800,
       showButtons: !0,
@@ -454,14 +454,14 @@ function Yr(e, t, n, o, r, i, a, u, s, h) {
   };
 }
 function Kr(e, t, n, o, r, i, a, u, s) {
-  const h = vt(Jn);
+  const v = vt(Jn);
   function m(w) {
     const {
       openSettingPanel: E
-    } = Yr(e, t, n, o, r, i, a, u, s, h);
+    } = Yr(e, t, n, o, r, i, a, u, s, v);
     E();
   }
-  function v() {
+  function h() {
     return M("span", {
       class: "fv-grid-settings-icon",
       onClick: m
@@ -470,19 +470,19 @@ function Kr(e, t, n, o, r, i, a, u, s) {
     }, null)]);
   }
   return {
-    renderGridSettingsIcon: v
+    renderGridSettingsIcon: h
   };
 }
 function Jr(e, t, n, o) {
   const i = V(-1), a = V(0), u = V(!1);
   let s = "";
-  const h = W(() => ({
+  const v = W(() => ({
     display: u.value ? "block" : "none",
     left: `${a.value}px`
   })), m = W(() => ({
     display: u.value ? "block" : "none"
   }));
-  function v(_) {
+  function h(_) {
     const B = _.target.parentElement;
     if (B) {
       const { left: F } = B.getBoundingClientRect();
@@ -495,19 +495,19 @@ function Jr(e, t, n, o) {
       const { left: c } = F.getBoundingClientRect(), f = _.clientX - c, O = (B.actualWidth || 0) + (f - i.value);
       B.actualWidth = Math.max(40, O), n.calculateColumnsSize();
     }
-    a.value = 0, u.value = !1, o.reCalculateVisualDataRows(), document.removeEventListener("mousemove", v), document.body.style.userSelect = "", s = "";
+    a.value = 0, u.value = !1, o.reCalculateVisualDataRows(), document.removeEventListener("mousemove", h), document.body.style.userSelect = "", s = "";
   }
   function E(_, B) {
     s = B, u.value = !0;
     const c = _.composedPath().find((f) => f.className.split(" ")[0] === "fv-grid");
     if (c) {
       const { left: f } = c.getBoundingClientRect();
-      a.value = _.clientX - f, i.value = _.clientX - f, document.addEventListener("mousemove", v), document.addEventListener("mouseup", w), document.body.style.userSelect = "none";
+      a.value = _.clientX - f, i.value = _.clientX - f, document.addEventListener("mousemove", h), document.addEventListener("mouseup", w), document.body.style.userSelect = "none";
     }
   }
-  return { onClickColumnResizeBar: E, resizeHandleStyle: h, resizeOverlayStyle: m };
+  return { onClickColumnResizeBar: E, resizeHandleStyle: v, resizeOverlayStyle: m };
 }
-function Xu(e, t, n, o, r, i, a, u, s, h, m, v, w, E, _, B, F, c, f) {
+function Xu(e, t, n, o, r, i, a, u, s, v, m, h, w, E, _, B, F, c, f) {
   const {
     showSelectAll: O,
     selectAll: g,
@@ -526,7 +526,7 @@ function Xu(e, t, n, o, r, i, a, u, s, h, m, v, w, E, _, B, F, c, f) {
     onClickColumnResizeBar: I,
     resizeHandleStyle: k,
     resizeOverlayStyle: N
-  } = Jr(e, y, v, F), {
+  } = Jr(e, y, h, F), {
     gridHeaderColumnsStyle: R,
     leftFixedGridHeaderColumnsStyle: D,
     rightFixedGridHeaderColumnsStyle: A
@@ -554,11 +554,11 @@ function Xu(e, t, n, o, r, i, a, u, s, h, m, v, w, E, _, B, F, c, f) {
     return (de.status & L.sortable) === L.sortable || (de.status & L.filterable) === L.filterable;
   }, {
     renderHeaderCellHandler: He
-  } = Xr(e, n, o, r, i, a, s, h, m, B, F), Ae = function(de) {
+  } = Xr(e, n, o, r, i, a, s, v, m, B, F), Ae = function(de) {
     return e.showSetting && !!de.showSetting;
   }, {
     renderGridSettingsIcon: De
-  } = Kr(e, n, c, i, a, h, v, B, F);
+  } = Kr(e, n, c, i, a, v, h, B, F);
   function Ee(de) {
     var xe;
     const _e = {
@@ -613,10 +613,10 @@ function Xu(e, t, n, o, r, i, a, u, s, h, m, v, w, E, _, B, F, c, f) {
     }, [Be(y.value.rightHeaderColumns)])]);
   }
   const J = V(f.value.length === x.value.length);
-  me(J, (de, _e) => {
+  pe(J, (de, _e) => {
     de !== _e && (de ? g() : p());
   }), W(() => x.value.length > 0 && f.value.length !== x.value.length);
-  function pe() {
+  function me() {
     return M("div", {
       class: "fv-grid-header-corner d-flex",
       style: S.value
@@ -645,7 +645,7 @@ function Xu(e, t, n, o, r, i, a, u, s, h, m, v, w, E, _, B, F, c, f) {
     return M("div", {
       class: K.value,
       style: he.value
-    }, [X.value && pe(), T.value && Pe(), M("div", {
+    }, [X.value && me(), T.value && Pe(), M("div", {
       class: "fv-grid-header-primary"
     }, [M("div", {
       class: "fv-grid-header-columns",
@@ -684,7 +684,7 @@ function Ku(e, t, n, o, r) {
     conditions: a,
     clearCondition: u,
     removeCondition: s
-  } = o, h = V([]);
+  } = o, v = V([]);
   function m() {
     const B = [];
     Array.from(a.value).forEach((F, c) => {
@@ -699,10 +699,10 @@ function Ku(e, t, n, o, r) {
         }
       };
       B.push(f);
-    }), h.value = B;
+    }), v.value = B;
   }
-  me(a, () => m());
-  function v(B) {
+  pe(a, () => m());
+  function h(B) {
     if (B && B.column) {
       B.column.filter = null;
       let F = B.status;
@@ -712,17 +712,17 @@ function Ku(e, t, n, o, r) {
   function w(B) {
     s(`field_filter_${B}`);
     const F = i.value.primaryHeaderColumns.find((c) => c.field === B);
-    v(F), n.refresh(), r.reCalculateVisualDataRows();
+    h(F), n.refresh(), r.reCalculateVisualDataRows();
   }
   function E() {
-    u(), i.value.primaryHeaderColumns.forEach((B) => v(B)), n.refresh(), r.reCalculateVisualDataRows();
+    u(), i.value.primaryHeaderColumns.forEach((B) => h(B)), n.refresh(), r.reCalculateVisualDataRows();
   }
   function _() {
     return M("div", {
       class: "fv-grid-filter-panel"
     }, [M(oo, {
       data: a.value,
-      fields: h.value,
+      fields: v.value,
       mode: "display-only",
       "show-reset": !0,
       onRemove: w,
@@ -740,16 +740,16 @@ function Ju(e, t, n, o, r) {
   } = n, {
     groupFields: u,
     shouldGroupingData: s,
-    showGroupPanel: h
+    showGroupPanel: v
   } = o, m = V();
-  function v(_) {
+  function h(_) {
     u.value = _.map((B) => B.value), t.updateDataView(), r.reCalculateVisualDataRows();
   }
   function w(_) {
     _.preventDefault();
   }
   function E() {
-    return s.value && h.value && M("div", {
+    return s.value && v.value && M("div", {
       class: "fv-grid-group-panel",
       onDrop: i,
       onDragover: w
@@ -760,7 +760,7 @@ function Ju(e, t, n, o, r) {
       data: a.value,
       "tag-style": "capsule",
       "show-close": !0,
-      onChange: v
+      onChange: h
     }, null)]);
   }
   return {
@@ -804,7 +804,7 @@ function Qr(e, t) {
       width: isNaN(Number(B[_.field].width)) ? "100%" : `${B[_.field].width}px`
     };
   }
-  function h(_, B, F) {
+  function v(_, B, F) {
     const f = (B.spanned || []).reduce((g, p) => g + (p.parent.height || 0), 0) + (_.height || 0);
     return {
       top: `${_.top}px`,
@@ -819,7 +819,7 @@ function Qr(e, t) {
   function m(_, B) {
     return `${n}_${_.type}_r_${_.index}_c_${B}_${_.refreshKey || ""}`;
   }
-  function v(_) {
+  function h(_) {
     return `${n}_${_.type}_r_${_.index}_${_.refreshKey || ""}`;
   }
   function w(_) {
@@ -830,16 +830,16 @@ function Qr(e, t) {
       height: `${B}`
     };
   }
-  return me(t, () => {
+  return pe(t, () => {
     r.value = t.value.primaryColumnsWidth;
   }), {
     calculateCellPositionInRow: i,
     cellKey: m,
     cellPosition: s,
     groupCellPosition: a,
-    rowKey: v,
+    rowKey: h,
     rowPosition: w,
-    rowSpanCellPosition: h,
+    rowSpanCellPosition: v,
     summaryCellPosition: u
   };
 }
@@ -851,22 +851,22 @@ function Zr(e, t, n) {
     ).sort((w, E) => Number(w) - Number(E));
   }
   function u(m) {
-    const v = new Array(t.value.length).fill(0);
+    const h = new Array(t.value.length).fill(0);
     if (e.showLines) {
       const w = a();
       t.value.forEach((E, _) => {
         const B = w.includes(_), F = E.raw[o.value];
-        v[_] = `repeating-linear-gradient(90deg, ${r.value} 0 1px, transparent 0px 2px) ${F ? "-10px" : "0px"} ${i.value / 2}px/20px 1px no-repeat,repeating-linear-gradient(${r.value} 0 1px, transparent 0px 2px) 0px 0px/1px ${B ? "50%" : "100%"} no-repeat`;
-      }), v[0] = "";
+        h[_] = `repeating-linear-gradient(90deg, ${r.value} 0 1px, transparent 0px 2px) ${F ? "-10px" : "0px"} ${i.value / 2}px/20px 1px no-repeat,repeating-linear-gradient(${r.value} 0 1px, transparent 0px 2px) 0px 0px/1px ${B ? "50%" : "100%"} no-repeat`;
+      }), h[0] = "";
     }
-    return v[m];
+    return h[m];
   }
-  function s(m, v, w) {
+  function s(m, h, w) {
     return w[m].parents.set(m, !0).forEach((_) => {
-      w[_].childsLength = w[_].childWithLines.filter((B) => v[B].visible).length;
-    }), v;
+      w[_].childsLength = w[_].childWithLines.filter((B) => h[B].visible).length;
+    }), h;
   }
-  function h(m) {
+  function v(m) {
     const E = m.raw.__fv_parent_index__ === void 0 || m.raw.__fv_parent_index__ === -1 ? 0 : 8, _ = 0, B = m.raw[o.value], F = m.visible ? {
       left: `${m.layer * 10 + m.layer * E + _}px`,
       // paddingBottom: handlePaddingBottomReturnValue(visualTreeNode.index),
@@ -880,7 +880,7 @@ function Zr(e, t, n) {
     };
     return B || (F.paddingLeft = "2rem"), F;
   }
-  return { hierarchyCellContentStyle: h, handleCollapsedPaddingBottom: s };
+  return { hierarchyCellContentStyle: v, handleCollapsedPaddingBottom: s };
 }
 function ei(e, t, n) {
   const o = V(e.iconField);
@@ -893,7 +893,7 @@ function ei(e, t, n) {
   return { treeNodeIconsClass: r };
 }
 function ti(e, t, n, o, r, i, a, u) {
-  const { dataView: s, fold: h, hasRealChildren: m, unFold: v, reOrderVisibleIndex: w } = o, { collapseField: E, hasChildrenField: _ } = r, { reCalculateVisualDataRows: B, updateVirticalScroll: F } = i;
+  const { dataView: s, fold: v, hasRealChildren: m, unFold: h, reOrderVisibleIndex: w } = o, { collapseField: E, hasChildrenField: _ } = r, { reCalculateVisualDataRows: B, updateVirticalScroll: F } = i;
   function c(g, p) {
     var b, S;
     const x = p[g], l = x.__fv_parents__ ? (b = x.__fv_parents__) == null ? void 0 : b.size : 0;
@@ -933,7 +933,7 @@ function ti(e, t, n, o, r, i, a, u) {
   }
   return { toggleTreeNode: O };
 }
-function ni(e, t, n, o, r, i, a, u, s, h, m, v, w) {
+function ni(e, t, n, o, r, i, a, u, s, v, m, h, w) {
   const {
     onClickCell: E
   } = i, {
@@ -956,7 +956,7 @@ function ni(e, t, n, o, r, i, a, u, s, h, m, v, w) {
     toggleTreeNode: S
   } = ti(e, t, o, r, a, m), {
     toggleSelectHierarchyItem: y
-  } = h, {
+  } = v, {
     cellKey: T,
     cellPosition: C,
     rowKey: I,
@@ -1071,9 +1071,9 @@ function Qu(e, t, n, o, r) {
     totalItems: a
   } = n, u = V(), {
     pageSize: s,
-    pageList: h,
+    pageList: v,
     showGotoPage: m,
-    showPageIndex: v,
+    showPageIndex: h,
     showPageList: w,
     mode: E,
     disabled: _,
@@ -1139,9 +1139,9 @@ function Qu(e, t, n, o, r) {
       "onUpdate:pageSize": (p) => s.value = p,
       showGoButton: m.value,
       showPageList: w.value,
-      showPageNumbers: v.value,
+      showPageNumbers: h.value,
       totalItems: a.value,
-      pageList: h.value,
+      pageList: v.value,
       onPageIndexChanged: c,
       onPageSizeChanged: f,
       onChanged: O
@@ -1157,10 +1157,10 @@ function Zu(e, t, n, o, r) {
     multiSelectOnClickRow: a,
     multiSelectOnlyOnCheck: u,
     selectItem: s,
-    toggleSelectItem: h,
+    toggleSelectItem: v,
     toggleSelectItemWithoutRow: m
   } = n, {
-    onMouseoverRow: v,
+    onMouseoverRow: h,
     sidebarRowClass: w
   } = t, {
     showRowNumer: E,
@@ -1198,7 +1198,7 @@ function Zu(e, t, n, o, r) {
     return M("div", {
       class: "fv-grid-sidebar-row-number justify-content-center",
       style: "padding:0",
-      onMouseover: (S) => v(S, b)
+      onMouseover: (S) => h(S, b)
     }, [M("div", {
       title: b.dataIndex,
       class: {
@@ -1209,7 +1209,7 @@ function Zu(e, t, n, o, r) {
     }, [b.dataIndex])]);
   }
   function x(b, S, y) {
-    i.value ? a.value ? h(y) : s(y) : a.value ? h(y) : u.value ? m(y) : s(y);
+    i.value ? a.value ? v(y) : s(y) : a.value ? v(y) : u.value ? m(y) : s(y);
   }
   function l(b) {
     return (_.value || E.value) && b.value.map((S) => M("div", {
@@ -1331,13 +1331,13 @@ function nc(e) {
 }
 function ii(e) {
   const t = V(e.minHeight), n = V(e.minWidth), o = V(e.height), r = V(e.width), i = W(() => o.value <= 0 ? 0 : Math.max(o.value, t.value)), a = W(() => r.value <= 0 ? 0 : Math.max(r.value, n.value));
-  return me([
+  return pe([
     () => e.height,
     () => e.width,
     () => e.minHeight,
     () => e.minWidth
-  ], ([s, h, m, v]) => {
-    t.value = Number(m), n.value = Number(v), o.value = Number(s), r.value = Number(h);
+  ], ([s, v, m, h]) => {
+    t.value = Number(m), n.value = Number(h), o.value = Number(s), r.value = Number(v);
   }), { containerStyleObject: W(() => ({
     height: i.value > 0 ? `${i.value}px` : e.fit ? "100%" : "",
     width: a.value > 0 ? `${a.value}px` : e.fit ? "100%" : "",
@@ -1401,8 +1401,8 @@ function li(e) {
     return a.value && a.value.reduce((p, x) => (p.set(x, !0), p), g), O.reduce((p, x) => (x.visible = x.visible !== !1, x.filter = x.filter || ai, x.fixed === "left" ? (o.value.leftColumns.push(x), o.value.leftColumnsMap.set(x.field, x), o.value.leftColumnsWidth += x.actualWidth) : x.fixed === "right" ? (o.value.rightColumns.push(x), o.value.rightColumnsMap.set(x.field, x), o.value.rightColumnsWidth += x.actualWidth) : (o.value.primaryColumns.push(x), o.value.primaryColumnsMap.set(x.field, x), o.value.primaryColumnsWidth += x.actualWidth), g.has(x.field) && o.value.summaryColumns.push(x), p), o), u(), o;
   }
   s(e.columns);
-  const h = W(() => o.value.leftColumns.length > 0), m = W(() => o.value.rightColumns.length > 0);
-  function v(O, g) {
+  const v = W(() => o.value.leftColumns.length > 0), m = W(() => o.value.rightColumns.length > 0);
+  function h(O, g) {
     return g.sortable && g.sort && g.sort !== "none" && O.push(g), O;
   }
   function w(O, g) {
@@ -1420,7 +1420,7 @@ function li(e) {
   }
   function F() {
     const O = [];
-    o.value.leftColumns.reduce(v, O), o.value.primaryColumns.reduce(v, O), o.value.rightColumns.reduce(v, O);
+    o.value.leftColumns.reduce(h, O), o.value.primaryColumns.reduce(h, O), o.value.rightColumns.reduce(h, O);
     const g = Math.max(...O.map((p) => p.sortOrder || 0));
     return O.sort(E).map((p) => {
       const x = p.sortOrder || g + 1;
@@ -1447,7 +1447,7 @@ function li(e) {
     applySortableColumns: c,
     collectionSortableColumns: F,
     columnContext: o,
-    hasLeftFixedColumn: h,
+    hasLeftFixedColumn: v,
     hasRightFixedColumn: m,
     updateColumnRenderContext: s,
     updateColumnSettingIcon: u
@@ -1472,7 +1472,7 @@ function ui(e) {
     showCheckbox: !0
   };
   function o(s) {
-    return (s == null ? void 0 : s.split(t).filter((h) => h !== "").map((h) => h.toLowerCase() === "true")) || [];
+    return (s == null ? void 0 : s.split(t).filter((v) => v !== "").map((v) => v.toLowerCase() === "true")) || [];
   }
   function r(s) {
     return s.map((m) => m.value).join(t);
@@ -1569,13 +1569,13 @@ function pi(e, t, n, o, r, i) {
   function s(B, F) {
     r.removeFilterHistory(e, B.remove.name), e.filterHistory = r.getFilterHistory(e);
   }
-  function h(B) {
+  function v(B) {
     a.value = B.name, u(a.value);
   }
   function m(B) {
     e.filterHistory = B;
   }
-  const v = o.rawView.value.reduce((B, F, c) => (B.push(F[e.field]), B), []), E = [...new Set(v)].map((B, F) => ({
+  const h = o.rawView.value.reduce((B, F, c) => (B.push(F[e.field]), B), []), E = [...new Set(h)].map((B, F) => ({
     id: F,
     name: B
   }));
@@ -1596,7 +1596,7 @@ function pi(e, t, n, o, r, i) {
     "show-close": !0,
     selectable: !0,
     onRemove: s,
-    onSelectionChange: h,
+    onSelectionChange: v,
     onChange: m
   }, null)]);
 }
@@ -1615,7 +1615,7 @@ function mi(e, t, n, o, r, i) {
     name: B,
     value: B
   }));
-  function v(B) {
+  function h(B) {
     return (B == null ? void 0 : B.split(a)) || [];
   }
   function w(B) {
@@ -1633,7 +1633,7 @@ function mi(e, t, n, o, r, i) {
     header: "Search",
     size: "Small",
     selection: u,
-    "selection-values": v(((_ = e.column) == null ? void 0 : _.filter) || ""),
+    "selection-values": h(((_ = e.column) == null ? void 0 : _.filter) || ""),
     onSelectionChange: (B) => E(B)
   }, {
     default: () => [Re(" ")]
@@ -1701,9 +1701,9 @@ function oc(e, t, n, o, r) {
   ]);
   function u(s) {
     var w;
-    const h = ((w = s.column) == null ? void 0 : w.dataType) || "string", m = i.get(h) || "text-editor", v = a.get(m);
-    if (v)
-      return v(
+    const v = ((w = s.column) == null ? void 0 : w.dataType) || "string", m = i.get(v) || "text-editor", h = a.get(m);
+    if (h)
+      return h(
         s,
         e,
         t,
@@ -1733,7 +1733,7 @@ function hi(e) {
   return { applyCommands: r };
 }
 function rc(e, t, n, o, r, i, a) {
-  const { columnContext: u } = n, { getGridHeaderCells: s } = r, { groupFields: h } = i, m = V(-1), v = V(!1), w = W(() => h.value && h.value.map((f) => {
+  const { columnContext: u } = n, { getGridHeaderCells: s } = r, { groupFields: v } = i, m = V(-1), h = V(!1), w = W(() => v.value && v.value.map((f) => {
     var O;
     return {
       name: ((O = u.value.primaryColumnsMap.get(f)) == null ? void 0 : O.title) || f,
@@ -1745,7 +1745,7 @@ function rc(e, t, n, o, r, i, a) {
     if (f.stopPropagation(), O) {
       const d = `${(p = O.column) == null ? void 0 : p.title}:${(x = O.column) == null ? void 0 : x.field}`;
       (l = f.dataTransfer) == null || l.setData("Text", d), setTimeout(() => {
-        m.value = g, v.value = !0;
+        m.value = g, h.value = !0;
       });
     }
   }
@@ -1759,7 +1759,7 @@ function rc(e, t, n, o, r, i, a) {
     f.preventDefault(), f.dataTransfer && (f.dataTransfer.dropEffect = "move");
   }
   function F(f, O) {
-    v.value = !1, o.updateDataView(), a.reCalculateVisualDataRows();
+    h.value = !1, o.updateDataView(), a.reCalculateVisualDataRows();
   }
   function c(f) {
     var g;
@@ -1779,7 +1779,7 @@ function rc(e, t, n, o, r, i, a) {
     dragover: B,
     dragend: F,
     dropOnGroupPanel: c,
-    isDragging: v,
+    isDragging: h,
     groupColumnItems: w
   };
 }
@@ -1787,20 +1787,20 @@ function ic(e, t, n, o, r) {
   const { getGridHeaderCells: i } = r, a = 120, u = 50, s = W(() => {
     var d;
     return ((d = e.rowNumber) == null ? void 0 : d.enable) || !1;
-  }), h = W(() => {
+  }), v = W(() => {
     var d, b;
     return ((d = e.selection) == null ? void 0 : d.multiSelect) || ((b = e.selection) == null ? void 0 : b.showCheckbox) || !1;
   }), m = W(
     () => {
       var d;
-      return 0 + (s.value ? ((d = e.rowNumber) == null ? void 0 : d.width) || 32 : 0) + (h.value ? u : 0);
+      return 0 + (s.value ? ((d = e.rowNumber) == null ? void 0 : d.width) || 32 : 0) + (v.value ? u : 0);
     }
-  ), v = W(() => {
+  ), h = W(() => {
     var d;
     return ((d = e.columnOption) == null ? void 0 : d.fitColumns) || !1;
   }), w = W(() => {
     var d;
-    return v.value ? ((d = e.columnOption) == null ? void 0 : d.fitMode) || "average" : "none";
+    return h.value ? ((d = e.columnOption) == null ? void 0 : d.fitMode) || "average" : "none";
   });
   function E(d, b, S) {
     const y = parseInt(d.width, 10) / 100;
@@ -1910,19 +1910,19 @@ function ic(e, t, n, o, r) {
       g(t), t.value = Object.assign({}, t.value);
     }
   }
-  return me(() => {
+  return pe(() => {
     var d;
     return (d = e.columnOption) == null ? void 0 : d.fitColumns;
   }, (d, b) => {
     d !== b && d && l();
-  }), me(w, (d, b) => {
-    d !== b && v.value && l();
+  }), pe(w, (d, b) => {
+    d !== b && h.value && l();
   }), { calculateColumnHeaders: g, calculateColumnsSize: l, calculateColumnsWidth: p };
 }
 function gi(e, t) {
-  var h;
-  const n = V((h = e.columnOption) == null ? void 0 : h.groups);
-  function o(m, v, w, E, _) {
+  var v;
+  const n = V((v = e.columnOption) == null ? void 0 : v.groups);
+  function o(m, h, w, E, _) {
     const B = {
       actualWidth: 0,
       children: [],
@@ -1943,10 +1943,10 @@ function gi(e, t) {
       let c = 1;
       m.group.reduce((f, O) => {
         if (typeof O == "string") {
-          const g = v.get(O);
+          const g = h.get(O);
           g && (_.fieldToRootMap.set(O, F), f.actualWidth += g.actualWidth, f.children.push(g));
         } else {
-          const g = o(O, v, f, F, _);
+          const g = o(O, h, f, F, _);
           c = Math.max(c, g.depth), f.actualWidth += g.actualWidth, f.children.push(g);
         }
         return f;
@@ -1955,38 +1955,38 @@ function gi(e, t) {
     return t.value.headerDepth = Math.max(t.value.headerDepth, B.depth), B;
   }
   function r(m) {
-    const v = {
+    const h = {
       groupedCells: /* @__PURE__ */ new Map(),
       fieldToRootMap: /* @__PURE__ */ new Map()
     };
     return n.value && n.value.reduce((w, E) => {
-      const _ = o(E, m, null, null, v);
+      const _ = o(E, m, null, null, h);
       return w.groupedCells.set(E.field, _), w;
-    }, v), v;
+    }, h), h;
   }
   function i(m) {
     if (!m || m.length === 0)
       return 0;
-    const v = m[0];
-    return v.children && v.children.length > 0 && (v.left = i(v.children)), v.left;
+    const h = m[0];
+    return h.children && h.children.length > 0 && (h.left = i(h.children)), h.left;
   }
-  function a(m, v) {
+  function a(m, h) {
     const w = t.value.headerDepth;
     m.forEach((E) => {
-      E.layer = v ? v.layer + 1 : 1;
+      E.layer = h ? h.layer + 1 : 1;
       const _ = E.children && E.children.length === 0;
       E.depth = _ ? w - (E.layer - 1) : 1, E.left = _ ? E.left : i(E.children), E.children && a(E.children, E);
     });
   }
-  function u(m, v) {
+  function u(m, h) {
     const w = /* @__PURE__ */ new Map();
     return m.forEach((E) => {
-      const _ = v.fieldToRootMap.get(E.field), B = _ != null;
+      const _ = h.fieldToRootMap.get(E.field), B = _ != null;
       B && !w.has(_.field) && w.set(_.field, _), B || w.set(E.field, E);
     }), a(Array.from(w.values())), w;
   }
   function s(m) {
-    let v = /* @__PURE__ */ new Map(), w = 0;
+    let h = /* @__PURE__ */ new Map(), w = 0;
     if (m.reduce((E, _) => {
       let B = L.none;
       B = _.filterable ? B | L.filterable : B, B = _.sort && _.sort !== "none" ? B | L.sorted | (_.sort === "asc" ? L.ascending : L.descending) : B;
@@ -2009,11 +2009,11 @@ function gi(e, t) {
         sortType: _.sort || "none",
         showSetting: _.showSetting
       }), w += _.actualWidth || 0, E;
-    }, v), n.value) {
-      const E = r(v);
-      v = u(v, E);
+    }, h), n.value) {
+      const E = r(h);
+      h = u(h, E);
     }
-    return v;
+    return h;
   }
   return { getGridHeaderCells: s };
 }
@@ -2028,11 +2028,11 @@ function yi(e, t) {
   }), s = W(() => {
     const f = o.value;
     return (f == null ? void 0 : f.groupFields) || [];
-  }), h = W(() => {
+  }), v = W(() => {
     const f = r.value;
     return f && f.showSummary;
   }), m = /* @__PURE__ */ new Map();
-  let v = [];
+  let h = [];
   function w(f, O, g, p, x) {
     const l = p[g];
     l && (O.reduce((d, b, S) => {
@@ -2078,7 +2078,7 @@ function yi(e, t) {
         const l = _(g.nestGroup);
         O.push(...l), x += l.length;
       }
-      if (g.details && g.details.length && (O.push(...g.details), x += g.details.length), h.value) {
+      if (g.details && g.details.length && (O.push(...g.details), x += g.details.length), v.value) {
         const l = {
           __fv_data_grid_group_field__: g.field,
           __fv_data_grid_group_layer__: g.layer,
@@ -2097,7 +2097,7 @@ function yi(e, t) {
     }), O;
   }
   function B(f, O, g) {
-    return !f || f.length === 0 || !O.length ? O : (f.join(","), m.clear(), v = [], O = O.filter((p) => !p.__fv_data_grid_group_row__), w(m, O, 0, f, g), v = _(m), v);
+    return !f || f.length === 0 || !O.length ? O : (f.join(","), m.clear(), h = [], O = O.filter((p) => !p.__fv_data_grid_group_row__), w(m, O, 0, f, g), h = _(m), h);
   }
   function F(f) {
     return {
@@ -2109,7 +2109,7 @@ function yi(e, t) {
   return { collpaseGroupIconClass: F, generateGroupData: B, groupFields: i, shouldGroupingData: a, showGroupPanel: u };
 }
 function bi(e, t, n, o) {
-  const r = V(!!e.hierarchy), { idField: i } = o, { collapseField: a, hasChildrenField: u, parentIdField: s } = n, h = /* @__PURE__ */ new Map();
+  const r = V(!!e.hierarchy), { idField: i } = o, { collapseField: a, hasChildrenField: u, parentIdField: s } = n, v = /* @__PURE__ */ new Map();
   function m(T, C) {
     const I = /* @__PURE__ */ new Map();
     return T.reduce((k, N) => {
@@ -2122,7 +2122,7 @@ function bi(e, t, n, o) {
       return D.push(N), k.set(R, D), k;
     }, I), I;
   }
-  function v(T) {
+  function h(T) {
     const C = /* @__PURE__ */ new Map();
     return T.reduce((I, k) => {
       const N = k[i.value];
@@ -2192,15 +2192,15 @@ function bi(e, t, n, o) {
     });
   }
   function p(T) {
-    h.clear(), T.forEach((k, N) => {
+    v.clear(), T.forEach((k, N) => {
       const R = k[i.value];
-      h.set(R, F(R, N));
+      v.set(R, F(R, N));
     });
-    const C = v(T), I = m(T, C);
-    return c(h, I), O(T, h), g(h), h;
+    const C = h(T), I = m(T, C);
+    return c(v, I), O(T, v), g(v), v;
   }
   function x(T) {
-    const C = T[i.value], I = h.get(C);
+    const C = T[i.value], I = v.get(C);
     return I && I.children.size > 0;
   }
   function l(T) {
@@ -2208,7 +2208,7 @@ function bi(e, t, n, o) {
   }
   function d(T) {
     p(t.value);
-    const C = v(T), I = m(T, C);
+    const C = h(T), I = m(T, C);
     return T.forEach((k, N) => {
       var z;
       const R = k[i.value], D = I.has(R) ? (z = I.get(R)) == null ? void 0 : z.map((U) => U.__fv_index__) : [], A = F(R, N);
@@ -2216,9 +2216,9 @@ function bi(e, t, n, o) {
     }), w(T), _(T, C), e.showLines && B(T), T;
   }
   function b(T, C, I) {
-    const N = I.value[T][i.value], R = h.get(N);
+    const N = I.value[T][i.value], R = v.get(N);
     if (R) {
-      const D = h.get(R.parentId);
+      const D = v.get(R.parentId);
       let A = I.value.length - 1;
       if (D) {
         const z = Array.from(D.children.keys()).indexOf(R.id);
@@ -2235,15 +2235,15 @@ function bi(e, t, n, o) {
   }
   function S(T, C, I) {
     const k = I.value[T], N = k[i.value];
-    if (h.get(N)) {
+    if (v.get(N)) {
       const A = I.value.findIndex((z) => z[i.value] === N) + 1;
       k[u.value] = !0, k[a.value] = !1, C[u.value] = !1, C[s.value] = N, I.value.splice(A, 0, C);
     }
   }
   function y(T, C) {
-    const I = T[i.value], k = h.get(I), N = Array.from(k.descendant.keys());
+    const I = T[i.value], k = v.get(I), N = Array.from(k.descendant.keys());
     N.unshift(I);
-    const R = h.get(k.parentId);
+    const R = v.get(k.parentId);
     if (R && (R.children.delete(I), R.children.size === 0)) {
       const A = C.find((z) => z[i.value] === k.parentId);
       A[u.value] = !1, A[a.value] = !1;
@@ -2284,7 +2284,7 @@ const wi = {
         "f-icon": !0
       };
       return g[O] = !0, g;
-    }), s = W(() => r.value.title || r.value.message), h = W(() => r.value.title && r.value.message), m = W(() => !r.value.title && r.value.message), v = W(() => e.showCloseButton), w = W(() => !!r.value.buttons || !!t.slots.default);
+    }), s = W(() => r.value.title || r.value.message), v = W(() => r.value.title && r.value.message), m = W(() => !r.value.title && r.value.message), h = W(() => e.showCloseButton), w = W(() => !!r.value.buttons || !!t.slots.default);
     function E(c) {
       c.stopPropagation(), c.preventDefault(), i.value = !1, setTimeout(() => {
         t.emit("close", r.value);
@@ -2295,7 +2295,7 @@ const wi = {
     function B(c) {
       return `f-preten-link ${c.customClass ? c.customClass : ""}`;
     }
-    me(n, () => {
+    pe(n, () => {
       n.value;
     });
     const F = () => {
@@ -2309,7 +2309,7 @@ const wi = {
     };
     return () => M("div", {
       class: a.value
-    }, [v.value && M("button", {
+    }, [h.value && M("button", {
       title: "close",
       class: "toast-close f-btn-icon f-bare",
       onClick: E
@@ -2323,7 +2323,7 @@ const wi = {
       class: u.value
     }, null)]), M("div", {
       class: "modal-tips-content"
-    }, [h.value && M(_t, null, [M("h5", {
+    }, [v.value && M(_t, null, [M("h5", {
       class: "toast-title modal-tips-title",
       innerHTML: r.value.title
     }, null), M("p", {
@@ -2353,7 +2353,7 @@ const wi = {
       right: 12,
       top: 20,
       bottom: 12
-    }, r = V(), i = V(e.options), a = V(e.showCloseButton), u = W(() => e.position || "bottom-right"), s = W(() => e.timeout != null ? e.timeout : 3e3), h = W(() => {
+    }, r = V(), i = V(e.options), a = V(e.showCloseButton), u = W(() => e.position || "bottom-right"), s = W(() => e.timeout != null ? e.timeout : 3e3), v = W(() => {
       const w = e.bottom ? e.bottom : o.bottom, E = e.top ? e.top : o.top, _ = {
         transition: "all 0.2s ease",
         left: u.value.indexOf("left") > -1 ? `${e.left ? e.left : o.left}px` : "",
@@ -2373,18 +2373,18 @@ const wi = {
       container: r,
       notifyPosition: u
     });
-    function v(w, E) {
+    function h(w, E) {
       m();
     }
     return () => M("div", {
       class: n.value,
-      style: h.value,
+      style: v.value,
       ref: r
     }, [M(qt, {
       options: i.value,
       showCloseButton: a.value,
       animate: e.animate,
-      onClose: (w) => v(w, i.value)
+      onClose: (w) => h(w, i.value)
     }, null)]);
   }
 });
@@ -2411,10 +2411,10 @@ class pn {
           }, 220);
         }
         if (r.position.indexOf("top") > -1) {
-          const h = n.getNotifyInstances(r.position), m = h[h.length - 1];
+          const v = n.getNotifyInstances(r.position), m = v[v.length - 1];
           if (m) {
-            const v = m.value.container.getBoundingClientRect();
-            r.top = v.bottom;
+            const h = m.value.container.getBoundingClientRect();
+            r.top = h.bottom;
           }
         }
         return Bt(() => {
@@ -2465,14 +2465,14 @@ class pn {
   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 h = {
+    const v = {
       options: {
         type: t,
         message: o,
         title: r
       }
     };
-    return a != null && (h.position = a), u != null && (h.showCloseButton = u), i != null && (h.timeout = i), h;
+    return a != null && (v.position = a), u != null && (v.showCloseButton = u), i != null && (v.timeout = i), v;
   }
   info(t) {
     const n = this.buildNotifyProps("info", t);
@@ -2507,7 +2507,7 @@ kt.install = (e) => {
 };
 function Si(e, t, n, o, r) {
   var at;
-  const i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), m = V([]), v = V([]), w = yi(e, r), { generateGroupData: E, groupFields: _, shouldGroupingData: B } = w, F = V(e.data), c = bi(e, F, o, r), {
+  const i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), m = V([]), h = V([]), w = yi(e, r), { generateGroupData: E, groupFields: _, shouldGroupingData: B } = w, F = V(e.data), c = bi(e, F, o, r), {
     generateHierarchyData: f,
     hasRealChildren: O,
     insertSibling: g,
@@ -2574,22 +2574,22 @@ function Si(e, t, n, o, r) {
     }), H.value;
   }
   function j(P) {
-    return h.clear(), v.value = P, v.value.reduce((q, Q) => (q.set(Q.field, Q), q), h), ne([], v.value);
+    return v.clear(), h.value = P, h.value.reduce((q, Q) => (q.set(Q.field, Q), q), v), ne([], h.value);
   }
   function K(P, q) {
-    return h.set(P, q), v.value = Array.from(h.values()), ne([], v.value);
+    return v.set(P, q), h.value = Array.from(v.values()), ne([], h.value);
   }
   function he(P) {
-    return h.delete(P), v.value = Array.from(h.values()), ne([], v.value);
+    return v.delete(P), h.value = Array.from(v.values()), ne([], h.value);
   }
   function ve(P, q) {
-    return a.set(P, q), m.value = Array.from(a.values()), ne([], Array.from(h.values()));
+    return a.set(P, q), m.value = Array.from(a.values()), ne([], Array.from(v.values()));
   }
   function He(P) {
-    return a.delete(P), m.value = Array.from(a.values()), ne([], Array.from(h.values()), !0);
+    return a.delete(P), m.value = Array.from(a.values()), ne([], Array.from(v.values()), !0);
   }
   function Ae() {
-    return a.clear(), m.value = [], ne([], Array.from(h.values()), !0);
+    return a.clear(), m.value = [], ne([], Array.from(v.values()), !0);
   }
   function De(P, q) {
     const Q = `group_of_${P}_${q}`;
@@ -2601,11 +2601,11 @@ function Si(e, t, n, o, r) {
       fieldType: "string",
       filterValue: q,
       filter: fe
-    }), ne(Array.from(u.values()), Array.from(h.values()));
+    }), ne(Array.from(u.values()), Array.from(v.values()));
   }
   function Ee(P, q) {
     const Q = `group_of_${P}_${q}`;
-    return i.set(Q, !1), u.delete(`collapse_${P}_${q}`), ne(Array.from(u.values()), Array.from(h.values()), !0);
+    return i.set(Q, !1), u.delete(`collapse_${P}_${q}`), ne(Array.from(u.values()), Array.from(v.values()), !0);
   }
   function ze(P) {
     const q = P.raw[d.value], Q = (fe) => !fe.__fv_parents__.has(q);
@@ -2615,24 +2615,24 @@ function Si(e, t, n, o, r) {
       fieldType: "string",
       filterValue: String(q),
       filter: Q
-    }), ne(Array.from(s.values()), Array.from(h.values())), f(H.value);
+    }), ne(Array.from(s.values()), Array.from(v.values())), f(H.value);
   }
   function Be(P) {
     const q = P[d.value];
     s.delete(`fold_${q}`);
   }
   function Pe(P) {
-    Be(P.raw), ne(Array.from(s.values()), Array.from(h.values()), !0), f(H.value);
+    Be(P.raw), ne(Array.from(s.values()), Array.from(v.values()), !0), f(H.value);
   }
   function ye() {
     const P = X();
-    H.value = P, e.hierarchy && (ne(Array.from(s.values()), Array.from(h.values())), f(H.value));
+    H.value = P, e.hierarchy && (ne(Array.from(s.values()), Array.from(v.values())), f(H.value));
   }
   function J(P) {
     const Q = P && P.length && P[0].children ? I(P) : P;
     F.value = Q, ye();
   }
-  function pe(P, q, Q) {
+  function me(P, q, Q) {
     return (P && P.length ? H.value.filter((be, Ve) => P.reduce((ke, Ce) => ke && Ce.filter(be), !0)) : H.value).slice(q, Q);
   }
   function $e(P) {
@@ -2640,7 +2640,7 @@ function Si(e, t, n, o, r) {
     0 < Q && Q <= D.value && (U.value = P, ye());
   }
   function je(P) {
-    F.value.push(ut(P)), H.value = X();
+    F.value.push(pt(P)), H.value = X();
   }
   function de(P = 0) {
     if (!(P > -1))
@@ -2670,7 +2670,7 @@ function Si(e, t, n, o, r) {
   }
   function et() {
     const P = u.size > 0 ? Array.from(u.values()) : [];
-    return ne(P, Array.from(h.values()));
+    return ne(P, Array.from(v.values()));
   }
   function Je(P) {
     A.value && (A.value.size = P, ye());
@@ -2701,7 +2701,7 @@ function Si(e, t, n, o, r) {
     expand: Ee,
     filters: m,
     fold: ze,
-    getRange: pe,
+    getRange: me,
     getSelectionItems: it,
     hasRealChildren: O,
     insertNewChildDataItem: _e,
@@ -2719,7 +2719,7 @@ function Si(e, t, n, o, r) {
     removeSorter: he,
     reOrderVisibleIndex: ae,
     setSorters: j,
-    sorters: v,
+    sorters: h,
     summaries: R,
     totalItems: D,
     unFold: Pe,
@@ -2780,11 +2780,11 @@ class hn {
     return t[n[0]];
   }
   getTextValue(t) {
-    const n = t.split("."), o = this.value.split(",").map((r) => this.getPropValue(r, ut(n)));
+    const n = t.split("."), o = this.value.split(",").map((r) => this.getPropValue(r, pt(n)));
     return o && o.length ? o.join(",") : "";
   }
   getValue() {
-    const t = this.valueField.split("."), n = this.value.split(",").map((o) => this.getPropValue(o, ut(t)));
+    const t = this.valueField.split("."), n = this.value.split(",").map((o) => this.getPropValue(o, pt(t)));
     return n && n.length ? n.join(",") : "";
   }
   getDisplayText() {
@@ -2877,13 +2877,13 @@ class bn {
     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;
@@ -2899,7 +2899,7 @@ class bn {
   }
 }
 class xi {
-  constructor(t = { value: [], displayText: "", displayField: "", isInputText: !1 }) {
+  constructor(t = { value: "", displayText: "", displayField: "", isInputText: !1 }) {
     ee(this, "editorType", "input-group");
     // 通过弹窗返回的若干个值对象构成的数组
     ee(this, "value");
@@ -2913,7 +2913,7 @@ class xi {
     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) {
@@ -2923,12 +2923,11 @@ class xi {
     return t[n[0]];
   }
   getTextValue(t) {
-    const n = t.split("."), o = this.value.map((r) => this.getPropValue(r, ut(n)));
+    const n = t.split("."), o = this.value.map((r) => this.getPropValue(r, pt(n)));
     return o && o.length ? o.join(",") : "";
   }
   getValue() {
-    const t = this.valueField.split(".") || [], n = this.value.map((o) => this.getPropValue(o, ut(t)));
-    return n && n.length ? n.join(",") : "";
+    return this.value;
   }
   getDisplayText() {
     return this.getValue();
@@ -3168,21 +3167,21 @@ function kn(e, t) {
     return m.map((w) => Object.assign({}, w)).map((w) => (w.editor = a(w), w));
   }
   function s(m = !0) {
-    n.value.reduce((v, w) => (m || (w.editor = a(w)), v.set(w.labelCode, w), v), r);
+    n.value.reduce((h, w) => (m || (w.editor = a(w)), h.set(w.labelCode, w), h), r);
   }
-  function h(m) {
-    return m.forEach((v) => {
-      if (v) {
-        const w = r.get(v.fieldCode);
-        v.value = i(w.editor.type, v.value);
+  function v(m) {
+    return m.forEach((h) => {
+      if (h) {
+        const w = r.get(h.fieldCode);
+        h.value = i(w.editor.type, h.value);
       }
     }), m;
   }
-  return { convertToSingleControl: u, fields: n, fieldMap: r, fieldConditions: o, loadFieldConfigs: s, initialConditionValue: h };
+  return { convertToSingleControl: u, fields: n, fieldMap: r, fieldConditions: o, loadFieldConfigs: s, initialConditionValue: v };
 }
 function Ti(e, t, n) {
   const o = V(null), r = V(n), i = V(0);
-  function a(m, v) {
+  function a(m, h) {
     let w = null;
     return function() {
       const E = arguments;
@@ -3195,19 +3194,19 @@ function Ti(e, t, n) {
   }
   function u() {
     r.value && (o.value = new ResizeObserver(a((m) => {
-      const v = m[0];
-      i.value = v.contentRect.width;
+      const h = m[0];
+      i.value = h.contentRect.width;
     })), o.value.observe(r.value));
   }
   function s(m) {
     let w = "col-12";
     return m > 250 * 6 ? w = "col-2" : m > 250 * 4 ? w = "col-3" : m > 250 * 3 ? w = "col-4" : m > 250 * 2 && (w = "col-6"), w;
   }
-  const h = W(() => s(i.value));
-  return me([n], ([m]) => {
+  const v = W(() => s(i.value));
+  return pe([n], ([m]) => {
     r.value = m, u();
   }), {
-    conditionClass: h,
+    conditionClass: v,
     resizeObserver: o
   };
 }
@@ -3222,14 +3221,14 @@ const en = /* @__PURE__ */ Ke({
       initialConditionValue: a,
       fieldMap: u,
       loadFieldConfigs: s
-    } = i, h = Ti(e, t, n), {
+    } = i, v = Ti(e, t, n), {
       conditionClass: m,
-      resizeObserver: v
-    } = h;
+      resizeObserver: h
+    } = v;
     s(!0), a(r.value), sn(() => {
       var F;
-      (F = v.value) == null || F.unobserve(n.value);
-    }), me(() => e.conditions, () => {
+      (F = h.value) == null || F.unobserve(n.value);
+    }), pe(() => e.conditions, () => {
       r.value = e.conditions, a(r.value);
     });
     const w = W(() => ({
@@ -3275,7 +3274,7 @@ const en = /* @__PURE__ */ Ke({
   }
 }), On = {}, En = {};
 function Yt(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 ? Yt(t[u]) : ut(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 ? Yt(t[u]) : pt(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)}`;
@@ -3285,7 +3284,7 @@ function Yt(e) {
 function Fi(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 ? Yt(t[a]) : ut(t[a].default), i), {});
+    const r = o.reduce((i, a) => (i[a] = t[a].type === "object" && t[a].properties ? Yt(t[a]) : pt(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)}`;
@@ -3329,55 +3328,55 @@ function Ei(e, t, n = /* @__PURE__ */ new Map()) {
   return Oi(o, n);
 }
 function Ii(e = {}) {
-  function t(h, m, v, w) {
-    if (typeof v == "number")
-      return w[h].length === v;
-    if (typeof v == "object") {
-      const E = Object.keys(v)[0], _ = v[E];
+  function t(v, m, h, w) {
+    if (typeof h == "number")
+      return w[v].length === h;
+    if (typeof h == "object") {
+      const E = Object.keys(h)[0], _ = h[E];
       if (E === "not")
-        return Number(w[h].length) !== Number(_);
+        return Number(w[v].length) !== Number(_);
       if (E === "moreThan")
-        return Number(w[h].length) >= Number(_);
+        return Number(w[v].length) >= Number(_);
       if (E === "lessThan")
-        return Number(w[h].length) <= Number(_);
+        return Number(w[v].length) <= Number(_);
     }
     return !1;
   }
-  function n(h, m, v, w) {
-    return w[h] && w[h].propertyValue && String(w[h].propertyValue.value) === String(v);
+  function n(v, m, h, w) {
+    return w[v] && w[v].propertyValue && String(w[v].propertyValue.value) === String(h);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((h, m) => (h.set(m, e[m]), h), o);
-  function r(h, m) {
-    const v = h;
-    return typeof m == "number" ? [{ target: v, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: v, operator: "getProperty", param: h, value: !!m }] : typeof m == "object" ? Object.keys(m).map((w) => {
+  Object.keys(e).reduce((v, m) => (v.set(m, e[m]), v), o);
+  function r(v, m) {
+    const h = v;
+    return typeof m == "number" ? [{ target: h, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: h, operator: "getProperty", param: v, value: !!m }] : typeof m == "object" ? Object.keys(m).map((w) => {
       if (w === "length")
-        return { target: v, operator: "length", param: null, value: m[w] };
+        return { target: h, operator: "length", param: null, value: m[w] };
       const E = w, _ = m[w];
-      return { target: v, operator: "getProperty", param: E, value: _ };
+      return { target: h, operator: "getProperty", param: E, value: _ };
     }) : [];
   }
-  function i(h) {
-    return Object.keys(h).reduce((v, w) => {
-      const E = r(w, h[w]);
-      return v.push(...E), v;
+  function i(v) {
+    return Object.keys(v).reduce((h, w) => {
+      const E = r(w, v[w]);
+      return h.push(...E), h;
     }, []);
   }
-  function a(h, m) {
-    if (o.has(h.operator)) {
-      const v = o.get(h.operator);
-      return v && v(h.target, h.param, h.value, m) || !1;
+  function a(v, m) {
+    if (o.has(v.operator)) {
+      const h = o.get(v.operator);
+      return h && h(v.target, v.param, v.value, m) || !1;
     }
     return !1;
   }
-  function u(h, m) {
-    return i(h).reduce((E, _) => E && a(_, m), !0);
+  function u(v, m) {
+    return i(v).reduce((E, _) => E && a(_, m), !0);
   }
-  function s(h, m) {
-    const v = Object.keys(h), w = v.includes("allOf"), E = v.includes("anyOf"), _ = w || E, c = (_ ? h[_ ? w ? "allOf" : "anyOf" : "allOf"] : [h]).map((O) => u(O, m));
+  function s(v, m) {
+    const h = Object.keys(v), w = h.includes("allOf"), E = h.includes("anyOf"), _ = w || E, c = (_ ? v[_ ? w ? "allOf" : "anyOf" : "allOf"] : [v]).map((O) => u(O, m));
     return w ? !c.includes(!1) : c.includes(!0);
   }
   return { parseValueSchema: s };
@@ -3424,9 +3423,9 @@ const ue = {
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
 }, Mi = {}, Bi = {};
 Ii();
-function bt(e, t, n = /* @__PURE__ */ new Map(), o = (a, u, s, h) => u, r = {}, i = (a) => a) {
+function bt(e, t, n = /* @__PURE__ */ new Map(), o = (a, u, s, v) => u, r = {}, i = (a) => a) {
   return On[t.title] = t, En[t.title] = o, Mi[t.title] = r, Bi[t.title] = i, (a = {}) => {
-    const u = Ei(a, t, n), s = Object.keys(e).reduce((h, m) => (h[m] = e[m].default, h), {});
+    const u = Ei(a, t, n), s = Object.keys(e).reduce((v, m) => (v[m] = e[m].default, v), {});
     return Object.assign(s, u);
   };
 }
@@ -3521,7 +3520,7 @@ class Wi {
     }), n.contents = [o];
     const { selectedFields: i } = t;
     i == null || i.forEach((u) => {
-      const s = ut(u), h = this.resolveControlClassByFormColumns(t), m = this.controlCreatorUtils.setFormFieldProperty(s, "", h);
+      const s = pt(u), v = this.resolveControlClassByFormColumns(t), m = this.controlCreatorUtils.setFormFieldProperty(s, "", v);
       m && r.push(m);
     });
     const { templateId: a } = this.formSchemaUtils.getFormSchema().module;
@@ -3586,16 +3585,16 @@ class Wi {
   }
 }
 function Hi(e, t, n, o) {
-  var i, a, u, s, h, m;
+  var i, a, u, s, v, m;
   const r = n.parentComponentInstance;
   if (r && o) {
-    const v = (i = r.schema) == null ? void 0 : i.type, E = {
+    const h = (i = r.schema) == null ? void 0 : i.type, E = {
       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: v === "splitter-pane" ? 1 : 4,
+      formColumns: h === "splitter-pane" ? 1 : 4,
       parentContainerId: r.schema.id,
-      bindTo: ((h = n.bindingSourceContext) == null ? void 0 : h.bindTo) || "/",
+      bindTo: ((v = n.bindingSourceContext) == null ? void 0 : v.bindTo) || "/",
       selectedFields: (m = n.bindingSourceContext) == null ? void 0 : m.bindingEntityFields
     };
     return new Wi(e, o).createComponent(E);
@@ -3722,7 +3721,8 @@ const Ki = "https://json-schema.org/draft/2020-12/schema", Ji = "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: "" }
 };
 bt(
   Bn,
@@ -3742,7 +3742,7 @@ function oa(e, t, n) {
   function s() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function h() {
+  function v() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
   function m(l) {
@@ -3753,13 +3753,13 @@ function oa(e, t, n) {
     const d = V(l == null ? void 0 : l.value.parent), b = m(d);
     return b || null;
   }
-  function v(l = t) {
+  function h(l = t) {
     var y;
     const { componentInstance: d, designerItemElementRef: b } = l;
     if (!d || !d.value)
       return null;
     const { getCustomButtons: S } = d.value;
-    return d.value.canMove || S && ((y = S()) != null && y.length) ? b : v(l.parent);
+    return d.value.canMove || S && ((y = S()) != null && y.length) ? b : h(l.parent);
   }
   function w(l) {
     return !!n && n.canAccepts(l);
@@ -3808,7 +3808,7 @@ function oa(e, t, n) {
     canMove: a(),
     canSelectParent: u(),
     canDelete: s(),
-    canNested: !h(),
+    canNested: !v(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
     parent: (x = t == null ? void 0 : t.parent) == null ? void 0 : x.componentInstance,
@@ -3817,7 +3817,7 @@ function oa(e, t, n) {
     designerClass: r,
     canAccepts: w,
     getBelongedComponentInstance: m,
-    getDraggableDesignItemElement: v,
+    getDraggableDesignItemElement: h,
     getDraggingDisplayText: E,
     getPropConfig: f,
     getDragScopeElement: _,
@@ -3922,7 +3922,7 @@ class ra {
     const o = n && n.parent && n.parent.schema;
     if (!o)
       return;
-    const r = o.contents.findIndex((a) => a.id === t), i = ut(o.contents[r]);
+    const r = o.contents.findIndex((a) => a.id === t), i = pt(o.contents[r]);
     o.contents.splice(r, 1), o.contents.splice(r, 0, i);
   }
 }
@@ -3982,7 +3982,7 @@ function sa(e) {
   let t;
   e.className.includes("dgComponentSelected") ? t = e : t = e.querySelector(".dgComponentSelected"), t && Vn(t);
 }
-var ft = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var dt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ft(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.');
 }
@@ -3993,22 +3993,22 @@ var ua = { exports: {} };
   })(function() {
     return (/* @__PURE__ */ function() {
       function n(o, r, i) {
-        function a(h, m) {
-          if (!r[h]) {
-            if (!o[h]) {
-              var v = typeof Ft == "function" && Ft;
-              if (!m && v) return v(h, !0);
-              if (u) return u(h, !0);
-              var w = new Error("Cannot find module '" + h + "'");
+        function a(v, m) {
+          if (!r[v]) {
+            if (!o[v]) {
+              var h = typeof Ft == "function" && Ft;
+              if (!m && h) return h(v, !0);
+              if (u) return u(v, !0);
+              var w = new Error("Cannot find module '" + v + "'");
               throw w.code = "MODULE_NOT_FOUND", w;
             }
-            var E = r[h] = { exports: {} };
-            o[h][0].call(E.exports, function(_) {
-              var B = o[h][1][_];
+            var E = r[v] = { exports: {} };
+            o[v][0].call(E.exports, function(_) {
+              var B = o[v][1][_];
               return a(B || _);
             }, E, E.exports, n, o, r, i);
           }
-          return r[h].exports;
+          return r[v].exports;
         }
         for (var u = typeof Ft == "function" && Ft, s = 0; s < i.length; s++) a(i[s]);
         return a;
@@ -4017,30 +4017,30 @@ var ua = { exports: {} };
     }())({
       1: [function(n, o, r) {
         var i = {}, a = "(?:^|\\s)", u = "(?:\\s|$)";
-        function s(v) {
-          var w = i[v];
-          return w ? w.lastIndex = 0 : i[v] = w = new RegExp(a + v + u, "g"), w;
+        function s(h) {
+          var w = i[h];
+          return w ? w.lastIndex = 0 : i[h] = w = new RegExp(a + h + u, "g"), w;
         }
-        function h(v, w) {
-          var E = v.className;
-          E.length ? s(w).test(E) || (v.className += " " + w) : v.className = w;
+        function v(h, w) {
+          var E = h.className;
+          E.length ? s(w).test(E) || (h.className += " " + w) : h.className = w;
         }
-        function m(v, w) {
-          v.className = v.className.replace(s(w), " ").trim();
+        function m(h, w) {
+          h.className = h.className.replace(s(w), " ").trim();
         }
         o.exports = {
-          add: h,
+          add: v,
           rm: m
         };
       }, {}],
       2: [function(n, o, r) {
         (function(i) {
-          var a = n("contra/emitter"), u = n("crossvent"), s = n("./classes"), h = document, m = h.documentElement;
-          function v(y, T) {
+          var a = n("contra/emitter"), u = n("crossvent"), s = n("./classes"), v = document, m = v.documentElement;
+          function h(y, T) {
             var C = arguments.length;
             C === 1 && Array.isArray(y) === !1 && (T = y, y = []);
             var I, k, N, R, D, A, z, U, te, oe = null, X, H, Y = !1, ae = 0, ne, j = T || {};
-            j.moves === void 0 && (j.moves = f), j.accepts === void 0 && (j.accepts = f), j.invalid === void 0 && (j.invalid = $e), j.containers === void 0 && (j.containers = y || []), j.isContainer === void 0 && (j.isContainer = c), j.copy === void 0 && (j.copy = !1), j.copySortSource === void 0 && (j.copySortSource = !1), j.revertOnSpill === void 0 && (j.revertOnSpill = !1), j.removeOnSpill === void 0 && (j.removeOnSpill = !1), j.direction === void 0 && (j.direction = "vertical"), j.ignoreInputTextSelection === void 0 && (j.ignoreInputTextSelection = !0), j.mirrorContainer === void 0 && (j.mirrorContainer = h.body);
+            j.moves === void 0 && (j.moves = f), j.accepts === void 0 && (j.accepts = f), j.invalid === void 0 && (j.invalid = $e), j.containers === void 0 && (j.containers = y || []), j.isContainer === void 0 && (j.isContainer = c), j.copy === void 0 && (j.copy = !1), j.copySortSource === void 0 && (j.copySortSource = !1), j.revertOnSpill === void 0 && (j.revertOnSpill = !1), j.removeOnSpill === void 0 && (j.removeOnSpill = !1), j.direction === void 0 && (j.direction = "vertical"), j.ignoreInputTextSelection === void 0 && (j.ignoreInputTextSelection = !0), j.mirrorContainer === void 0 && (j.mirrorContainer = v.body);
             var K = a({
               containers: j.containers,
               start: J,
@@ -4089,12 +4089,12 @@ var ua = { exports: {} };
                 }
                 if (!($.clientX !== void 0 && Math.abs($.clientX - R) <= (j.slideFactorX || 0) && $.clientY !== void 0 && Math.abs($.clientY - D) <= (j.slideFactorY || 0))) {
                   if (j.ignoreInputTextSelection) {
-                    var G = S("clientX", $) || 0, Z = S("clientY", $) || 0, ce = h.elementFromPoint(G, Z);
+                    var G = S("clientX", $) || 0, Z = S("clientY", $) || 0, ce = v.elementFromPoint(G, Z);
                     if (x(ce))
                       return;
                   }
                   var ge = X;
-                  He(!0), Ae(), je(), pe(ge), s.add(U || N, "gu-transit"), fe(), Q(), ae = 0, it($);
+                  He(!0), Ae(), je(), me(ge), s.add(U || N, "gu-transit"), fe(), Q(), ae = 0, it($);
                 }
               }
             }
@@ -4119,9 +4119,9 @@ var ua = { exports: {} };
             }
             function J($) {
               var G = Pe($);
-              G && pe(G);
+              G && me(G);
             }
-            function pe($) {
+            function me($) {
               wt($.item, $.source) && (U = $.item.cloneNode(!0), K.emit("cloned", U, $.item, "copy")), k = $.source, N = $.item, A = z = d($.item), K.dragging = !0, K.emit("drag", N, k);
             }
             function $e() {
@@ -4185,26 +4185,26 @@ var ua = { exports: {} };
               var G = S("clientX", $) || 0, Z = S("clientY", $) || 0;
               I.style.left = G - 2 + "px", I.style.top = Z - 2 + "px";
               var ce = U || N, ge = F(I, G, Z), Se = rt(ge, G, Z), lt = Se !== null && Se !== oe;
-              (lt || Se === null) && (Qe(), oe = Se, dt()), Oe(ge, Z);
+              (lt || Se === null) && (Qe(), oe = Se, ct()), Oe(ge, Z);
               var Ye = p(ce);
               if (Se === k && U && !j.copySortSource) {
                 Ye && Ye.removeChild(ce);
                 return;
               }
-              var tt, ct = ke(Se, ge);
-              if (Y = Ce(ct, Se), ct !== null)
-                tt = Ue(Se, ct, G, Z);
+              var tt, ut = ke(Se, ge);
+              if (Y = Ce(ut, Se), ut !== null)
+                tt = Ue(Se, ut, G, Z);
               else if (j.revertOnSpill === !0 && !U)
                 tt = A, Se = k;
               else {
                 U && Ye && Ye.removeChild(ce), U && H && (H.style.display = "none");
                 return;
               }
-              H.style.display = "block", at(tt, ce, lt), tt ? Te(ct, tt) : Fe(Se);
+              H.style.display = "block", at(tt, ce, lt), tt ? Te(ut, tt) : Fe(Se);
               function Le(Ge) {
                 K.emit(Ge, ce, oe, k);
               }
-              function dt() {
+              function ct() {
                 lt && Le("over");
               }
               function Qe() {
@@ -4316,21 +4316,21 @@ var ua = { exports: {} };
               var ge = j.direction === "horizontal", Se = j.direction === "mixed", lt = G !== $ ? tt() : Ye();
               return lt;
               function Ye() {
-                var Le = $.children.length, dt, Qe, Ge;
-                for (dt = 0; dt < Le; dt++)
-                  if (Qe = $.children[dt], Ge = Qe.getBoundingClientRect(), ge && Ge.left + Ge.width / 2 > Z || !Se && !ge && Ge.top + Ge.height / 2 > ce || Se && Ge.left + Ge.width > Z && Ge.top + Ge.height > ce)
+                var Le = $.children.length, ct, Qe, Ge;
+                for (ct = 0; ct < Le; ct++)
+                  if (Qe = $.children[ct], Ge = Qe.getBoundingClientRect(), ge && Ge.left + Ge.width / 2 > Z || !Se && !ge && Ge.top + Ge.height / 2 > ce || Se && Ge.left + Ge.width > Z && Ge.top + Ge.height > ce)
                     return Qe;
                 return null;
               }
               function tt() {
                 var Le = G.getBoundingClientRect();
                 if (Se) {
-                  var dt = ce - Le.top, Qe = Z - Le.left, Ge = Le.bottom - ce, Rt = Le.right - Z, Nt = Math.min(Qe, Rt, dt, Ge), Dt;
-                  return Y ? Dt = Rt < Qe : Dt = Ge === Nt || Rt === Nt || Qe === Nt, ct(Dt);
+                  var ct = ce - Le.top, Qe = Z - Le.left, Ge = Le.bottom - ce, Rt = Le.right - Z, Nt = Math.min(Qe, Rt, ct, Ge), Dt;
+                  return Y ? Dt = Rt < Qe : Dt = Ge === Nt || Rt === Nt || Qe === Nt, ut(Dt);
                 }
-                return ct(ge ? Z > Le.left + O(Le) / 2 : ce > Le.top + g(Le) / 2);
+                return ut(ge ? Z > Le.left + O(Le) / 2 : ce > Le.top + g(Le) / 2);
               }
-              function ct(Le) {
+              function ut(Le) {
                 return Le ? d(G) : G;
               }
             }
@@ -4387,7 +4387,7 @@ var ua = { exports: {} };
           function F(y, T, C) {
             y = y || {};
             var I = y.className || "", k;
-            return y.className += " gu-hide", k = h.elementFromPoint(T, C), y.className = I, k;
+            return y.className += " gu-hide", k = v.elementFromPoint(T, C), y.className = I, k;
           }
           function c() {
             return !1;
@@ -4402,7 +4402,7 @@ var ua = { exports: {} };
             return y.height || y.bottom - y.top;
           }
           function p(y) {
-            return y.parentNode === h ? null : y.parentNode;
+            return y.parentNode === v ? null : y.parentNode;
           }
           function x(y) {
             return y.tagName === "INPUT" || y.tagName === "TEXTAREA" || y.tagName === "SELECT" || l(y);
@@ -4432,8 +4432,8 @@ var ua = { exports: {} };
             };
             return y in I && !(y in C) && I[y] in C && (y = I[y]), C[y];
           }
-          o.exports = v;
-        }).call(this, typeof ft < "u" ? ft : typeof self < "u" ? self : typeof window < "u" ? window : {});
+          o.exports = h;
+        }).call(this, typeof dt < "u" ? dt : 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) {
@@ -4442,28 +4442,28 @@ var ua = { exports: {} };
       }, {}],
       4: [function(n, o, r) {
         var i = n("ticky");
-        o.exports = function(u, s, h) {
+        o.exports = function(u, s, v) {
           u && i(function() {
-            u.apply(h || null, s || []);
+            u.apply(v || null, s || []);
           });
         };
       }, { ticky: 10 }],
       5: [function(n, o, r) {
         var i = n("atoa"), a = n("./debounce");
-        o.exports = function(s, h) {
-          var m = h || {}, v = {};
+        o.exports = function(s, v) {
+          var m = v || {}, h = {};
           return s === void 0 && (s = {}), s.on = function(w, E) {
-            return v[w] ? v[w].push(E) : v[w] = [E], s;
+            return h[w] ? h[w].push(E) : h[w] = [E], s;
           }, s.once = function(w, E) {
             return E._once = !0, s.on(w, E), s;
           }, s.off = function(w, E) {
             var _ = arguments.length;
             if (_ === 1)
-              delete v[w];
+              delete h[w];
             else if (_ === 0)
-              v = {};
+              h = {};
             else {
-              var B = v[w];
+              var B = h[w];
               if (!B)
                 return s;
               B.splice(B.indexOf(E), 1);
@@ -4473,7 +4473,7 @@ var ua = { exports: {} };
             var w = i(arguments);
             return s.emitterSnapshot(w.shift()).apply(this, w);
           }, s.emitterSnapshot = function(w) {
-            var E = (v[w] || []).slice(0);
+            var E = (h[w] || []).slice(0);
             return function() {
               var _ = i(arguments), B = this || s;
               if (w === "error" && m.throws !== !1 && !E.length)
@@ -4487,9 +4487,9 @@ var ua = { exports: {} };
       }, { "./debounce": 4, atoa: 3 }],
       6: [function(n, o, r) {
         (function(i) {
-          var a = n("custom-event"), u = n("./eventmap"), s = i.document, h = w, m = _, v = [];
-          i.addEventListener || (h = E, m = B), o.exports = {
-            add: h,
+          var a = n("custom-event"), u = n("./eventmap"), s = i.document, v = w, m = _, h = [];
+          i.addEventListener || (v = E, m = B), o.exports = {
+            add: v,
             remove: m,
             fabricate: F
           };
@@ -4530,7 +4530,7 @@ var ua = { exports: {} };
           }
           function f(p, x, l) {
             var d = O(p, x, l) || c(p, x, l);
-            return v.push({
+            return h.push({
               wrapper: d,
               element: p,
               type: x,
@@ -4540,17 +4540,17 @@ var ua = { exports: {} };
           function O(p, x, l) {
             var d = g(p, x, l);
             if (d) {
-              var b = v[d].wrapper;
-              return v.splice(d, 1), b;
+              var b = h[d].wrapper;
+              return h.splice(d, 1), b;
             }
           }
           function g(p, x, l) {
             var d, b;
-            for (d = 0; d < v.length; d++)
-              if (b = v[d], b.element === p && b.type === x && b.fn === l)
+            for (d = 0; d < h.length; d++)
+              if (b = h[d], b.element === p && b.type === x && b.fn === l)
                 return d;
           }
-        }).call(this, typeof ft < "u" ? ft : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof dt < "u" ? dt : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
       7: [function(n, o, r) {
         (function(i) {
@@ -4558,7 +4558,7 @@ var ua = { exports: {} };
           for (u in i)
             s.test(u) && a.push(u.slice(2));
           o.exports = a;
-        }).call(this, typeof ft < "u" ? ft : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof dt < "u" ? dt : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       8: [function(n, o, r) {
         (function(i) {
@@ -4573,25 +4573,25 @@ var ua = { exports: {} };
           }
           o.exports = u() ? a : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(h, m) {
-              var v = document.createEvent("CustomEvent");
-              return m ? v.initCustomEvent(h, m.bubbles, m.cancelable, m.detail) : v.initCustomEvent(h, !1, !1, void 0), v;
+            typeof document < "u" && typeof document.createEvent == "function" ? function(v, m) {
+              var h = document.createEvent("CustomEvent");
+              return m ? h.initCustomEvent(v, m.bubbles, m.cancelable, m.detail) : h.initCustomEvent(v, !1, !1, void 0), h;
             } : (
               // IE <= 8
-              function(h, m) {
-                var v = document.createEventObject();
-                return v.type = h, m ? (v.bubbles = !!m.bubbles, v.cancelable = !!m.cancelable, v.detail = m.detail) : (v.bubbles = !1, v.cancelable = !1, v.detail = void 0), v;
+              function(v, m) {
+                var h = document.createEventObject();
+                return h.type = v, m ? (h.bubbles = !!m.bubbles, h.cancelable = !!m.cancelable, h.detail = m.detail) : (h.bubbles = !1, h.cancelable = !1, h.detail = void 0), h;
               }
             )
           );
-        }).call(this, typeof ft < "u" ? ft : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof dt < "u" ? dt : 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 h() {
+        function v() {
           throw new Error("clearTimeout has not been defined");
         }
         (function() {
@@ -4601,9 +4601,9 @@ var ua = { exports: {} };
             a = s;
           }
           try {
-            typeof clearTimeout == "function" ? u = clearTimeout : u = h;
+            typeof clearTimeout == "function" ? u = clearTimeout : u = v;
           } catch {
-            u = h;
+            u = v;
           }
         })();
         function m(g) {
@@ -4621,10 +4621,10 @@ var ua = { exports: {} };
             }
           }
         }
-        function v(g) {
+        function h(g) {
           if (u === clearTimeout)
             return clearTimeout(g);
-          if ((u === h || !u) && clearTimeout)
+          if ((u === v || !u) && clearTimeout)
             return u = clearTimeout, clearTimeout(g);
           try {
             return u(g);
@@ -4649,7 +4649,7 @@ var ua = { exports: {} };
                 _ && _[B].run();
               B = -1, p = w.length;
             }
-            _ = null, E = !1, v(g);
+            _ = null, E = !1, h(g);
           }
         }
         i.nextTick = function(g) {
@@ -4691,7 +4691,7 @@ var ua = { exports: {} };
       }, { timers: 11 }],
       11: [function(n, o, r) {
         (function(i, a) {
-          var u = n("process/browser.js").nextTick, s = Function.prototype.apply, h = Array.prototype.slice, m = {}, v = 0;
+          var u = n("process/browser.js").nextTick, s = Function.prototype.apply, v = Array.prototype.slice, m = {}, h = 0;
           r.setTimeout = function() {
             return new w(s.call(setTimeout, window, arguments), clearTimeout);
           }, r.setInterval = function() {
@@ -4716,7 +4716,7 @@ var ua = { exports: {} };
               E._onTimeout && E._onTimeout();
             }, _));
           }, r.setImmediate = typeof i == "function" ? i : function(E) {
-            var _ = v++, B = arguments.length < 2 ? !1 : h.call(arguments, 1);
+            var _ = h++, B = arguments.length < 2 ? !1 : v.call(arguments, 1);
             return m[_] = !0, u(function() {
               m[_] && (B ? E.apply(null, B) : E.call(null), r.clearImmediate(_));
             }), _;
@@ -4733,13 +4733,13 @@ const Rn = /* @__PURE__ */ new Map([
   ["column", "columnOption"]
 ]);
 function ca(e, t, n) {
-  var v;
-  const o = n.parentComponentInstance, r = o.schema.type, i = String(((v = o.schema.appearance) == null ? void 0 : v.class) || "").split(" "), a = r === "section" || r === "tab-page", u = i.includes("f-page-content-nav"), s = i.includes("f-page-main"), h = e.getSchemaByType("component");
-  h.id = `${t.id}-component`, h.componentType = "data-grid";
+  var h;
+  const o = n.parentComponentInstance, r = o.schema.type, i = String(((h = o.schema.appearance) == null ? void 0 : h.class) || "").split(" "), a = r === "section" || r === "tab-page", u = i.includes("f-page-content-nav"), s = i.includes("f-page-main"), v = e.getSchemaByType("component");
+  v.id = `${t.id}-component`, v.componentType = "data-grid";
   let m = "";
-  return m += a ? "f-struct-data-grid-in-card f-struct-is-subgrid" : "", m += u ? "f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column" : "", m += s ? "f-struct-data-grid f-struct-wrapper" : "", h.appearance = {
+  return m += a ? "f-struct-data-grid-in-card f-struct-is-subgrid" : "", m += u ? "f-struct-data-grid-in-nav f-struct-wrapper f-utils-fill-flex-column" : "", m += s ? "f-struct-data-grid f-struct-wrapper" : "", v.appearance = {
     class: m
-  }, h.contents = [t], h;
+  }, v.contents = [t], v;
 }
 function da(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");
@@ -5671,7 +5671,7 @@ const pa = "https://json-schema.org/draft/2020-12/schema", ma = "https://farris-
   /** 启用虚拟渲染 */
   virtualized: { type: Boolean, default: !1 }
 }, wa = bt(Jt, Dn, Rn, Nn), Ca = Ri(), _a = Vi(), Pn = Object.assign({}, Jt, { componentId: { type: String, default: "" } }), Sa = bt(Pn, Dn, Rn, Nn), xa = Ni();
-function Ta(e, t, n, o, r, i, a, u, s, h, m, v, w, E, _, B, F) {
+function Ta(e, t, n, o, r, i, a, u, s, v, m, h, w, E, _, B, F) {
   const {
     calculateCellPositionInRow: c
   } = i, {
@@ -5684,7 +5684,7 @@ function Ta(e, t, n, o, r, i, a, u, s, h, m, v, w, E, _, B, F) {
     rightFixedGridDataStyle: l
   } = E, {
     renderDataRow: d
-  } = ni(e, t, f, F, u, s, h, m, v, w, E), b = [d];
+  } = ni(e, t, f, F, u, s, v, m, h, w, E), b = [d];
   function S(k, N) {
     const R = c(k);
     return F.value.filter((D) => D.visible !== !1).map((D) => b[D.type](D, R, N));
@@ -5730,7 +5730,7 @@ const Mt = /* @__PURE__ */ Ke({
   emits: ["selectionChange", "clickRow", "expandNode"],
   setup(e, t) {
     var wt, $;
-    const o = ((wt = e.rowOption) == null ? void 0 : wt.height) || 28, r = V(20), i = V(e.columns), a = mo(e), u = V(), s = V(), h = V(), m = V(), v = V(), w = V([]), E = V(!1), _ = V((($ = e.rowOption) == null ? void 0 : $.wrapContent) || !1), B = vo(e, a), F = ho(), c = go(e), {
+    const o = ((wt = e.rowOption) == null ? void 0 : wt.height) || 28, r = V(20), i = V(e.columns), a = mo(e), u = V(), s = V(), v = V(), m = V(), h = V(), w = V([]), E = V(!1), _ = V((($ = e.rowOption) == null ? void 0 : $.wrapContent) || !1), B = vo(e, a), F = ho(), c = go(e), {
       showLoading: f,
       renderLoading: O
     } = yo(e, u), g = bo(e, /* @__PURE__ */ new Map(), F, c, a), p = wo(e, g, a, w, t), x = Co(e, w, a, p, t), l = W(() => e.disabled), d = W(() => e.virtualized ? Math.min(g.dataView.value.length, r.value) : g.dataView.value.length), {
@@ -5758,7 +5758,7 @@ const Mt = /* @__PURE__ */ Ke({
       updateVisibleRowsOnLatestVisibleScope: Ae
     } = ne, De = Do(e, k, s, ve, R), {
       calculateColumnsSize: Ee
-    } = De, ze = Po(), Be = Wo(s, v, g, ze, ne), Pe = Ho(e, t, T, g, R, B, ne), ye = W(() => ({
+    } = De, ze = Po(), Be = Wo(s, h, g, ze, ne), Pe = Ho(e, t, T, g, R, B, ne), ye = W(() => ({
       "fv-grid": !0,
       "fv-grid-bordered": e.showBorder,
       "fv-grid-horizontal-bordered": e.showHorizontalLines,
@@ -5768,12 +5768,12 @@ const Mt = /* @__PURE__ */ Ke({
       "fv-grid-content-hover": E.value,
       "fv-grid-wrap-content": _.value
     })), {
-      renderDataArea: pe
-    } = Ta(e, t, h, m, v, H, T, g, A, c, D, p, x, ne, oe, z, w), {
+      renderDataArea: me
+    } = Ta(e, t, v, m, h, H, T, g, A, c, D, p, x, ne, oe, z, w), {
       renderGridHeader: $e,
       renderGridColumnResizeOverlay: je,
       shouldShowHeader: de
-    } = $o(e, t, s, m, v, T, g, Pe, Be, F, ze, De, R, p, Y, C, ne, ve, w), {
+    } = $o(e, t, s, m, h, T, g, Pe, Be, F, ze, De, R, p, Y, C, ne, ve, w), {
       renderDataGridSidebar: _e
     } = jo(e, D, p, Y, ne), {
       renderDisableMask: xe
@@ -5786,15 +5786,15 @@ const Mt = /* @__PURE__ */ Ke({
       var G, Z, ce;
       if (s.value && s.value.clientHeight > 0 && ((G = s.value) == null ? void 0 : G.clientWidth) > 0) {
         const ge = Math.ceil(s.value.clientHeight / o);
-        ge > r.value && (r.value = ge, Ae()), he.value = ((Z = h.value) == null ? void 0 : Z.clientHeight) || 0, K.value = ((ce = s.value) == null ? void 0 : ce.clientWidth) || 0, Ee();
+        ge > r.value && (r.value = ge, Ae()), he.value = ((Z = v.value) == null ? void 0 : Z.clientHeight) || 0, K.value = ((ce = s.value) == null ? void 0 : ce.clientWidth) || 0, Ee();
       }
     }
     yt(() => {
       s.value && (r.value = Math.max(Math.ceil(s.value.clientHeight / o), r.value), w.value = X(0, d.value + 0 - 1), fn(s.value, et), Ee(), Tt(() => {
-        s.value && (K.value = s.value.clientWidth), h.value && (ve.value = h.value.clientWidth, he.value = h.value.clientHeight);
+        s.value && (K.value = s.value.clientWidth), v.value && (ve.value = v.value.clientWidth, he.value = v.value.clientHeight);
       })), f.value && O();
     }), Bt(() => {
-    }), me(ve, () => {
+    }), pe(ve, () => {
       s.value && Ee();
     });
     function Je() {
@@ -5875,7 +5875,7 @@ const Mt = /* @__PURE__ */ Ke({
       class: J.value,
       onMouseover: () => E.value = !0,
       onMouseleave: () => E.value = !1
-    }, [s.value && _e(w), s.value && pe(), s.value && Fe.value && Oe(), s.value && we(), s.value && Xe()]), je(), l.value && xe()]);
+    }, [s.value && _e(w), s.value && me(), s.value && Fe.value && Oe(), s.value && we(), s.value && Xe()]), je(), l.value && xe()]);
   }
 }), Fa = {
   id: { type: String, default: "" },
@@ -5933,8 +5933,8 @@ const Xt = /* @__PURE__ */ Ke({
   props: Fa,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = V(`${e.modelValue.id}-component`), o = V(e.canMove), r = V(e.canDelete), i = V(!1), a = V(e.modelValue), u = V(e.componentId || ""), s = V(""), h = V(""), m = V(e.customClass), v = V(), w = vt("canvas-dragula"), E = V(), _ = vt("design-item-context"), B = {
-      designerItemElementRef: v,
+    const n = V(`${e.modelValue.id}-component`), o = V(e.canMove), r = V(e.canDelete), i = V(!1), a = V(e.modelValue), u = V(e.componentId || ""), s = V(""), v = V(""), m = V(e.customClass), h = V(), w = vt("canvas-dragula"), E = V(), _ = vt("design-item-context"), B = {
+      designerItemElementRef: h,
       componentInstance: E,
       schema: a.value,
       parent: _,
@@ -5951,11 +5951,11 @@ const Xt = /* @__PURE__ */ Ke({
         "position-relative": o.value && r.value || (N == null ? void 0 : N.length),
         "farris-nested": i.value,
         "can-move": o.value,
-        "d-none": v.value && v.value.classList.contains("d-none"),
-        dgComponentSelected: v.value && v.value.classList.contains("dgComponentSelected"),
-        dgComponentFocused: v.value && v.value.classList.contains("dgComponentFocused")
+        "d-none": h.value && h.value.classList.contains("d-none"),
+        dgComponentSelected: h.value && h.value.classList.contains("dgComponentSelected"),
+        dgComponentFocused: h.value && h.value.classList.contains("dgComponentFocused")
       };
-      return R[`farris-component-${a.value.type}`] = !0, R = Ht(R, k), R = Ht(R, h.value), R = Ht(R, m.value), R;
+      return R[`farris-component-${a.value.type}`] = !0, R = Ht(R, k), R = Ht(R, v.value), R = Ht(R, m.value), R;
     }), f = W(() => {
       const k = {}, N = e.modelValue.appearance && e.modelValue.appearance.style || "";
       return N && N.split(";").reduce((R, D) => {
@@ -6065,7 +6065,7 @@ const Xt = /* @__PURE__ */ Ke({
           }, null);
       }
     }
-    me(() => e.modelValue, (k) => {
+    pe(() => e.modelValue, (k) => {
       a.value = k, n.value = `${k.id}-component`;
     });
     function y(k) {
@@ -6079,30 +6079,30 @@ const Xt = /* @__PURE__ */ Ke({
     }
     function C() {
       var k, N;
-      (N = (k = a.value) == null ? void 0 : k.contents) != null && N.length && v.value && v.value.addEventListener("scroll", T);
+      (N = (k = a.value) == null ? void 0 : k.contents) != null && N.length && h.value && h.value.addEventListener("scroll", T);
     }
     yt(() => {
-      if (v.value && E.value && E.value.schema) {
-        const k = v.value.querySelector(`[data-dragref='${E.value.schema.id}-container']`);
-        w && k && w.attachComponents(k, a.value), i.value = E.value.canNested !== void 0 ? E.value.canNested : i.value, r.value = E.value.canDelete !== void 0 ? E.value.canDelete : r.value, o.value = E.value.canMove !== void 0 ? E.value.canMove : o.value, s.value = E.value.styles || "", h.value = E.value.designerClass || "", v.value && (v.value.componentInstance = E, v.value.designItemContext = B), E.value.belongedComponentId = u.value;
+      if (h.value && E.value && E.value.schema) {
+        const k = h.value.querySelector(`[data-dragref='${E.value.schema.id}-container']`);
+        w && k && w.attachComponents(k, a.value), i.value = E.value.canNested !== void 0 ? E.value.canNested : i.value, r.value = E.value.canDelete !== void 0 ? E.value.canDelete : r.value, o.value = E.value.canMove !== void 0 ? E.value.canMove : o.value, s.value = E.value.styles || "", v.value = E.value.designerClass || "", h.value && (h.value.componentInstance = E, h.value.designItemContext = B), E.value.belongedComponentId = u.value;
       }
       C(), $t.value++;
     }), sn(() => {
-      v.value && v.value.removeEventListener("scroll", T);
+      h.value && h.value.removeEventListener("scroll", T);
     });
     function I(k) {
       k && (k.preventDefault(), k.stopPropagation());
       let N = B.designerItemElementRef;
-      const R = v.value;
+      const R = h.value;
       if (R) {
         const D = document.getElementsByClassName("dgComponentFocused");
-        D && D.length === 1 && D[0] === v.value || (Array.from(D).forEach((z) => z.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((z) => z.classList.remove("dgComponentSelected")), R.classList.add("dgComponentFocused"), t.emit("selectionChange", a.value.type, a.value, u.value, E.value), E.value.getDraggableDesignItemElement && (N = E.value.getDraggableDesignItemElement(B), N && N.value && N.value.classList.add("dgComponentSelected")));
+        D && D.length === 1 && D[0] === h.value || (Array.from(D).forEach((z) => z.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((z) => z.classList.remove("dgComponentSelected")), R.classList.add("dgComponentFocused"), t.emit("selectionChange", a.value.type, a.value, u.value, E.value), E.value.getDraggableDesignItemElement && (N = E.value.getDraggableDesignItemElement(B), N && N.value && N.value.classList.add("dgComponentSelected")));
       }
       Vn(N == null ? void 0 : N.value);
     }
     return () => a.value.type === "component-ref" ? S(a.value) : M("div", {
       id: `${a.value.id}-design-item`,
-      ref: v,
+      ref: h,
       class: c.value,
       style: f.value,
       onClick: I
@@ -6116,9 +6116,9 @@ function Ba(e, t, n, o, r = "data-grid-column") {
     hasRightFixedColumn: u
   } = n, {
     gridHeaderColumnsStyle: s,
-    leftFixedGridHeaderColumnsStyle: h,
+    leftFixedGridHeaderColumnsStyle: v,
     rightFixedGridHeaderColumnsStyle: m
-  } = o, v = i.value.defaultColumnWidth, w = 32, E = /* @__PURE__ */ new Map([[0, 0]]);
+  } = o, h = i.value.defaultColumnWidth, w = 32, E = /* @__PURE__ */ new Map([[0, 0]]);
   function _(S, y) {
     const T = E.get(y) || 0, C = {
       height: `${S.depth * w}px`,
@@ -6127,7 +6127,7 @@ function Ba(e, t, n, o, r = "data-grid-column") {
       width: `${S.actualWidth}px`,
       padding: 0
     };
-    return i.value.headerDepth > 1 && (C["line-height"] = `${S.depth * w}px`), E.set(y + 1, T + (S.actualWidth || v)), C;
+    return i.value.headerDepth > 1 && (C["line-height"] = `${S.depth * w}px`), E.set(y + 1, T + (S.actualWidth || h)), C;
   }
   const B = W(() => ({
     "fv-grid-header": !0,
@@ -6188,7 +6188,7 @@ function Ba(e, t, n, o, r = "data-grid-column") {
       class: "fv-grid-header-left-fixed"
     }, [M("div", {
       class: "fv-grid-header-columns",
-      style: h.value
+      style: v.value
     }, [x(i.value.leftHeaderColumns)])]);
   }
   function d() {
@@ -6242,13 +6242,13 @@ class Va extends ra {
           readonly: !0
         }
       },
-      setPropertyRelates(h, m) {
-        switch (h && h.propertyID) {
+      setPropertyRelates(v, m) {
+        switch (v && v.propertyID) {
           case "dataSource": {
-            const v = r.formSchemaUtils.getViewModelById(r.viewModelId);
-            if (v) {
-              const w = o.find((E) => E.label === h.propertyValue);
-              v.bindTo = w.bindTo;
+            const h = r.formSchemaUtils.getViewModelById(r.viewModelId);
+            if (h) {
+              const w = o.find((E) => E.label === v.propertyValue);
+              h.bindTo = w.bindTo;
             }
             r.designViewModelUtils.assembleDesignViewModel();
             break;
@@ -6408,7 +6408,7 @@ function Ra(e, t) {
   function s() {
     return !0;
   }
-  function h(m) {
+  function v(m) {
     return new Va(m, t).getPropertyConfig(n);
   }
   return {
@@ -6418,27 +6418,27 @@ function Ra(e, t) {
     hideNestedPaddingInDesginerView: s,
     triggerBelongedComponentToMoveWhenMoved: o,
     triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: h
+    getPropsConfig: v
   };
 }
 function Na(e, t, n, o, r) {
   const { getGridHeaderCells: i } = r, a = 120, u = 50, s = W(() => {
     var l;
     return ((l = e.rowNumber) == null ? void 0 : l.enable) || !1;
-  }), h = W(() => {
+  }), v = W(() => {
     var l, d;
     return ((l = e.selection) == null ? void 0 : l.multiSelect) || ((d = e.selection) == null ? void 0 : d.showCheckbox) || !1;
   }), m = W(
     () => {
       var l;
-      return 0 + (s.value ? ((l = e.rowNumber) == null ? void 0 : l.width) || 32 : 0) + (h.value ? u : 0);
+      return 0 + (s.value ? ((l = e.rowNumber) == null ? void 0 : l.width) || 32 : 0) + (v.value ? u : 0);
     }
-  ), v = W(() => {
+  ), h = W(() => {
     var l;
     return (l = e.columnOption) == null ? void 0 : l.fitColumns;
   }), w = W(() => {
     var l;
-    return v.value && ((l = e.columnOption) == null ? void 0 : l.fitMode) || "none";
+    return h.value && ((l = e.columnOption) == null ? void 0 : l.fitMode) || "none";
   });
   function E(l, d, b) {
     const S = parseInt(l.width, 10) / 100;
@@ -6541,13 +6541,13 @@ function Na(e, t, n, o, r) {
       O(t), t.value = Object.assign({}, t.value);
     }
   }
-  return me(() => {
+  return pe(() => {
     var l;
     return (l = e.columnOption) == null ? void 0 : l.fitColumns;
   }, (l, d) => {
     l !== d && l && x();
-  }), me(w, (l, d) => {
-    l !== d && v.value && x();
+  }), pe(w, (l, d) => {
+    l !== d && h.value && x();
   }), { calculateColumnHeaders: O, calculateColumnsSize: x, calculateColumnsWidth: g };
 }
 const Da = /* @__PURE__ */ Ke({
@@ -6556,7 +6556,7 @@ const Da = /* @__PURE__ */ Ke({
   emits: [],
   setup(e, t) {
     var Be, Pe;
-    const n = V(), o = 0, r = ((Be = e.rowOption) == null ? void 0 : Be.height) || 28, i = V(20), a = V(e.columns), u = ys(e), s = V(), h = V(), m = V([]), v = V(!1), w = V(((Pe = e.rowOption) == null ? void 0 : Pe.wrapContent) || !1), E = vt("designer-host-service"), _ = vt("design-item-context"), B = Ra(_, E), F = oa(n, _, B);
+    const n = V(), o = 0, r = ((Be = e.rowOption) == null ? void 0 : Be.height) || 28, i = V(20), a = V(e.columns), u = ys(e), s = V(), v = V(), m = V([]), h = V(!1), w = V(((Pe = e.rowOption) == null ? void 0 : Pe.wrapContent) || !1), E = vt("designer-host-service"), _ = vt("design-item-context"), B = Ra(_, E), F = oa(n, _, B);
     F.value.designerClass = "f-utils-fill-flex-column";
     const c = rs(), f = is(e), O = Si(e, /* @__PURE__ */ new Map(), c, f, u), g = ws(e, O, u, m, t), p = W(() => O.dataView.value.length), {
       containerStyleObject: x
@@ -6589,7 +6589,7 @@ const Da = /* @__PURE__ */ Ke({
       "fv-datagrid-strip": e.showStripe
     })), He = W(() => ({
       "fv-grid-content": !0,
-      "fv-grid-content-hover": v.value,
+      "fv-grid-content-hover": h.value,
       "fv-grid-wrap-content": w.value
     })), {
       renderGridHeader: Ae
@@ -6597,21 +6597,21 @@ const Da = /* @__PURE__ */ Ke({
       renderHorizontalScrollbar: De
     } = oi(e, s, X);
     function Ee() {
-      var J, pe;
+      var J, me;
       const ye = Math.ceil(s.value.clientHeight / r);
-      ye > i.value && (i.value = ye, j()), ae.value = ((J = h.value) == null ? void 0 : J.clientHeight) || 0, Y.value = ((pe = s.value) == null ? void 0 : pe.clientWidth) || 0, he();
+      ye > i.value && (i.value = ye, j()), ae.value = ((J = v.value) == null ? void 0 : J.clientHeight) || 0, Y.value = ((me = s.value) == null ? void 0 : me.clientWidth) || 0, he();
     }
     yt(() => {
       n.value.componentInstance = F, s.value && (i.value = Math.max(Math.ceil(s.value.clientHeight / r), i.value), m.value = U(0, p.value + o - 1), fn(s.value, Ee), he(), Tt(() => {
-        s.value && (Y.value = s.value.clientWidth), h.value && (ne.value = h.value.clientWidth, ae.value = h.value.clientHeight);
+        s.value && (Y.value = s.value.clientWidth), v.value && (ne.value = v.value.clientWidth, ae.value = v.value.clientHeight);
       }));
     });
     function ze(ye) {
       ye && (a.value = ye, d(a), T(a.value), S(O, C), he());
     }
-    return me(() => e.columns, (ye) => {
+    return pe(() => e.columns, (ye) => {
       ze(ye);
-    }), me(ne, () => {
+    }), pe(ne, () => {
       s.value && he();
     }), t.expose(F.value), () => M("div", {
       ref: n,
@@ -6623,10 +6623,10 @@ const Da = /* @__PURE__ */ Ke({
       ref: s,
       class: He.value,
       onMouseover: () => {
-        v.value = !0;
+        h.value = !0;
       },
       onMouseleave: () => {
-        v.value = !1;
+        h.value = !1;
       }
     }, [De()])]);
   }
@@ -6923,7 +6923,7 @@ class mt {
   }
 }
 function el(e, t) {
-  const n = V(), o = V(), r = V(), i = V(), a = V(), u = V(), s = V(), h = V(), m = V(), v = V(), w = V(), E = V(), _ = V(e.draggable), B = V(!1);
+  const n = V(), o = V(), r = V(), i = V(), a = V(), u = V(), s = V(), v = V(), m = V(), h = V(), w = V(), E = V(), _ = V(e.draggable), B = V(!1);
   function F() {
     const R = o.value || document.body, D = window.getComputedStyle(R);
     if (!D || !n.value)
@@ -6931,13 +6931,13 @@ function el(e, t) {
     const A = Me.getTransformInfo(n.value), z = {};
     s.value && (z.deltaL = n.value.offsetLeft - s.value.x, z.deltaT = n.value.offsetTop - s.value.y);
     const U = D.getPropertyValue("position");
-    z.width = R.clientWidth, z.height = R.clientHeight, z.pr = parseInt(D.getPropertyValue("padding-right"), 10), z.pb = parseInt(D.getPropertyValue("padding-bottom"), 10), z.position = D.getPropertyValue("position"), U === "static" && (R.style.position = "relative"), z.translateX = A.x, z.translateY = A.y, v.value = z;
+    z.width = R.clientWidth, z.height = R.clientHeight, z.pr = parseInt(D.getPropertyValue("padding-right"), 10), z.pb = parseInt(D.getPropertyValue("padding-bottom"), 10), z.position = D.getPropertyValue("position"), U === "static" && (R.style.position = "relative"), z.translateX = A.x, z.translateY = A.y, h.value = z;
   }
   function c(R) {
     if (n.value) {
       i.value = mt.getCurrent(n.value), a.value = Me.getCurrent(n.value), u.value = i.value ? mt.copy(i.value) : null, s.value = a.value ? Me.copy(a.value) : null, F();
       const D = R.target.getAttribute("type") || "";
-      h.value = {
+      v.value = {
         n: !!D.match(/n/),
         s: !!D.match(/s/),
         w: !!D.match(/w/),
@@ -6949,28 +6949,28 @@ function el(e, t) {
     var R, D, A, z;
     if (n.value) {
       const U = n.value;
-      h.value && ((h.value.n || h.value.s) && ((R = u.value) != null && R.height) && (U.style.height = u.value.height + "px"), (h.value.w || h.value.e) && ((D = u.value) != null && D.width) && (U.style.width = u.value.width + "px"), s.value && ((A = s.value) != null && A.x && (U.style.left = s.value.x + "px"), (z = s.value) != null && z.y && (U.style.top = s.value.y + "px")));
+      v.value && ((v.value.n || v.value.s) && ((R = u.value) != null && R.height) && (U.style.height = u.value.height + "px"), (v.value.w || v.value.e) && ((D = u.value) != null && D.width) && (U.style.width = u.value.width + "px"), s.value && ((A = s.value) != null && A.x && (U.style.left = s.value.x + "px"), (z = s.value) != null && z.y && (U.style.top = s.value.y + "px")));
     }
   }
   function O() {
     const R = e.minHeight ? e.minHeight : 1, D = e.minWidth ? e.minWidth : 1;
-    u.value && s.value && h.value && i.value && (u.value.height < R && (u.value.height = R, h.value.n && a.value && (s.value.y = a.value.y + (i.value.height - R))), u.value.width < D && (u.value.width = D, h.value.w && a.value && (s.value.x = a.value.x + (i.value.width - D))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, a.value && h.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, h.value.w && a.value && (s.value.x = a.value.x + (i.value.width - e.maxWidth))));
+    u.value && s.value && v.value && i.value && (u.value.height < R && (u.value.height = R, v.value.n && a.value && (s.value.y = a.value.y + (i.value.height - R))), u.value.width < D && (u.value.width = D, v.value.w && a.value && (s.value.x = a.value.x + (i.value.width - D))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, a.value && v.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, v.value.w && a.value && (s.value.x = a.value.x + (i.value.width - e.maxWidth))));
   }
   function g() {
     if (o.value) {
-      const R = v.value;
-      if (s.value && u.value && h.value && i.value) {
+      const R = h.value;
+      if (s.value && u.value && v.value && i.value) {
         const D = R.width - R.pr - R.deltaL - R.translateX - s.value.x, A = R.height - R.pb - R.deltaT - R.translateY - s.value.y;
-        h.value.n && s.value.y + R.translateY < 0 && a.value && (s.value.y = -R.translateY, u.value.height = i.value.height + a.value.y + R.translateY), h.value.w && s.value.x + R.translateX < 0 && a.value && (s.value.x = -R.translateX, u.value.width = i.value.width + a.value.x + R.translateX), u.value.width > D && (u.value.width = D), u.value.height > A && (u.value.height = A);
+        v.value.n && s.value.y + R.translateY < 0 && a.value && (s.value.y = -R.translateY, u.value.height = i.value.height + a.value.y + R.translateY), v.value.w && s.value.x + R.translateX < 0 && a.value && (s.value.x = -R.translateX, u.value.width = i.value.width + a.value.x + R.translateX), u.value.width > D && (u.value.width = D), u.value.height > A && (u.value.height = A);
       }
     }
   }
   function p(R) {
-    if (!r.value || !i.value || !a.value || !h.value)
+    if (!r.value || !i.value || !a.value || !v.value)
       return;
     R.subtract(r.value);
     const D = R.x, A = R.y;
-    h.value.n ? (s.value.y = a.value.y + A, u.value.height = i.value.height - A) : h.value.s && (u.value.height = i.value.height + A), h.value.e ? u.value.width = i.value.width + D : h.value.w && (u.value.width = i.value.width - D, s.value.x = a.value.x + D), g(), O(), f();
+    v.value.n ? (s.value.y = a.value.y + A, u.value.height = i.value.height - A) : v.value.s && (u.value.height = i.value.height + A), v.value.e ? u.value.width = i.value.width + D : v.value.w && (u.value.width = i.value.width - D, s.value.x = a.value.x + D), g(), O(), f();
   }
   function x(R) {
     if (!m.value)
@@ -7004,7 +7004,7 @@ function el(e, t) {
       const D = l();
       w.value = D;
     }
-    r.value = void 0, i.value = null, a.value = null, u.value = null, s.value = null, h.value = null, m.value = null, document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", d);
+    r.value = void 0, i.value = null, a.value = null, u.value = null, s.value = null, v.value = null, m.value = null, document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", d);
   }
   function b() {
     document.addEventListener("mousemove", x), document.addEventListener("mouseup", d);
@@ -7109,8 +7109,8 @@ function el(e, t) {
   };
 }
 function tl(e, t, n) {
-  const o = V(), r = V(e.draggable), i = V(e.lockAxis), a = V(), u = V(), s = V(!1), h = V(new Me(0, 0)), m = V(new Me(0, 0)), v = V(new Me(0, 0)), w = V(new Me(0, 0));
-  me(() => n.value, (l) => {
+  const o = V(), r = V(e.draggable), i = V(e.lockAxis), a = V(), u = V(), s = V(!1), v = V(new Me(0, 0)), m = V(new Me(0, 0)), h = V(new Me(0, 0)), w = V(new Me(0, 0));
+  pe(() => n.value, (l) => {
     a.value.style.cursor = l ? "move" : "default";
   });
   function E(l, d) {
@@ -7125,8 +7125,8 @@ function tl(e, t, n) {
   }
   function _() {
     var S, y;
-    let l = v.value.x + m.value.x, d = v.value.y + m.value.y;
-    i.value === "x" ? (l = ((S = h.value) == null ? void 0 : S.x) || 0, v.value.x = 0) : i.value === "y" && (d = ((y = h.value) == null ? void 0 : y.y) || 0, v.value.y = 0);
+    let l = h.value.x + m.value.x, d = h.value.y + m.value.y;
+    i.value === "x" ? (l = ((S = v.value) == null ? void 0 : S.x) || 0, h.value.x = 0) : i.value === "y" && (d = ((y = v.value) == null ? void 0 : y.y) || 0, h.value.y = 0);
     const b = `translate3d(${Math.round(l)}px, ${Math.round(d)}px, 0px)`;
     o.value && (o.value.style.transform = b), w.value.x = l, w.value.y = d;
   }
@@ -7139,17 +7139,17 @@ function tl(e, t, n) {
       bottom: l.bottom > d.bottom,
       left: l.left < d.left
     };
-    return b.top || (v.value.y -= d.top - l.top), b.bottom || (v.value.y -= d.bottom - l.bottom), b.right || (v.value.x -= d.right - l.right), b.left || (v.value.x -= d.left - l.left), _(), b;
+    return b.top || (h.value.y -= d.top - l.top), b.bottom || (h.value.y -= d.bottom - l.bottom), b.right || (h.value.x -= d.right - l.right), b.left || (h.value.x -= d.left - l.left), _(), b;
   }
   function F(l) {
-    l && (h.value && l.subtract(h.value), v.value.set(l), _(), B());
+    l && (v.value && l.subtract(v.value), h.value.set(l), _(), B());
   }
   function c(l) {
     s.value && r.value && (l.stopPropagation(), l.preventDefault(), F(Me.fromEvent(l, a.value)));
   }
   function f() {
     var l;
-    s.value && (s.value = !1, m.value.add(v.value), v.value.reset(), (l = o.value) == null || l.classList.remove("ng-dragging"), document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", f));
+    s.value && (s.value = !1, m.value.add(h.value), h.value.reset(), (l = o.value) == null || l.classList.remove("ng-dragging"), document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", f));
   }
   function O() {
     !s.value && a.value && (s.value = !0, a.value.classList.add("ng-dragging"), document.addEventListener("mousemove", c), document.addEventListener("mouseup", f));
@@ -7166,7 +7166,7 @@ function tl(e, t, n) {
     if (!n.value || l instanceof MouseEvent && l.button === 2)
       return;
     const d = l.target || l.srcElement;
-    a.value !== void 0 && d && !E(d, a.value) || r.value !== !1 && (document.body.click(), l.stopPropagation(), l.preventDefault(), h.value = Me.fromEvent(l, o.value), g(), O());
+    a.value !== void 0 && d && !E(d, a.value) || r.value !== !1 && (document.body.click(), l.stopPropagation(), l.preventDefault(), v.value = Me.fromEvent(l, o.value), g(), O());
   }
   function x(l, d, b) {
     if (r.value && d) {
@@ -7221,9 +7221,9 @@ const St = /* @__PURE__ */ Ke({
   props: Za,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
   setup(e, t) {
-    const n = V(e.width || 300), o = V(e.height || 200), r = V(e.modelValue), i = V(""), a = V(e.class), u = V(e.fitContent), s = V(e.showHeader), h = V(""), m = V(e.showCloseButton), v = V(e.showMaxButton), w = V(!1), E = V(e.dialogType), _ = V(e.src), B = V(""), F = V(e.showButtons), c = V(e.title), f = V(e.resizeable), O = V(e.containment || null), g = V();
-    function p(J, pe) {
-      r.value = !1, t.emit("update:modelValue", !1), pe != null && t.emit(pe ? "accept" : "cancel"), t.emit("closed", J);
+    const n = V(e.width || 300), o = V(e.height || 200), r = V(e.modelValue), i = V(""), a = V(e.class), u = V(e.fitContent), s = V(e.showHeader), v = V(""), m = V(e.showCloseButton), h = V(e.showMaxButton), w = V(!1), E = V(e.dialogType), _ = V(e.src), B = V(""), F = V(e.showButtons), c = V(e.title), f = V(e.resizeable), O = V(e.containment || null), g = V();
+    function p(J, me) {
+      r.value = !1, t.emit("update:modelValue", !1), me != null && t.emit(me ? "accept" : "cancel"), t.emit("closed", J);
     }
     const x = [{
       name: "cancel",
@@ -7239,7 +7239,7 @@ const St = /* @__PURE__ */ Ke({
       handle: (J) => {
         p(J, !0);
       }
-    }], l = V(e.buttons && e.buttons.length ? e.buttons : x), d = W(() => !!h.value), b = W(() => !!F.value && !!l.value), S = V(), y = V(), T = V(!1), {
+    }], l = V(e.buttons && e.buttons.length ? e.buttons : x), d = W(() => !!v.value), b = W(() => !!F.value && !!l.value), S = V(), y = V(), T = V(!1), {
       renderResizeBar: C,
       maximize: I,
       restore: k,
@@ -7254,19 +7254,19 @@ const St = /* @__PURE__ */ Ke({
       const J = document.querySelectorAll(".farris-modal").length;
       (!J || J - 1 <= 0) && document.body.classList.remove("modal-open"), g.value && g.value.classList.remove("show");
     }
-    me(() => e.title, (J, pe) => {
-      J !== pe && (c.value = J);
-    }), me(() => e.modelValue, (J, pe) => {
-      J !== pe && (r.value = J, J || U());
-    }), me(() => e.showHeader, (J, pe) => {
-      J !== pe && (s.value = J);
-    }), me(() => e.showButtons, (J, pe) => {
-      J !== pe && (F.value = J);
-    }), me(() => R.value, (J, pe) => {
-      const $e = J || {}, je = pe || {};
+    pe(() => e.title, (J, me) => {
+      J !== me && (c.value = J);
+    }), pe(() => e.modelValue, (J, me) => {
+      J !== me && (r.value = J, J || U());
+    }), pe(() => e.showHeader, (J, me) => {
+      J !== me && (s.value = J);
+    }), pe(() => e.showButtons, (J, me) => {
+      J !== me && (F.value = J);
+    }), pe(() => R.value, (J, me) => {
+      const $e = J || {}, je = me || {};
       JSON.stringify($e) !== JSON.stringify(je) && t.emit("resize", {
         newSize: J,
-        oldSize: pe
+        oldSize: me
       });
     });
     const te = W(() => (r.value && document.body.classList.add("modal-open"), r.value)), oe = W(() => {
@@ -7280,8 +7280,8 @@ const St = /* @__PURE__ */ Ke({
       var $e;
       const J = {
         "modal-dialog": !0
-      }, pe = ($e = a.value) == null ? void 0 : $e.split(" ");
-      return pe == null || pe.reduce((je, de) => (je[de] = !0, je), J), J;
+      }, me = ($e = a.value) == null ? void 0 : $e.split(" ");
+      return me == null || me.reduce((je, de) => (je[de] = !0, je), J), J;
     }), H = W(() => ({
       position: "absolute",
       top: `${(window.innerHeight - o.value) / 2}px`,
@@ -7310,8 +7310,8 @@ const St = /* @__PURE__ */ Ke({
     const he = W(() => {
       const J = {
         textAlgin: B.value
-      }, pe = K();
-      return Object.assign(J, pe);
+      }, me = K();
+      return Object.assign(J, me);
     });
     function ve(J) {
       if (J.stopPropagation(), T.value) {
@@ -7320,8 +7320,8 @@ const St = /* @__PURE__ */ Ke({
       }
       I(), T.value = !0;
     }
-    async function He(J, pe) {
-      J.handle && await J.handle(pe, J) && t.emit("closed", pe);
+    async function He(J, me) {
+      J.handle && await J.handle(me, J) && t.emit("closed", me);
     }
     function Ae(J) {
       J.width && (n.value = J.width), J.height && (o.value = J.height), J.buttons && (l.value = J.buttons), J.title && (c.value = J.title);
@@ -7342,7 +7342,7 @@ const St = /* @__PURE__ */ Ke({
         class: "f-btn-icon f-bare"
       }, [M("span", {
         class: "f-icon modal_minimize"
-      }, null)]), v.value && M("li", {
+      }, null)]), h.value && M("li", {
         onClick: ve,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
@@ -7364,8 +7364,8 @@ const St = /* @__PURE__ */ Ke({
         name: J.name,
         type: "button",
         class: J.class + (J.iconClass ? " btn-icontext" : ""),
-        onClick: (pe) => {
-          He(J, pe);
+        onClick: (me) => {
+          He(J, me);
         }
       }, [!!J.iconClass && M("i", {
         class: J.iconClass
@@ -7379,7 +7379,7 @@ const St = /* @__PURE__ */ Ke({
       }, [M("div", {
         class: "modal-title"
       }, [d.value && M("span", {
-        class: h.value,
+        class: v.value,
         style: "margin-right: 8px"
       }, null), M("span", {
         class: "modal-title-label"
@@ -7398,7 +7398,7 @@ const St = /* @__PURE__ */ Ke({
         appear: !0
       }, {
         default: () => {
-          var J, pe;
+          var J, me;
           return [M("div", {
             class: oe.value,
             style: "display: block",
@@ -7413,7 +7413,7 @@ const St = /* @__PURE__ */ Ke({
             class: Y.value
           }, [s.value && Pe(), M("div", {
             class: j.value
-          }, [(pe = (J = t.slots).default) == null ? void 0 : pe.call(J), E.value === "iframe" && M("iframe", {
+          }, [(me = (J = t.slots).default) == null ? void 0 : me.call(J), E.value === "iframe" && M("iframe", {
             title: i.value,
             class: "f-utils-fill",
             width: "100%",
@@ -7439,7 +7439,7 @@ function rl(e) {
       Bt(() => {
         document.body.removeChild(t);
       });
-      const i = V(), a = V(e.class || ""), u = V(!!e.showButtons), s = V(!!e.showHeader), h = V(e.showCloseButton == null ? !0 : e.showCloseButton), m = V(!0), v = V(e.title || ""), w = e.acceptCallback || (() => {
+      const i = V(), a = V(e.class || ""), u = V(!!e.showButtons), s = V(!!e.showHeader), v = V(e.showCloseButton == null ? !0 : e.showCloseButton), m = V(!0), h = V(e.title || ""), w = e.acceptCallback || (() => {
       }), E = e.rejectCallback || (() => {
       }), _ = e.closedCallback || ((f) => {
       }), B = e.resizeHandle || ((f) => {
@@ -7454,13 +7454,13 @@ function rl(e) {
         class: a.value,
         modelValue: m.value,
         "onUpdate:modelValue": (f) => m.value = f,
-        title: v.value,
+        title: h.value,
         width: e.width,
         height: e.height,
         buttons: e.buttons,
         "show-header": s.value,
         "show-buttons": u.value,
-        "show-close-button": h.value,
+        "show-close-button": v.value,
         "show-max-button": !1,
         onAccept: w,
         onCancel: E,
@@ -7520,15 +7520,15 @@ class $n {
     }), u = o.value.closedCallback || ((g, p) => {
     }), s = o.value.resizeHandle || ((g) => {
     });
-    let h;
-    const m = Hn(o.value), v = (g) => {
+    let v;
+    const m = Hn(o.value), h = (g) => {
       var x;
       r.value = !1;
       const p = (x = g == null ? void 0 : g.target) == null ? void 0 : x.classList.contains("modal_close");
       u(g, this.isUseEscCloseModal.value ? "esc" : p ? "icon" : "button");
     }, w = (g) => {
-      v(g), h && Tt(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Pt(null, n), h = null, this.modalRef.value = null, this.modalRefs) {
+      h(g), v && Tt(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Pt(null, n), v = null, this.modalRef.value = null, this.modalRefs) {
           const p = Object.keys(this.modalRefs).map((x) => Number(x));
           p.length > 0 ? this.activeModalIndex.value = Math.max(...p) : this.activeModalIndex.value = 0;
         }
@@ -7555,7 +7555,7 @@ class $n {
     }), {
       default: () => [m && m(this.app)]
     });
-    return h = ((g) => {
+    return v = ((g) => {
       const p = Yn(c, g);
       return p.appContext = this.appContext, Pt(p, n), p;
     })({
@@ -7566,7 +7566,7 @@ class $n {
         o.value = {
           ...o.value,
           ...g
-        }, h && Pt(Kn(h, {
+        }, v && Pt(Kn(v, {
           ...o
         }), n);
       },
@@ -7585,21 +7585,32 @@ const al = {
   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: "" }
 }, ll = /* @__PURE__ */ Ke({
   name: "FDynamicFormLabel",
   props: al,
   emits: [],
   setup(e, t) {
-    const n = V(e.title || e.text), o = V(e.required), r = V(e.text);
-    return me(() => e.text, () => {
+    const n = V(e.title || e.text), o = V(e.required), r = V(e.text), i = V(e.valid), a = V(e.inValidTip);
+    pe(() => e.text, () => {
       r.value = e.text;
-    }), me(() => e.required, (i, a) => {
-      i !== a && (o.value = i);
-    }), () => r.value && M("label", {
+    }), pe(() => e.required, (v, m) => {
+      v !== m && (o.value = v);
+    }), pe([() => e.valid, () => e.inValidTip], ([v, m]) => {
+      i.value = v, a.value = m;
+    });
+    const u = W(() => i.value ? n.value : a.value), s = W(() => i.value ? "" : "color:red");
+    return () => r.value && M("label", {
       class: "col-form-label",
-      title: n.value
-    }, [o.value && M("span", {
+      title: u.value,
+      style: s.value
+    }, [!i.value && M("span", {
+      class: "f-icon f-icon-warning mr-1",
+      style: "color: red; min-width: 16px;",
+      title: a.value
+    }, null), o.value && M("span", {
       class: "farris-label-info text-danger"
     }, [Re("*")]), M("span", {
       class: "farris-label-text"
@@ -7703,9 +7714,9 @@ const cl = /* @__PURE__ */ Ke({
   emits: ["change", "update:modelValue"],
   setup(e, t) {
     var g;
-    const n = V(e.id), o = V(e.customClass), r = V(e.editor), i = V(e.label), a = V(e.modelValue), u = V(e.readonly), s = V(((g = e.editor) == null ? void 0 : g.required) || e.required), h = V(e.showLabel), m = V(e.visible);
+    const n = V(e.id), o = V(e.customClass), r = V(e.editor), i = V(e.label), a = V(e.modelValue), u = V(e.readonly), s = V(((g = e.editor) == null ? void 0 : g.required) || e.required), v = V(e.showLabel), m = V(e.visible);
     V(e.type);
-    const v = V(), {
+    const h = V(), {
       resolveEditorProps: w,
       resolveEditorType: E,
       getChangeFunctionName: _,
@@ -7725,17 +7736,17 @@ const cl = /* @__PURE__ */ Ke({
     const O = W(() => {
       const p = r.value.type || "input-group", x = E(p), l = w(p, r.value), d = _(p), b = B(r.value.type);
       return b && (l[b] = f), l[d] = c, (l.id == null || l.id === "") && (l.id = n.value), p === "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)) : p === "lookup" && r.value["onUpdate:idValue"] && typeof r.value["onUpdate:idValue"] == "function" && (l["onUpdate:idValue"] = r.value["onUpdate:idValue"]), () => M(x, ht({
-        ref: v
+        ref: h
       }, l, {
         modelValue: a.value,
         "onUpdate:modelValue": (S) => a.value = S
       }), t.slots);
     });
-    return me([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([p, x, l, d, b, S, y, T, C]) => {
+    return pe([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([p, x, l, d, b, S, y, T, C]) => {
       var I;
-      n.value = p, o.value = x, r.value = l, i.value = d, a.value = b, u.value = S, s.value = ((I = r.value) == null ? void 0 : I.required) || y, h.value = T, m.value = C;
+      n.value = p, o.value = x, r.value = l, i.value = d, a.value = b, u.value = S, s.value = ((I = r.value) == null ? void 0 : I.required) || y, v.value = T, m.value = C;
     }), t.expose({
-      editorRef: v
+      editorRef: h
     }), () => m.value && M("div", {
       id: `${n.value}-input-group`,
       class: o.value,
@@ -7744,7 +7755,7 @@ const cl = /* @__PURE__ */ Ke({
       class: "farris-group-wrap"
     }, [M("div", {
       class: F.value
-    }, [h.value && M(ll, {
+    }, [v.value && M(ll, {
       id: `${n.value}-lable`,
       required: s.value,
       text: i.value,
@@ -8254,13 +8265,13 @@ function Pl() {
   return { onCopy: e };
 }
 function Wl(e, t, n, o) {
-  const r = V(14), i = V(140), a = V(""), u = V(o.value.length), s = W(() => o.value), h = W(() => ({
+  const r = V(14), i = V(140), a = V(""), u = V(o.value.length), s = W(() => o.value), v = W(() => ({
     "font-size": `${r.value}px`,
     height: "100%"
   }));
-  function m(v) {
-    if (v.currentTarget) {
-      const w = v.currentTarget.value || "";
+  function m(h) {
+    if (h.currentTarget) {
+      const w = h.currentTarget.value || "";
       u.value = w.length;
     }
   }
@@ -8268,10 +8279,10 @@ function Wl(e, t, n, o) {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
-    style: h.value,
+    style: v.value,
     rows: "4",
     maxlength: i.value,
-    onInput: (v) => m(v)
+    onInput: (h) => m(h)
   }, [s.value]), M("span", {
     class: "textarea-wordcount",
     title: a.value,
@@ -8353,11 +8364,11 @@ function zl(e, t, n, o) {
       "f-icon": !0
     }, E = `f-icon-${t.value}`;
     return w[E] = !0, w;
-  }), a = W(() => n.value || r.value && r.value.message), u = W(() => o.value), s = W(() => !!o.value), h = W(() => !!r.value);
+  }), a = W(() => n.value || r.value && r.value.message), u = W(() => o.value), s = W(() => !!o.value), v = W(() => !!r.value);
   function m() {
-    return h.value ? Ll(r) : s.value ? Al(u) : () => null;
+    return v.value ? Ll(r) : s.value ? Al(u) : () => null;
   }
-  const v = m();
+  const h = m();
   return () => M(_t, null, [M("div", {
     class: "float-left modal-tips-iconwrap"
   }, [M("span", {
@@ -8367,7 +8378,7 @@ function zl(e, t, n, o) {
   }, [M("p", {
     class: "toast-msg-title",
     innerHTML: a.value
-  }, null), v()])]);
+  }, null), h()])]);
 }
 function Gl(e, t, n) {
   const {
@@ -8379,8 +8390,8 @@ function Gl(e, t, n) {
     message: "",
     detail: ""
   }), s = W(() => u.value && u.value.detail || "");
-  function h(m) {
-    o(s.value).catch((v) => {
+  function v(m) {
+    o(s.value).catch((h) => {
       i.value = "复制失败";
     }).finally(() => {
       r.value = !0, setTimeout(() => {
@@ -8391,12 +8402,12 @@ function Gl(e, t, n) {
   return () => M("span", {
     style: "width: 100%;color: #2A87FF;padding-left: 37px;"
   }, [M("span", {
-    onClick: h,
+    onClick: v,
     style: "cursor: pointer;"
   }, [a.value])]);
 }
 function ql(e, t, n, o) {
-  const r = V(e.type), i = V(e.buttons), a = V(e.exceptionInfo), u = V(e.okButtonText), s = V(e.cancelButtonText), h = V(!0), m = V(!0), v = W(() => !!(i.value && i.value.length)), w = W(() => a.value && a.value.date && a.value.message && a.value.detail), E = W(() => !(i.value && i.value.length) && (u.value || s.value)), _ = W(() => m.value && u.value), B = W(() => h.value && s.value), F = Gl(e, n, o);
+  const r = V(e.type), i = V(e.buttons), a = V(e.exceptionInfo), u = V(e.okButtonText), s = V(e.cancelButtonText), v = V(!0), m = V(!0), h = W(() => !!(i.value && i.value.length)), w = W(() => a.value && a.value.date && a.value.message && a.value.detail), E = W(() => !(i.value && i.value.length) && (u.value || s.value)), _ = W(() => m.value && u.value), B = W(() => v.value && s.value), F = Gl(e, n, o);
   function c(O) {
     r.value === "question" && t.emit("reject"), t.emit("close");
   }
@@ -8413,7 +8424,7 @@ function ql(e, t, n, o) {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: f
-  }, [u.value]), v.value && i.value.length && i.value.map((O) => M("button", {
+  }, [u.value]), h.value && i.value.length && i.value.map((O) => M("button", {
     type: "button",
     onClick: O.handle,
     class: O.class
@@ -8436,14 +8447,14 @@ const Ot = /* @__PURE__ */ Ke({
     }), a = W(() => {
       const F = {};
       return n.value === "prompt" ? F.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (F.padding = "0.5rem 1.5rem 1rem 1.5rem"), F;
-    }), u = Pl(), s = Hl(e, n, o, r), h = $l(), {
+    }), u = Pl(), s = Hl(e, n, o, r), v = $l(), {
       feedbackStyle: m,
-      feedbackMessage: v
-    } = h;
+      feedbackMessage: h
+    } = v;
     function w() {
       return M("div", {
         style: m.value
-      }, [v.value]);
+      }, [h.value]);
     }
     function E() {
       switch (n.value) {
@@ -8453,7 +8464,7 @@ const Ot = /* @__PURE__ */ Ke({
           return zl(e, n, o, r);
       }
     }
-    const _ = E(), B = ql(e, t, u, h);
+    const _ = E(), B = ql(e, t, u, v);
     return () => M("div", {
       class: "farris-messager"
     }, [M("section", {
@@ -8462,18 +8473,18 @@ const Ot = /* @__PURE__ */ Ke({
     }, [_()]), B(), w()]);
   }
 });
-class pt {
+class ft {
   static show(t) {
     const n = st({
       ...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, h = new $n(s);
+    let s = null, v = new $n(s);
     const m = () => {
-      s && (s == null || s.destroy(), h = null);
+      s && (s == null || s.destroy(), v = null);
     };
-    return s = h == null ? void 0 : h.open({
+    return s = v == null ? void 0 : v.open({
       class: "modal-message modal-message-type-info",
       title: i,
       showButtons: o,
@@ -8487,7 +8498,7 @@ class pt {
         onReject: u,
         onClose: m
       }), null)
-    }), h == null ? void 0 : h.getCurrentModal();
+    }), v == null ? void 0 : v.getCurrentModal();
   }
   static info(t, n) {
     const o = st({
@@ -8497,7 +8508,7 @@ class pt {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    pt.show(o);
+    ft.show(o);
   }
   static warning(t, n) {
     const o = st({
@@ -8507,7 +8518,7 @@ class pt {
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    pt.show(o);
+    ft.show(o);
   }
   static success(t, n) {
     const o = st({
@@ -8517,7 +8528,7 @@ class pt {
       okButtonText: "关闭",
       cancelButtonText: ""
     });
-    pt.show(o);
+    ft.show(o);
   }
   static error(t, n, o) {
     const r = st({
@@ -8531,7 +8542,7 @@ class pt {
         detail: n
       }
     });
-    pt.show(r);
+    ft.show(r);
   }
   static prompt(t, n) {
     const o = st({
@@ -8541,7 +8552,7 @@ class pt {
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    pt.show(o);
+    ft.show(o);
   }
   static question(t, n, o, r) {
     const i = st({
@@ -8553,11 +8564,11 @@ class pt {
       acceptCallback: o,
       rejectCallback: r
     });
-    pt.show(i);
+    ft.show(i);
   }
 }
 Ot.install = (e) => {
-  e.component(Ot.name, Ot), e.provide("FMessageBoxService", pt);
+  e.component(Ot.name, Ot), e.provide("FMessageBoxService", ft);
 };
 var xt = /* @__PURE__ */ ((e) => (e[e.Value = 0] = "Value", e[e.SmartHelp = 1] = "SmartHelp", e[e.Enum = 2] = "Enum", e[e.Express = 3] = "Express", e))(xt || {}), Ze = /* @__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))(Ze || {});
 const Ul = [
@@ -8670,7 +8681,7 @@ function jn() {
     }
     return y;
   }
-  function h(b, S, y, T, C) {
+  function v(b, S, y, T, C) {
     for (let R = S; R <= 0; R++)
       T.pop();
     const I = T[T.length - 1];
@@ -8684,7 +8695,7 @@ function jn() {
     const C = y[y.length - 1], I = i(T, b);
     return C.children.push(I), n.set(I.groupId, C), S = C.children[C.children.length - 1], y.push(S), S;
   }
-  function v(b, S, y, T, C, I) {
+  function h(b, S, y, T, C, I) {
     let k = b[b.length - 1];
     if (!k)
       throw new Error("The group path is out of range");
@@ -8692,12 +8703,12 @@ function jn() {
     if (y < 0 || y === T)
       return b[b.length - 1];
     const D = N - R, A = C && C.relation !== void 0 ? C.relation : 1;
-    return k = D > 0 ? s(R, D, k, b, A) : k, k = D < 0 ? h(R, D, k, b, A) : k, k = D === 0 && R > 0 && N > 0 && C && I && !!C.rBracket && !!I.lBracket ? m(R, k, b, A) : k, k;
+    return k = D > 0 ? s(R, D, k, b, A) : k, k = D < 0 ? v(R, D, k, b, A) : k, k = D === 0 && R > 0 && N > 0 && C && I && !!C.rBracket && !!I.lBracket ? m(R, k, b, A) : k, k;
   }
   function w(b) {
     const y = { relation: b.length && b[0].relation !== void 0 ? b[0].relation : 1, items: [], children: [], path: [], groupId: 0, level: 0 }, T = [y], C = u(b);
     return b.forEach((I, k) => {
-      const N = k - 1, R = b[N], D = v(T, C, N, k, R, I);
+      const N = k - 1, R = b[N], D = h(T, C, N, k, R, I);
       D.items.push(I), t.set(I.conditionId, D);
     }), e.value = y, y;
   }
@@ -8800,7 +8811,7 @@ function jn() {
 function Kl(e, t, n) {
   const o = V(/* @__PURE__ */ new Set()), r = V(/* @__PURE__ */ new Set()), { conditionGroupMap: i, groupParentMap: a } = n;
   let u, s;
-  function h(c) {
+  function v(c) {
     let f = u.level <= c.level ? u : c, O = u.level > c.level ? u : c;
     const g = [];
     for (; O && f && O !== f; )
@@ -8810,11 +8821,11 @@ function Kl(e, t, n) {
   function m(c) {
     r.value.add(c.groupId), c.items.forEach((f) => o.value.add(f.conditionId)), c.children.forEach((f) => m(f));
   }
-  function v(c) {
+  function h(c) {
     const { conditionId: f } = c;
     o.value.add(f), u = o.value.size === 0 ? i.get(f) : u;
     const O = i.get(c.conditionId);
-    h(O).forEach((p) => m(p));
+    v(O).forEach((p) => m(p));
   }
   const w = W(() => o.value.size === 0 && r.value.size === 1), E = function(c) {
     r.value.delete(c.groupId), c.items.forEach((O) => s(O)), c.children.forEach((O) => !w.value && E(O));
@@ -8830,7 +8841,7 @@ function Kl(e, t, n) {
   };
   function _(c) {
     const { conditionId: f } = c;
-    o.value.size === 0 && (u = i.get(f)), o.value.has(f) ? s(c) : v(c);
+    o.value.size === 0 && (u = i.get(f)), o.value.has(f) ? s(c) : h(c);
   }
   function B() {
     const c = [];
@@ -8851,9 +8862,9 @@ const jt = /* @__PURE__ */ Ke({
       fields: a,
       fieldMap: u,
       loadFieldConfigs: s
-    } = r, h = jn(), {
+    } = r, v = jn(), {
       addCondition: m,
-      changeGroupRelation: v,
+      changeGroupRelation: h,
       getConditions: w,
       group: E,
       insertConditionTo: _,
@@ -8862,9 +8873,9 @@ const jt = /* @__PURE__ */ Ke({
       removeCondition: c,
       rootGroup: f,
       unGroup: O
-    } = h, {
+    } = v, {
       createConditionValue: g
-    } = Fn(), p = Kl(e, t, h), {
+    } = Fn(), p = Kl(e, t, v), {
       selectedItems: x,
       toggleSelect: l
     } = p, {
@@ -8964,7 +8975,7 @@ const jt = /* @__PURE__ */ Ke({
         onClick: () => O(te)
       }, null), M("span", {
         class: "condition-list-relation-text btn-link",
-        onClick: () => v(te)
+        onClick: () => h(te)
       }, [te.relation === 1 ? "与" : "或"])]);
     }
     function A(te) {
@@ -9210,19 +9221,19 @@ function rs() {
     const c = `field_filter_${F.field}`;
     t.delete(c), e.value = Array.from(t.values());
   }
-  function h(F) {
+  function v(F) {
     t.delete(F), e.value = Array.from(t.values());
   }
   function m() {
     t.clear(), e.value = [];
   }
-  function v(F) {
+  function h(F) {
     const { valueType: c } = F.value, f = F.compareType || "0", O = Jl[Number(f)];
     return os.get(c)[O];
   }
   function w(F) {
     const c = F.relation === 2 ? 0 : 1, f = F.items.map((g) => {
-      const p = v(g);
+      const p = h(g);
       return (l) => p(l, g.fieldCode, g.value.getValue());
     }), O = F.children && F.children.length ? F.children.map((g) => w(g)) : [];
     return { relation: c, filterFunctions: f, children: O };
@@ -9239,7 +9250,7 @@ function rs() {
     const c = E();
     return _(F, c);
   }
-  return { addColumnFilter: u, apply: B, clearCondition: m, conditions: e, getFilterEditorType: a, removeColumnFilter: s, removeCondition: h };
+  return { addColumnFilter: u, apply: B, clearCondition: m, conditions: e, getFilterEditorType: a, removeColumnFilter: s, removeCondition: v };
 }
 function ac() {
   function t(a) {
@@ -9256,12 +9267,12 @@ function ac() {
   function r(a, u) {
     if (!u)
       return;
-    const s = n(a), m = [s.find((v) => v.name === u) || { id: Date.now(), name: u, selectable: !0 }, ...s.filter((v) => v.name !== u)];
+    const s = n(a), m = [s.find((h) => h.name === u) || { id: Date.now(), name: u, selectable: !0 }, ...s.filter((h) => h.name !== u)];
     m.length > 5 && (m.length = 5), o(a, m);
   }
   function i(a, u) {
-    const h = [...n(a).filter((v) => v.name !== u)], m = t(a);
-    localStorage.setItem(m, JSON.stringify(h));
+    const v = [...n(a).filter((h) => h.name !== u)], m = t(a);
+    localStorage.setItem(m, JSON.stringify(v));
   }
   return { getFilterHistory: n, removeFilterHistory: i, setFilterHistory: o, updateFilterHistory: r };
 }
@@ -9282,7 +9293,7 @@ function is(e) {
 function as(e, t, n, o) {
   var B, F, c, f, O, g;
   const { idField: r } = n, i = V(((F = (B = e.hierarchy) == null ? void 0 : B.cascadeOption) == null ? void 0 : F.autoCheckChildren) || !1), a = V(((f = (c = e.hierarchy) == null ? void 0 : c.cascadeOption) == null ? void 0 : f.autoCheckParent) || !1), u = V(((g = (O = e.hierarchy) == null ? void 0 : O.cascadeOption) == null ? void 0 : g.selectionRange) || "All");
-  me(() => {
+  pe(() => {
     var p;
     return (p = e.hierarchy) == null ? void 0 : p.cascadeOption;
   }, (p) => {
@@ -9294,25 +9305,25 @@ function as(e, t, n, o) {
         return !1;
     return !0;
   }
-  function h(p, x) {
+  function v(p, x) {
     return p.filter((d) => x.indexOf(d) === -1);
   }
-  const m = W(() => u.value === "OnlyParent"), v = W(() => u.value === "OnlyChildren");
+  const m = W(() => u.value === "OnlyParent"), h = W(() => u.value === "OnlyChildren");
   function w(p, x) {
     let l = p;
     const d = t.value[x], b = d[r.value], S = Array.from(d.raw.__fv_descendant_index__).map((N) => t.value[N]), y = S.map((N) => N.raw[r.value]), T = s(p, y), C = s(p, [b]);
-    return C && T && m.value && (l = h(p, y), S.forEach((N) => {
+    return C && T && m.value && (l = v(p, y), S.forEach((N) => {
       N.disabled = !0;
-    })), C && T && v.value && (l = h(p, [b]), S.forEach((N) => {
+    })), C && T && h.value && (l = v(p, [b]), S.forEach((N) => {
       N.disabled = !0;
     })), l;
   }
   function E(p, x) {
     let l = p;
     const d = x[r.value], b = Array.from(x.__fv_children_index__).map((k) => t.value[k]), S = b.map((k) => k.raw[r.value]), y = s(p, S), T = s(p, [x[r.value]]);
-    return T && y && m.value && (l = h(p, S), b.forEach((k) => {
+    return T && y && m.value && (l = v(p, S), b.forEach((k) => {
       k.disabled = !0;
-    })), T && y && v.value && (l = h(p, [d]), b.forEach((k) => {
+    })), T && y && h.value && (l = v(p, [d]), b.forEach((k) => {
       k.disabled = !0;
     })), l;
   }
@@ -9323,7 +9334,7 @@ function as(e, t, n, o) {
   return { autoCheckChildren: i, autoCheckParent: a, interactAfterCheckHierarchyItem: _ };
 }
 function lc(e, t, n, o, r) {
-  const { select: i, unSelect: a, indeterminate: u, getSelectedItems: s, selectedValues: h, currentSelectedDataId: m } = o, { autoCheckChildren: v, autoCheckParent: w, interactAfterCheckHierarchyItem: E } = as(e, t, n), { idField: _ } = n;
+  const { select: i, unSelect: a, indeterminate: u, getSelectedItems: s, selectedValues: v, currentSelectedDataId: m } = o, { autoCheckChildren: h, autoCheckParent: w, interactAfterCheckHierarchyItem: E } = as(e, t, n), { idField: _ } = n;
   function B() {
     return t.value.filter((d) => !!d.checked).map((d) => d.raw.__fv_index__);
   }
@@ -9343,7 +9354,7 @@ function lc(e, t, n, o, r) {
   }
   function O(d) {
     const b = !!d.checked;
-    v.value && d.raw.__fv_children_index__.map((y) => t.value[y]).forEach((y) => {
+    h.value && d.raw.__fv_children_index__.map((y) => t.value[y]).forEach((y) => {
       b ? i(y) : a(y);
     });
   }
@@ -9375,26 +9386,26 @@ function lc(e, t, n, o, r) {
 }
 function ls(e, t, n, o, r, i, a, u) {
   var at;
-  const { dataView: s, visibleDataItems: h } = t, { getVisualData: m, maxVisibleRowIndex: v, minVisibleRowIndex: w } = r, E = W(() => o.value.primaryColumnsWidth), _ = W(() => o.value.leftColumnsWidth), B = W(() => o.value.rightColumnsWidth), F = ((at = e.rowOption) == null ? void 0 : at.height) || 28, c = V(0), f = V(0);
+  const { dataView: s, visibleDataItems: v } = t, { getVisualData: m, maxVisibleRowIndex: h, minVisibleRowIndex: w } = r, E = W(() => o.value.primaryColumnsWidth), _ = W(() => o.value.leftColumnsWidth), B = W(() => o.value.rightColumnsWidth), F = ((at = e.rowOption) == null ? void 0 : at.height) || 28, c = V(0), f = V(0);
   let O = 0, g = i.value - 1;
   const p = V(0), x = V(0), l = V(0), d = V(e.virtualized), b = 24, S = 1.5;
   let y;
   function T() {
-    const P = h.value;
+    const P = v.value;
     if (P.length <= 0)
       return 0;
-    const q = v.value < P.length ? P[v.value] : P[P.length - 1];
-    return q.__fv_data_position__ > P.length * F ? P.length * F : (q.__fv_data_position__ || 0) + (q.__fv_data_height__ || 0) + Math.max(P.length - 1 - v.value, 0) * F;
+    const q = h.value < P.length ? P[h.value] : P[P.length - 1];
+    return q.__fv_data_position__ > P.length * F ? P.length * F : (q.__fv_data_position__ || 0) + (q.__fv_data_height__ || 0) + Math.max(P.length - 1 - h.value, 0) * F;
   }
   const C = W(() => {
-    const P = T(), q = h.value;
+    const P = T(), q = v.value;
     let Q = q.length > i.value + a ? (i.value + a) / q.length : x.value / Math.max(P, x.value), fe = Math.floor(Q * x.value);
     for (; x.value > 0 && fe < b; )
       Q *= S, fe = Math.floor(Q * x.value);
     return fe;
   }), I = W(() => Math.floor(l.value / Math.max(E.value, l.value) * p.value)), k = 0, N = 0, R = W(() => p.value - (_.value + E.value + B.value + u.value));
   function D(P) {
-    const Q = Math.floor(P / F) + 1, fe = h.value;
+    const Q = Math.floor(P / F) + 1, fe = v.value;
     return fe.length > Q ? fe[Q].__fv_visible_index__ - 1 : 0;
   }
   function A(P, q, Q) {
@@ -9415,7 +9426,7 @@ function ls(e, t, n, o, r, i, a, u) {
   }
   function z(P) {
     var Te, Fe;
-    const q = h.value;
+    const q = v.value;
     if (!q.length) {
       n.value = [];
       return;
@@ -9430,7 +9441,7 @@ function ls(e, t, n, o, r, i, a, u) {
     be && Q < x.value - q && (Q = x.value - q), (!be || fe) && (Q = k), c.value !== Q && (c.value = Q);
   }
   function X() {
-    d.value && (O = D(Math.abs(c.value)), g = O + i.value - 1, (O < w.value || g > v.value - a / 2) && z());
+    d.value && (O = D(Math.abs(c.value)), g = O + i.value - 1, (O < w.value || g > h.value - a / 2) && z());
   }
   function H(P) {
     let q = c.value + P;
@@ -9456,7 +9467,7 @@ function ls(e, t, n, o, r, i, a, u) {
     const P = T();
     oe(c.value, P);
   }
-  me([l, E], () => {
+  pe([l, E], () => {
     Y(0);
   });
   function K(P) {
@@ -9498,12 +9509,12 @@ function ls(e, t, n, o, r, i, a, u) {
     transform: `translateX(${f.value}px)`
   })), J = W(() => ({
     width: `${B.value}px`
-  })), pe = W(() => {
+  })), me = W(() => {
     const P = T();
     return oe(c.value, P), c.value / (x.value - P) * (x.value - C.value);
   }), $e = W(() => ({
     height: `${C.value}px`,
-    top: `${pe.value}px`
+    top: `${me.value}px`
   })), je = W(() => f.value / R.value * (p.value - I.value)), de = W(() => ({
     width: `${I.value}px`,
     left: `${je.value}px`
@@ -9567,10 +9578,10 @@ function ls(e, t, n, o, r, i, a, u) {
   };
 }
 function ss(e, t, n, o, r, i, a, u) {
-  const s = V(o.value - 1 + r), h = V(0), { renderDataRow: m } = i, v = a ? a.renderGroupRow : m, w = u ? u.renderSummaryRow : m;
+  const s = V(o.value - 1 + r), v = V(0), { renderDataRow: m } = i, h = a ? a.renderGroupRow : m, w = u ? u.renderSummaryRow : m;
   function E(F) {
     let c = m;
-    return F.__fv_data_grid_group_row__ && (c = v), F.__fv_data_grid_group_summary__ && (c = w), c;
+    return F.__fv_data_grid_group_row__ && (c = h), F.__fv_data_grid_group_summary__ && (c = w), c;
   }
   function _(F, c, f, O) {
     const { visibleDataItems: g } = n, p = [], x = g.value;
@@ -9581,7 +9592,7 @@ function ss(e, t, n, o, r, i, a, u) {
         k.refreshKey = l, p.push(k);
       }
     }
-    return h.value = p.length > 0 ? p[0].index : 0, s.value = p.length > 0 ? p[p.length - 1].index : 0, p;
+    return v.value = p.length > 0 ? p[0].index : 0, s.value = p.length > 0 ? p[p.length - 1].index : 0, p;
   }
   function B(F, c, f) {
     const O = c.groupField || "", { groupValue: g } = c;
@@ -9589,7 +9600,7 @@ function ss(e, t, n, o, r, i, a, u) {
     const { dataView: p } = n, x = f[0].index, l = Math.min(x + o.value + r + 1, p.value.length - 1);
     return _(x, l);
   }
-  return { getVisualData: _, maxVisibleRowIndex: s, minVisibleRowIndex: h, toggleGroupRow: B };
+  return { getVisualData: _, maxVisibleRowIndex: s, minVisibleRowIndex: v, toggleGroupRow: B };
 }
 function us(e) {
   var r;
@@ -9597,7 +9608,7 @@ function us(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, h = u ? u.__fv_data_height__ !== void 0 ? u.__fv_data_height__ : t : 0, m = i.visible ? s + h : u.__fv_data_position__;
+      const s = u ? u.__fv_data_position__ !== void 0 ? u.__fv_data_position__ : u.__fv_index__ * t : 0, v = u ? u.__fv_data_height__ !== void 0 ? u.__fv_data_height__ : t : 0, m = i.visible ? s + v : u.__fv_data_position__;
       i.top = m, a.__fv_data_position__ = m;
     } else
       i.top = 0, a.__fv_data_position__ = 0;
@@ -9617,8 +9628,8 @@ function cs() {
       formatter: o
     } = t, r = We(n.raw, t.field);
     if (r.includes(",")) {
-      const a = r.split(","), u = o.data.reduce((h, m) => (h[m.value] = m, h), {});
-      return a.map((h) => u[h].name).join(",");
+      const a = r.split(","), u = o.data.reduce((v, m) => (v[m.value] = m, v), {});
+      return a.map((v) => u[v].name).join(",");
     }
     const i = o.data.find((a) => a.value === r);
     return (i == null ? void 0 : i.name) || "";
@@ -9706,15 +9717,15 @@ function ms() {
   }
   function i(u, s) {
     const {
-      formatter: h
+      formatter: v
     } = s;
-    return h.customFormat ? new Function(`return ${h.customFormat}`)() : u;
+    return v.customFormat ? new Function(`return ${v.customFormat}`)() : u;
   }
-  function a(u, s, h) {
-    const m = We(h.raw, [s.field]), {
-      formatter: v
+  function a(u, s, v) {
+    const m = We(v.raw, [s.field]), {
+      formatter: h
     } = s;
-    return v.type === "none" ? m : v.type === "custom" ? i(m, s) : v.type === "enum" ? t(s, h) : v.type === "number" ? n(s, h) : v.type === "boolean" ? e(s, h) : v.type === "date" ? o(s, h) : m;
+    return h.type === "none" ? m : h.type === "custom" ? i(m, s) : h.type === "enum" ? t(s, v) : h.type === "number" ? n(s, v) : h.type === "boolean" ? e(s, v) : h.type === "date" ? o(s, v) : m;
   }
   return {
     renderFormatColumn: a
@@ -9751,7 +9762,7 @@ function vs(e, t, n) {
     };
     return l;
   }
-  function h(c, f, O) {
+  function v(c, f, O) {
     return c.getEditor = (g) => t.getEditor(g, f, g.parent), c.setRef = (g) => i(g, c, O), c.update = (g) => {
       g !== void 0 && (c.editingData = g);
     }, c.accept = () => {
@@ -9765,7 +9776,7 @@ function vs(e, t, n) {
   function m(c, f) {
     f.dataType === "commands" ? c.formatter = (O, g) => a(f, g) : f.formatter && (c.formatter = (O, g) => typeof f.formatter == "function" ? f.formatter(O, g) : u(f.dataType, f, g));
   }
-  function v(c, f, O) {
+  function h(c, f, O) {
     const g = f && f.data[O];
     if (g && g.data === c.data) {
       const x = g && g.spannedBy || g;
@@ -9773,13 +9784,13 @@ function vs(e, t, n) {
     }
   }
   function w(c, f, O) {
-    o.value && v(c, f, O.field);
+    o.value && h(c, f, O.field);
   }
   function E(c, f) {
     f.showEllipsis !== void 0 && (c.showEllipsis = f.showEllipsis), c.column = f, c.align = f.align || "left", c.valign = f.valign || "middle";
   }
   function _(c, f, O, g) {
-    E(c, f), h(c, f, g), m(c, f), w(c, O, f);
+    E(c, f), v(c, f, g), m(c, f), w(c, O, f);
   }
   function B(c, f, O, g, p) {
     const x = c.readonly ? Ne.readonly : Ne.editable, l = s(c.field, x, f, O, g);
@@ -9789,7 +9800,7 @@ function vs(e, t, n) {
 }
 function hs(e, t, n, o, r, i) {
   var f, O;
-  const a = V(e.rowOption), u = ((f = a.value) == null ? void 0 : f.height) || 28, s = ((O = a.value) == null ? void 0 : O.wrapContent) || !1, { idField: h } = o, { collapseField: m } = n, { updateRowPosition: v } = r, { createCellByColumn: w } = i, E = (g, p, x, l) => {
+  const a = V(e.rowOption), u = ((f = a.value) == null ? void 0 : f.height) || 28, s = ((O = a.value) == null ? void 0 : O.wrapContent) || !1, { idField: v } = o, { collapseField: m } = n, { updateRowPosition: h } = r, { createCellByColumn: w } = i, E = (g, p, x, l) => {
     At(We(g, l), p, l), x.data[l].data = We(p, l), x.data[l].editingData = We(p, l);
   };
   function _(g, p, x, l, d, b, S) {
@@ -9798,7 +9809,7 @@ function hs(e, t, n, o, r, i) {
       __fv_data_grid_group_field__: y,
       __fv_data_grid_group_value__: T,
       __fv_data_index__: C
-    } = x, I = x.__fv_data_grid_group_layer__ || (x.__fv_parents__ ? (H = x.__fv_parents__) == null ? void 0 : H.size : 0) || 0, k = typeof x.parent == "number" ? Number(x.parent) : -1, N = x.__fv_data_grid_group_collapse__ || x[m.value], R = x.__fv_visible__ === void 0 ? !0 : x.__fv_visible__, D = x.__fv_checked__, A = x.__fv_indeterminate__, z = x.__fv_disabled__ || x[((Y = e.rowOption) == null ? void 0 : Y.disabledField) || "disabled"], U = S == null ? void 0 : S.find((ne) => ne.raw[h.value] === x.parent), te = U && U.collapse;
+    } = x, I = x.__fv_data_grid_group_layer__ || (x.__fv_parents__ ? (H = x.__fv_parents__) == null ? void 0 : H.size : 0) || 0, k = typeof x.parent == "number" ? Number(x.parent) : -1, N = x.__fv_data_grid_group_collapse__ || x[m.value], R = x.__fv_visible__ === void 0 ? !0 : x.__fv_visible__, D = x.__fv_checked__, A = x.__fv_indeterminate__, z = x.__fv_disabled__ || x[((Y = e.rowOption) == null ? void 0 : Y.disabledField) || "disabled"], U = S == null ? void 0 : S.find((ne) => ne.raw[v.value] === x.parent), te = U && U.collapse;
     l && (l.parent, x.parent);
     const oe = te || U && !U.visible, X = {
       collapse: N,
@@ -9830,7 +9841,7 @@ function hs(e, t, n, o, r, i) {
         });
       }
     };
-    return l || (x.__fv_data_position__ = 0), s || (X.height = u, x.__fv_data_height__ = X.height, v(X, x)), (ae = a.value) != null && ae.customRowStatus && (a.value.customRowStatus(X), x.__fv_collapse__ = X.collapse, x.__fv_disabled__ = X.disabled, x.__fv_visible__ = X.visible), X;
+    return l || (x.__fv_data_position__ = 0), s || (X.height = u, x.__fv_data_height__ = X.height, h(X, x)), (ae = a.value) != null && ae.customRowStatus && (a.value.customRowStatus(X), x.__fv_collapse__ = X.collapse, x.__fv_disabled__ = X.disabled, x.__fv_visible__ = X.visible), X;
   }
   function B(g, p, x, l, d, b, S) {
     const y = _(gt.data, d, p, x, l, b, S);
@@ -9842,7 +9853,7 @@ function hs(e, t, n, o, r, i) {
     return Object.assign(g, { index: p, dataIndex: x, top: l, pre: d });
   }
   function c(g, p, x, l, d, b, S) {
-    const y = g.__fv_data_index__, T = g[h.value], C = t.getEditingSnapshot(T);
+    const y = g.__fv_data_index__, T = g[v.value], C = t.getEditingSnapshot(T);
     return C === null ? B(
       b,
       g,
@@ -9859,12 +9870,12 @@ function sc(e, t, n, o) {
   const r = V(e.summary), { idField: i } = t, { createCellByField: a } = n, { createEmptyRow: u } = o, s = W(() => {
     const w = r.value;
     return (w == null ? void 0 : w.groupFields) || [];
-  }), h = W(() => {
+  }), v = W(() => {
     const w = r.value;
     return w && w.enable && w.groupFields && w.groupFields.length > 0;
   });
   function m(w, E, _, B) {
-    if (h.value) {
+    if (v.value) {
       const F = w.data[E];
       let c = F.colSpan;
       const f = s.value.reduce((O, g) => (O.set(g, !0), O), /* @__PURE__ */ new Map());
@@ -9877,16 +9888,16 @@ function sc(e, t, n, o) {
       }, w), F.colSpan = c;
     }
   }
-  function v(w, E, _, B, F, c, f) {
+  function h(w, E, _, B, F, c, f) {
     const O = w.__fv_data_grid_group_field__, g = u(gt.group, B, w, E, _, F);
     return g.data[i.value] = a(i.value, Ne.readonly, -1, w, g, 0), g.data[O] = a(O, Ne.readonly, 1, w, g, c.length), m(g, O, w, c), g;
   }
-  return { renderGroupRow: v };
+  return { renderGroupRow: h };
 }
 function uc(e, t, n, o) {
   const { idField: r } = t, { createCellByField: i } = n, { createEmptyRow: a } = o;
-  function u(s, h, m, v, w, E, _) {
-    const B = s.__fv_data_grid_group_field__, F = a(gt.summary, v, s, h, m, w);
+  function u(s, v, m, h, w, E, _) {
+    const B = s.__fv_data_grid_group_field__, F = a(gt.summary, h, s, v, m, w);
     return F.data[r.value] = i(r.value, Ne.readonly, -1, s, F), F.data[B] = i(B, Ne.readonly, 1, s, F, E.length), F;
   }
   return { renderSummaryRow: u };
@@ -9898,28 +9909,28 @@ function gs(e, t, n, o) {
   } = n, i = V(e.editable), a = V(e.editOption), u = V(((y = e.rowOption) == null ? void 0 : y.wrapContent) || !1), {
     onClickRow: s
   } = o;
-  me(() => e.editable, () => {
+  pe(() => e.editable, () => {
     i.value = e.editable;
-  }), me(() => {
+  }), pe(() => {
     var T;
     return (T = e.editOption) == null ? void 0 : T.editMode;
   }, (T) => {
     a.value.editMode = T;
   });
-  const h = /* @__PURE__ */ new Map([["boolean", "check-box"], ["datetime", "date-picker"], ["enum", "combo-list"], ["number", "number-spinner"], ["string", "input-group"], ["text", "text"], ["commands", "commands-editor"]]);
-  let m, v, w, E;
+  const v = /* @__PURE__ */ new Map([["boolean", "check-box"], ["datetime", "date-picker"], ["enum", "combo-list"], ["number", "number-spinner"], ["string", "input-group"], ["text", "text"], ["commands", "commands-editor"]]);
+  let m, h, w, E;
   function _(T) {
-    return v && v.raw[r.value] === T ? v : null;
+    return h && h.raw[r.value] === T ? h : null;
   }
   const B = st({});
   function F(T, C, I = {}) {
-    T.mode = Ne.editing, m = T, v = C, w = We(C == null ? void 0 : C.raw, T.field), E = I;
+    T.mode = Ne.editing, m = T, h = C, w = We(C == null ? void 0 : C.raw, T.field), E = I;
   }
   function c(T) {
     T.accept(), T.mode = Ne.editable, m = null, t.emit("endEditCell", {
       cell: T,
-      row: v,
-      newValue: We(v == null ? void 0 : v.raw, T.field),
+      row: h,
+      newValue: We(h == null ? void 0 : h.raw, T.field),
       oldValue: w,
       column: E,
       editor: B
@@ -9929,7 +9940,7 @@ function gs(e, t, n, o) {
     if (document.body.classList.contains("lookup-modal-open"))
       return;
     const I = T.target.closest(".fv-grid-cell");
-    m && m.ref && m.ref === I || (m && (c(m), v && (v = void 0)), document.body.removeEventListener("click", f));
+    m && m.ref && m.ref === I || (m && (c(m), h && (h = void 0)), document.body.removeEventListener("click", f));
   }
   function O(T, C, I, k = {}) {
     T.stopPropagation(), s(T, I), i.value && a.value.editMode === "cell" && C.mode === Ne.editable && (m && c(m), Promise.resolve().then(() => uo(e.beforeEditCell) ? !0 : typeof e.beforeEditCell == "function" ? e.beforeEditCell({
@@ -9944,15 +9955,15 @@ function gs(e, t, n, o) {
   function g(T) {
     Object.values(T.data).filter((C) => C.mode === Ne.editable && C.field !== "__commands__").forEach((C) => {
       C.mode = Ne.editing;
-    }), T.status = ot.editing, v = T;
+    }), T.status = ot.editing, h = T;
   }
   function p(T, C) {
     Object.values(T.data).filter((I) => I.mode === Ne.editing).forEach((I) => {
       C ? I.accept() : I.cancel(), I.mode = Ne.editable;
-    }), T.status = ot.initial, v === T && (v = void 0);
+    }), T.status = ot.initial, h === T && (h = void 0);
   }
   function x(T) {
-    i.value && a.value.editMode === "row" && v !== T && (v && p(v, !1), g(T));
+    i.value && a.value.editMode === "row" && h !== T && (h && p(h, !1), g(T));
   }
   function l(T) {
     p(T, !0), T.status = ot.initial;
@@ -9962,7 +9973,7 @@ function gs(e, t, n, o) {
   }
   function b(T, C, I) {
     const k = C.dataType, N = C.editor || {
-      type: h.get(k) || "input-group"
+      type: v.get(k) || "input-group"
     };
     return !u.value && N.type === "text" && (N.type = "input-group"), N ? (N.context = {
       rowData: I.raw,
@@ -10003,7 +10014,7 @@ function ys(e) {
 }
 function cc(e, t, n, o, r, i) {
   const { addNewDataItemAtLast: a } = n, { columnContext: u } = o, { onClickCell: s } = r;
-  function h(_, B) {
+  function v(_, B) {
     const F = u.value.primaryColumns.findIndex((l) => l.field === _.field), c = _.parent, f = c.index, O = u.value.primaryColumns.length - 1, g = i.value.length - 1, p = F === O, x = f === g;
     if (F > -1 && !p) {
       const l = u.value.primaryColumns[F + 1], d = c.data[l.field];
@@ -10029,7 +10040,7 @@ function cc(e, t, n, o, r, i) {
       s(B, p, c, g);
     }
   }
-  function v(_, B) {
+  function h(_, B) {
     const F = _.field, f = _.parent.index, O = i.value.length - 1;
     if (f > -1 && f < O) {
       const p = i.value[f + 1], x = p.data[F];
@@ -10046,7 +10057,7 @@ function cc(e, t, n, o, r, i) {
   function E(_, B) {
     const { key: F, shiftKey: c } = _;
     if (F === "Enter" && !c) {
-      h(B, _);
+      v(B, _);
       return;
     }
     if (c && F === "Enter") {
@@ -10054,7 +10065,7 @@ function cc(e, t, n, o, r, i) {
       return;
     }
     if (F === "ArrowDown") {
-      v(B, _);
+      h(B, _);
       return;
     }
     F === "ArrowUp" && w(B, _);
@@ -10067,12 +10078,12 @@ function bs(e, t, n, o) {
     multiSelectOnClickRow: a,
     multiSelectOnClickRowWithShift: u,
     selectItem: s,
-    selectedValues: h,
+    selectedValues: v,
     toggleSelectItem: m,
-    enableSelectRow: v
+    enableSelectRow: h
   } = n, w = V(0), E = V(-1);
   function _(l) {
-    return v.value && (u.value ? h.value.includes(l.raw[r.value]) : l.raw[r.value] === i.value);
+    return h.value && (u.value ? v.value.includes(l.raw[r.value]) : l.raw[r.value] === i.value);
   }
   function B(l) {
     var b;
@@ -10148,9 +10159,9 @@ function bs(e, t, n, o) {
   };
 }
 function ws(e, t, n, o, r) {
-  const { idField: i } = n, a = V(""), u = W(() => e.selection.enableSelectRow), s = V(e.selection.multiSelect ?? !1), h = V(e.selection.multiSelectMode), m = V(e.selection.showCheckbox), v = V(e.selection.showSelectAll), w = V(e.selectionValues);
-  me(() => e.selection.showSelectAll, (H, Y) => {
-    H !== Y && (v.value = H);
+  const { idField: i } = n, a = V(""), u = W(() => e.selection.enableSelectRow), s = V(e.selection.multiSelect ?? !1), v = V(e.selection.multiSelectMode), m = V(e.selection.showCheckbox), h = V(e.selection.showSelectAll), w = V(e.selectionValues);
+  pe(() => e.selection.showSelectAll, (H, Y) => {
+    H !== Y && (h.value = H);
   });
   function E() {
     return t.getSelectionItems(w.value);
@@ -10160,9 +10171,9 @@ function ws(e, t, n, o, r) {
     return w.value.map((ae) => H.get(ae)).filter((ae) => !!ae);
   }
   const B = W(() => u.value && s.value), F = W(() => !!e.hierarchy), c = W(() => {
-    const H = m.value && h.value === "DependOnCheck";
+    const H = m.value && v.value === "DependOnCheck";
     return B.value && H;
-  }), f = W(() => B.value && !m.value), O = W(() => B.value && m.value && h.value === "OnCheckAndClick");
+  }), f = W(() => B.value && !m.value), O = W(() => B.value && m.value && v.value === "OnCheckAndClick");
   W(() => O.value);
   function g() {
     const H = t.getSelectionItems(w.value);
@@ -10178,12 +10189,12 @@ function ws(e, t, n, o, r) {
       Y.checked = !0, Y.raw.__fv_checked__ = !0;
     });
   }
-  me(() => o.value, () => {
+  pe(() => o.value, () => {
     x();
-  }), me(() => e.selectionValues, (H) => {
+  }), pe(() => e.selectionValues, (H) => {
     w.value = H, x();
-  }, { immediate: !0 }), me(() => e.selection, (H) => {
-    s.value = !!H.multiSelect, h.value = H.multiSelectMode || "DependOnCheck", m.value = !!H.showCheckbox;
+  }, { immediate: !0 }), pe(() => e.selection, (H) => {
+    s.value = !!H.multiSelect, v.value = H.multiSelectMode || "DependOnCheck", m.value = !!H.showCheckbox;
   });
   const l = W(() => !s.value);
   function d(H) {
@@ -10267,7 +10278,7 @@ function ws(e, t, n, o, r) {
     getSelectionRow: X,
     indeterminate: k,
     isSelectingHirarchyItem: F,
-    multiSelectMode: h,
+    multiSelectMode: v,
     multiSelectOnClickRow: O,
     multiSelectOnClickRowWithShift: f,
     multiSelectOnlyOnCheck: c,
@@ -10278,7 +10289,7 @@ function ws(e, t, n, o, r) {
     selectItemById: A,
     selectItemByIds: z,
     showCheckBox: m,
-    showSelectAll: v,
+    showSelectAll: h,
     toggleSelectItem: R,
     toggleSelectItemWithoutRow: N,
     unSelect: I,
@@ -10288,22 +10299,22 @@ function ws(e, t, n, o, r) {
 }
 function Cs(e, t) {
   var F, c;
-  const n = String(Date.now()), o = 50, { showCheckBox: r, showSelectAll: i } = t, a = V(((F = e.rowNumber) == null ? void 0 : F.enable) ?? !1), u = W(() => e.hierarchy && r.value && e.selection.enableSelectRow && e.selection.multiSelect ? !1 : r.value), s = V(a.value ? ((c = e.rowNumber) == null ? void 0 : c.width) ?? 32 : 0), h = V(u.value ? o : 0), m = W(() => {
+  const n = String(Date.now()), o = 50, { showCheckBox: r, showSelectAll: i } = t, a = V(((F = e.rowNumber) == null ? void 0 : F.enable) ?? !1), u = W(() => e.hierarchy && r.value && e.selection.enableSelectRow && e.selection.multiSelect ? !1 : r.value), s = V(a.value ? ((c = e.rowNumber) == null ? void 0 : c.width) ?? 32 : 0), v = V(u.value ? o : 0), m = W(() => {
     var f;
     return a.value ? ((f = e.rowNumber) == null ? void 0 : f.heading) ?? "序号" : "";
-  }), v = W(() => (u.value && !e.hierarchy ? Number(h.value) : 0) + (a.value ? Number(s.value) : 0));
-  me(() => e.rowNumber, (f) => {
+  }), h = W(() => (u.value && !e.hierarchy ? Number(v.value) : 0) + (a.value ? Number(s.value) : 0));
+  pe(() => e.rowNumber, (f) => {
     f && f.enable !== void 0 && (a.value = f.enable), f && f.width !== void 0 && (s.value = f.width);
   });
   function w(f) {
     return {
       top: `${f.top}px`,
-      width: `${v.value}px`,
+      width: `${h.value}px`,
       height: `${f.height || ""}px`
     };
   }
   const E = W(() => ({
-    width: `${v.value}px`
+    width: `${h.value}px`
   }));
   function _(f) {
     return `${n}_${f.type}_r_${f.index}_${f.refreshKey || ""}`;
@@ -10311,7 +10322,7 @@ function Cs(e, t) {
   function B(f) {
     return `${n}_${f.type}_r_${f.index}_${f.refreshKey || ""}`;
   }
-  return { showRowNumer: a, showSidebarCheckBox: u, sidebarCellPosition: w, sidebarCornerCellStyle: E, sidebarTitle: m, sidebarWidth: v, rowKey: B, cellKey: _ };
+  return { showRowNumer: a, showSidebarCheckBox: u, sidebarCellPosition: w, sidebarCornerCellStyle: E, sidebarTitle: m, sidebarWidth: h, rowKey: B, cellKey: _ };
 }
 const _s = {
   ascend: (e, t) => e === t ? 0 : e === !1 ? -1 : 1,
@@ -10356,9 +10367,9 @@ function Fs(e) {
     return o(a.column);
   }
   function i(a, u) {
-    const s = r(a), h = (a.status & L.sortable) === L.sortable && (a.status & L.sorted) === L.sorted, m = (a.status & L.ascending) === L.ascending, v = (a.status & L.descending) === L.descending;
-    if (h && s) {
-      const w = m ? s.ascend : v ? s.decend : void 0;
+    const s = r(a), v = (a.status & L.sortable) === L.sortable && (a.status & L.sorted) === L.sorted, m = (a.status & L.ascending) === L.ascending, h = (a.status & L.descending) === L.descending;
+    if (v && s) {
+      const w = m ? s.ascend : h ? s.decend : void 0;
       w ? u.addSorter(a.field, { field: a.field, compare: w }) : u.removeSorter(a.field);
     } else
       u.removeSorter(a.field);
@@ -10408,9 +10419,9 @@ function fc(e, t) {
     };
     return i = n.show(u), i;
   }
-  return me(o, (u, s) => {
-    var h;
-    u !== s && (u ? a() : (h = i == null ? void 0 : i.value) == null || h.close());
+  return pe(o, (u, s) => {
+    var v;
+    u !== s && (u ? a() : (v = i == null ? void 0 : i.value) == null || v.close());
   }), { showLoading: o, loadingMessage: r, renderLoading: a };
 }
 function nt(e) {
@@ -10418,63 +10429,63 @@ function nt(e) {
 }
 function pc(e, t) {
   var E, _, B, F, c, f, O, g;
-  const { pageIndex: n, totalItems: o } = t, r = V((E = e.pagination) == null ? void 0 : E.enable), i = V(((_ = e.pagination) == null ? void 0 : _.disabled) || !1), a = V((B = e.pagination) == null ? void 0 : B.size), u = V((F = e.pagination) == null ? void 0 : F.sizeLimits), s = V((c = e.pagination) == null ? void 0 : c.mode), h = V((f = e.pagination) == null ? void 0 : f.showIndex), m = V((O = e.pagination) == null ? void 0 : O.showLimits), v = V(((g = e.pagination) == null ? void 0 : g.showGoto) || !1);
-  return me(() => {
+  const { pageIndex: n, totalItems: o } = t, r = V((E = e.pagination) == null ? void 0 : E.enable), i = V(((_ = e.pagination) == null ? void 0 : _.disabled) || !1), a = V((B = e.pagination) == null ? void 0 : B.size), u = V((F = e.pagination) == null ? void 0 : F.sizeLimits), s = V((c = e.pagination) == null ? void 0 : c.mode), v = V((f = e.pagination) == null ? void 0 : f.showIndex), m = V((O = e.pagination) == null ? void 0 : O.showLimits), h = V(((g = e.pagination) == null ? void 0 : g.showGoto) || !1);
+  return pe(() => {
     var p;
     return (p = e.pagination) == null ? void 0 : p.disabled;
   }, (p, x) => {
     p !== x && (i.value = p);
-  }), me(() => {
+  }), pe(() => {
     var p;
     return (p = e.pagination) == null ? void 0 : p.sizeLimits;
   }, (p, x) => {
     u.value = p;
-  }), me(() => {
+  }), pe(() => {
     var p;
     return (p = e.pagination) == null ? void 0 : p.showIndex;
   }, (p, x) => {
-    p !== x && (h.value = p);
-  }), me(() => {
+    p !== x && (v.value = p);
+  }), pe(() => {
     var p;
     return (p = e.pagination) == null ? void 0 : p.showLimits;
   }, (p, x) => {
     p !== x && (m.value = p);
-  }), me(() => {
+  }), pe(() => {
     var p;
     return (p = e.pagination) == null ? void 0 : p.total;
   }, (p, x) => {
     p !== x && (o.value = p);
-  }), me(() => {
+  }), pe(() => {
     var p;
     return (p = e.pagination) == null ? void 0 : p.enable;
   }, (p, x) => {
     p !== x && (r.value = p);
-  }), me(() => {
+  }), pe(() => {
     var p;
     return (p = e.pagination) == null ? void 0 : p.showGoto;
   }, (p, x) => {
-    p !== x && (v.value = p);
+    p !== x && (h.value = p);
   }), {
     disabled: i,
     pageSize: a,
     pageList: u,
     shouldRenderPagination: r,
-    showGotoPage: v,
-    showPageIndex: h,
+    showGotoPage: h,
+    showPageIndex: v,
     showPageList: m,
     mode: s,
     updatePagination: (p) => {
       if (!p)
         return;
       const { enable: x, total: l, size: d, index: b, sizeLimits: S, showGoto: y, showIndex: T, showLimits: C, mode: I, disabled: k } = p;
-      nt(x) || (r.value = x), nt(b) || (n.value = b), nt(d) || (a.value = d), nt(S) || (u.value = S), nt(y) || (v.value = y), nt(T) || (h.value = T), nt(C) || (m.value = C), nt(I) || (s.value = I), nt(l) || (o.value = l), nt(k) || (i.value = k);
+      nt(x) || (r.value = x), nt(b) || (n.value = b), nt(d) || (a.value = d), nt(S) || (u.value = S), nt(y) || (h.value = y), nt(T) || (v.value = T), nt(C) || (m.value = C), nt(I) || (s.value = I), nt(l) || (o.value = l), nt(k) || (i.value = k);
     }
   };
 }
 function ks(e) {
-  const t = "parent", n = "layer", o = "hasChildren", r = (i, a = 1, u = [], s = null) => (i = i || [], i.reduce((h, m) => (m.id = m.id || m.data[e.idField], m[t] = s, m[n] = a, m[o] = !1, Object.keys(m.data).forEach((v) => {
-    Object.keys(m).includes(v) || (m[v] = m.data[v]);
-  }), u.push(m), m.children && m.children.length && (m[o] = !0, r(m.children, a + 1, u, m.id)), h), u), u);
+  const t = "parent", n = "layer", o = "hasChildren", r = (i, a = 1, u = [], s = null) => (i = i || [], i.reduce((v, m) => (m.id = m.id || m.data[e.idField], m[t] = s, m[n] = a, m[o] = !1, Object.keys(m.data).forEach((h) => {
+    Object.keys(m).includes(h) || (m[h] = m.data[h]);
+  }), u.push(m), m.children && m.children.length && (m[o] = !0, r(m.children, a + 1, u, m.id)), v), u), u);
   return { flatTreeData: r };
 }
 export {