@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/designer/data-grid/index.esm.js

@@ -1,10 +1,10 @@
 var qn = Object.defineProperty;
 var Dn = (t, e, n) => e in t ? qn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var ie = (t, e, n) => Dn(t, typeof e != "symbol" ? e + "" : e, n);
-import { excludeProperties as Yn, useNumberFormat as Ut, useGuid as kt, resolveField as Ce, useCommonUtils as hn, useDateFormat as vn, setFieldValue as Gt, getMaxZIndex as Jt, isMobilePhone as Xn, FormSchemaEntityField$Type as ut, FormSchemaEntityFieldTypeName as tt, getCustomStyle as Qt, getCustomClass as jt, FormSchemaEntityFieldType$Type as It, useThirdComponent as Zn, withInstall as Jn } from "../../components/common/index.esm.js";
+import { excludeProperties as Yn, useNumberFormat as Ut, useGuid as kt, resolveField as Ce, useCommonUtils as hn, useDateFormat as vn, setFieldValue as jt, getMaxZIndex as Jt, isMobilePhone as Xn, FormSchemaEntityField$Type as ut, FormSchemaEntityFieldTypeName as tt, getCustomStyle as Qt, getCustomClass as Gt, FormSchemaEntityFieldType$Type as It, useThirdComponent as Zn, withInstall as Jn } from "../../components/common/index.esm.js";
 import Qn, { dataGridProps as yn } from "../../components/data-grid/index.esm.js";
 import { resolveAppearance as bn, createPropsResolver as Mt, getPropsResolverGenerator as Cn, createCollectionBindingResolver as Kn, createDataGridSelectionItemResolver as ei, createDataViewUpdateColumnsResolver as ti } from "../../components/dynamic-resolver/index.esm.js";
-import { computed as $, watch as ve, ref as F, createVNode as O, createTextVNode as je, reactive as ni, defineComponent as it, inject as We, onMounted as Ke, provide as ii, nextTick as at, Teleport as wn, createApp as Sn, onUnmounted as qt, Fragment as Ze, onBeforeMount as oi, watchEffect as li, Transition as ri, shallowRef as ai, render as Lt, h as si, cloneVNode as di, mergeProps as Mn, withDirectives as Tn, vShow as ui, onUpdated as ci, onBeforeUnmount as fi, withModifiers as mi, vModelText as pi } from "vue";
+import { computed as H, watch as ve, ref as F, createVNode as O, createTextVNode as Ge, reactive as ni, defineComponent as it, inject as We, onMounted as Ke, provide as ii, nextTick as at, Teleport as wn, createApp as Sn, onUnmounted as qt, Fragment as Ze, onBeforeMount as oi, watchEffect as li, Transition as ri, shallowRef as ai, render as $t, h as si, cloneVNode as di, mergeProps as Mn, withDirectives as Tn, vShow as ui, onUpdated as ci, onBeforeUnmount as fi, withModifiers as mi, vModelText as pi } from "vue";
 import { useResizeObserver as gi } from "@vueuse/core";
 import { FCheckbox as Dt } from "../../components/checkbox/index.esm.js";
 import hi from "../../components/popover/index.esm.js";
@@ -15,15 +15,15 @@ import "../../components/transfer/index.esm.js";
 import "../../components/tabs/index.esm.js";
 import "../../components/filter-bar/index.esm.js";
 import "../../components/pagination/index.esm.js";
-import { useScreen as bi, useFilter as Ci, useIdentify as wi, useHierarchy as Si, useGroupData as Mi, useDataView as Ti, useSelection as Fi, usePagination as xi, useRow as _i, useEdit as ki, useVisualDataBound as Ei, useVisualDataCell as Ii, useVisualDataRow as Pi, useVisualGroupRow as Vi, useVisualSummaryRow as Bi, useVisualData as Oi, useSidebar as Ri, useColumn as Ni, useVirtualScroll as Ai, getPagination as Hi } from "../../components/data-view/index.esm.js";
+import { useScreen as bi, useFilter as Ci, useIdentify as wi, useHierarchy as Si, useGroupData as Mi, useDataView as Ti, useSelection as Fi, usePagination as xi, useRow as _i, useEdit as ki, useVisualDataBound as Ei, useVisualDataCell as Ii, useVisualDataRow as Pi, useVisualGroupRow as Vi, useVisualSummaryRow as Bi, useVisualData as Oi, useSidebar as Ri, useColumn as Ni, useVirtualScroll as Ai, getPagination as Li } from "../../components/data-view/index.esm.js";
 import { FButton as nn } from "../../components/button/index.esm.js";
-import $i from "../../components/button-group/index.esm.js";
+import Hi from "../../components/button-group/index.esm.js";
 import "../../components/list-view/index.esm.js";
 import "../../components/date-picker/index.esm.js";
 import "../../components/number-spinner/index.esm.js";
 import "../../components/search-box/index.esm.js";
 import { FNotifyService as Yt } from "../../components/notify/index.esm.js";
-import { useCondition as Li, CompareType as $e, ValueType as ot, TextValue as zt, RadioGroupValue as zi, NumberSpinnerValue as Wi, NumberRangeValue as Gi, MonthRangeValue as ji, MonthPickerValue as Ui, DateRangeValue as on, DateTimePickerValue as qi, DatePickerValue as Di, ComboLookupValue as Yi, ComboListValue as Xi, CheckBoxValue as Zi } from "../../components/condition/index.esm.js";
+import { useCondition as $i, CompareType as He, ValueType as ot, TextValue as zt, RadioGroupValue as zi, NumberSpinnerValue as Wi, NumberRangeValue as ji, MonthRangeValue as Gi, MonthPickerValue as Ui, DateRangeValue as on, DateTimePickerValue as qi, DatePickerValue as Di, ComboLookupValue as Yi, ComboListValue as Xi, CheckBoxValue as Zi } from "../../components/condition/index.esm.js";
 import { FDynamicFormInput as Ji } from "../../components/dynamic-form/index.esm.js";
 import { FDesignerItem as Qi, useDesignerComponent as Fn, canvasChanged as bt, DgControl as D, refreshCanvas as Ki } from "../../components/designer-canvas/index.esm.js";
 import { useCommandOption as eo, useColumnOption as to, useRowOption as no, useSummary as io, useGroup as oo, useSort as lo, useFilter as ro, useAppearance as ao, useSelection as so, useRowNumber as uo, usePagination as co, useDataGridEvent as fo } from "../data-view/index.esm.js";
@@ -32,7 +32,7 @@ import { FieldSelectorRepositoryToken as _t } from "../../components/field-selec
 import po from "../../components/tags/index.esm.js";
 import go from "../../components/tree-view/index.esm.js";
 import "../../components/accordion/index.esm.js";
-import "../../components/avatar/index.esm.js";
+import "../avatar/index.esm.js";
 import "../button-edit/index.esm.js";
 import "../../components/calendar/index.esm.js";
 import "../capsule/index.esm.js";
@@ -56,7 +56,7 @@ import "../../components/list-nav/index.esm.js";
 import "../list-view/index.esm.js";
 import "../../components/lookup/index.esm.js";
 import "../../components/mapping-editor/index.esm.js";
-import "../../components/nav/index.esm.js";
+import "../nav/index.esm.js";
 import "../../components/number-range/index.esm.js";
 import "../number-spinner/index.esm.js";
 import "../../components/order/index.esm.js";
@@ -250,21 +250,21 @@ const ho = {
   componentId: { type: String, default: "" }
 }), "columnOption", "commandOption");
 function yo(t, e, n, i, o) {
-  const { getGridHeaderCells: l } = o, r = 120, s = 50, d = $(() => {
+  const { getGridHeaderCells: l } = o, r = 120, s = 50, d = H(() => {
     var g;
     return ((g = t.rowNumber) == null ? void 0 : g.enable) || !1;
-  }), m = $(() => {
+  }), m = H(() => {
     var g, C;
     return ((g = t.selection) == null ? void 0 : g.multiSelect) || ((C = t.selection) == null ? void 0 : C.showCheckbox) || !1;
-  }), u = $(
+  }), u = H(
     () => {
       var g;
       return 0 + (d.value ? ((g = t.rowNumber) == null ? void 0 : g.width) || 32 : 0) + (m.value ? s : 0);
     }
-  ), a = $(() => {
+  ), a = H(() => {
     var g;
     return (g = t.columnOption) == null ? void 0 : g.fitColumns;
-  }), c = $(() => {
+  }), c = H(() => {
     var g;
     return a.value && ((g = t.columnOption) == null ? void 0 : g.fitMode) || "none";
   });
@@ -337,16 +337,16 @@ function yo(t, e, n, i, o) {
     var k;
     let I = 0;
     const B = g.value.primaryColumns, P = g.value.rightColumns;
-    g.value.rightColumns.forEach((j) => {
-      j.actualWidth = f(j, g.value, C), I += j.actualWidth;
+    g.value.rightColumns.forEach((G) => {
+      G.actualWidth = f(G, g.value, C), I += G.actualWidth;
     });
     const R = w - I, E = b[c.value];
     if (E && E(g, R), g.value.primaryColumnsWidth + I <= w)
       return g.value.primaryColumns = [...B, ...P], g.value.primaryColumnsWidth += I, g.value.rightColumns = [], g.value.rightColumnsWidth = 0, !0;
     const _ = /* @__PURE__ */ new Map();
-    return _.set("primary", []), _.set("right", []), g.value.primaryColumns.reduce((j, V) => {
-      var L, Z;
-      return V.fixed === "right" ? (L = j.get("right")) == null || L.push(V) : (Z = j.get("primary")) == null || Z.push(V), j;
+    return _.set("primary", []), _.set("right", []), g.value.primaryColumns.reduce((G, V) => {
+      var $, Z;
+      return V.fixed === "right" ? ($ = G.get("right")) == null || $.push(V) : (Z = G.get("primary")) == null || Z.push(V), G;
     }, _), (k = _.get("right")) != null && k.length && (g.value.primaryColumns = [..._.get("primary") || []], g.value.rightColumns = [..._.get("right") || []]), g.value.primaryColumnsWidth = 0, g.value.rightColumnsWidth = 0, !1;
   }
   function S() {
@@ -416,7 +416,7 @@ function Co(t) {
       summaryColumns: []
     };
   }
-  const l = F(t.summary), r = $(() => {
+  const l = F(t.summary), r = H(() => {
     const v = l.value;
     return (v == null ? void 0 : v.groupFields) || [];
   });
@@ -435,7 +435,7 @@ function Co(t) {
     return r.value && r.value.reduce((g, C) => (g.set(C, !0), g), S), v.reduce((g, C) => (C.filter = C.filter || bo, C.fixed === "left" ? (i.value.leftColumns.push(C), i.value.leftColumnsMap.set(C.field, C), i.value.leftColumnsWidth += C.actualWidth) : C.fixed === "right" ? (i.value.rightColumns.push(C), i.value.rightColumnsMap.set(C.field, C), i.value.rightColumnsWidth += C.actualWidth) : (i.value.primaryColumns.push(C), i.value.primaryColumnsMap.set(C.field, C), i.value.primaryColumnsWidth += C.actualWidth), S.has(C.field) && i.value.summaryColumns.push(C), g), i), s(), i;
   }
   d(t.columns);
-  const m = $(() => i.value.leftColumns.length > 0), u = $(() => i.value.rightColumns.length > 0);
+  const m = H(() => i.value.leftColumns.length > 0), u = H(() => i.value.rightColumns.length > 0);
   function a(v, S) {
     return S.sortable && S.sort && S.sort !== "none" && v.push(S), v;
   }
@@ -586,7 +586,7 @@ function xo(t) {
         "margin-bottom": "3px"
       }
     }, {
-      default: () => [je(" "), i(a.text), je(" ")]
+      default: () => [Ge(" "), i(a.text), Ge(" ")]
     }) : e(a, m) && O(nn, {
       type: a.type,
       size: a.size || "small",
@@ -595,7 +595,7 @@ function xo(t) {
         "margin-bottom": "3px"
       }
     }, {
-      default: () => [je(" "), i(a.text), je(" ")]
+      default: () => [Ge(" "), i(a.text), Ge(" ")]
     }));
   }
   function l(d, m, u, a) {
@@ -615,7 +615,7 @@ function xo(t) {
     const {
       column: u
     } = d;
-    return ((c = u == null ? void 0 : u.commands) == null ? void 0 : c.find((h) => h.command)) ? o(d, m) : O($i, {
+    return ((c = u == null ? void 0 : u.commands) == null ? void 0 : c.find((h) => h.command)) ? o(d, m) : O(Hi, {
       data: r(u.commands || []),
       count: typeof ((p = t.commandOption) == null ? void 0 : p.count) != "number" ? 2 : (f = t.commandOption) == null ? void 0 : f.count,
       size: "small",
@@ -630,7 +630,7 @@ function xo(t) {
   };
 }
 function _o(t) {
-  const e = F(t.minHeight), n = F(t.minWidth), i = F(t.height), o = F(t.width), l = $(() => i.value <= 0 ? 0 : Math.max(i.value, e.value)), r = $(() => o.value <= 0 ? 0 : Math.max(o.value, n.value));
+  const e = F(t.minHeight), n = F(t.minWidth), i = F(t.height), o = F(t.width), l = H(() => i.value <= 0 ? 0 : Math.max(i.value, e.value)), r = H(() => o.value <= 0 ? 0 : Math.max(o.value, n.value));
   return ve([
     () => t.height,
     () => t.width,
@@ -638,7 +638,7 @@ function _o(t) {
     () => t.minWidth
   ], ([d, m, u, a]) => {
     e.value = Number(u), n.value = Number(a), i.value = Number(d), o.value = Number(m);
-  }), { containerStyleObject: $(() => ({
+  }), { containerStyleObject: H(() => ({
     height: l.value > 0 ? `${l.value}px` : t.fit ? "100%" : "",
     width: r.value > 0 ? `${r.value}px` : t.fit ? "100%" : "",
     flex: "1 1 0"
@@ -646,7 +646,7 @@ function _o(t) {
 }
 function ko(t) {
   var l, r;
-  const e = F(((l = t.commandOption) == null ? void 0 : l.enable) || !1), n = F(((r = t.commandOption) == null ? void 0 : r.commands) || []), i = $(() => Ae.getLocaleValue("datagrid.commandColumn.title"));
+  const e = F(((l = t.commandOption) == null ? void 0 : l.enable) || !1), n = F(((r = t.commandOption) == null ? void 0 : r.commands) || []), i = H(() => Ae.getLocaleValue("datagrid.commandColumn.title"));
   function o(s) {
     var d;
     if (e.value && !(s.value.findIndex((u) => u.dataType === rn) > -1)) {
@@ -768,16 +768,16 @@ function Eo(t, e) {
 }
 function Io(t, e) {
   var v;
-  const { sum: n, toFixed: i } = Ut(), { uuid: o } = kt(), { idField: l } = e, r = F(t.summary), s = F(t.group), d = F(((v = t.group) == null ? void 0 : v.groupFields) || []), m = $(() => {
+  const { sum: n, toFixed: i } = Ut(), { uuid: o } = kt(), { idField: l } = e, r = F(t.summary), s = F(t.group), d = F(((v = t.group) == null ? void 0 : v.groupFields) || []), m = H(() => {
     var S;
     return (S = t.group) == null ? void 0 : S.enable;
-  }), u = $(() => {
+  }), u = H(() => {
     var S;
     return (S = t.group) == null ? void 0 : S.showGroupPanel;
-  }), a = $(() => {
+  }), a = H(() => {
     const S = r.value;
     return (S == null ? void 0 : S.groupFields) || [];
-  }), c = $(() => {
+  }), c = H(() => {
     const S = s.value;
     return S && S.showSummary;
   }), p = F(0), f = /* @__PURE__ */ new Map();
@@ -785,14 +785,14 @@ function Io(t, e) {
   function y(S, g, C, w, I) {
     const B = w[C];
     B && (g.reduce((P, R, E) => {
-      var j;
+      var G;
       const _ = R[B];
       let k = P.get(_);
       if (!k) {
-        const V = a.value.reduce((L, Z) => (L.set(Z, 0), L), /* @__PURE__ */ new Map());
+        const V = a.value.reduce(($, Z) => ($.set(Z, 0), $), /* @__PURE__ */ new Map());
         k = {
           field: B,
-          title: ((j = I.get(B)) == null ? void 0 : j.title) || B,
+          title: ((G = I.get(B)) == null ? void 0 : G.title) || B,
           value: _,
           layer: C,
           details: [],
@@ -801,16 +801,16 @@ function Io(t, e) {
       }
       return a.value && a.value.forEach((V) => {
         if (k) {
-          const L = k.groupSummaries.get(V) || 0;
+          const $ = k.groupSummaries.get(V) || 0;
           k.groupSummaries.set(
             V,
-            n([L, Ce(R, V)])
+            n([$, Ce(R, V)])
           );
         }
       }), a.value && a.value.forEach((V) => {
         if (k) {
-          const L = k.groupSummaries.get(V) || 0;
-          k.groupSummaries.set(V, i(L, 2));
+          const $ = k.groupSummaries.get(V) || 0;
+          k.groupSummaries.set(V, i($, 2));
         }
       }), k.details.push(R), P;
     }, S), C < w.length - 1 && S.forEach((P, R) => {
@@ -989,7 +989,7 @@ function Po(t, e, n, i) {
       _(N, U), U.map((q) => q[r.value]).forEach((q) => k(q));
     }
   }
-  function j(N) {
+  function G(N) {
     const A = N[r.value];
     k(A);
   }
@@ -1002,7 +1002,7 @@ function Po(t, e, n, i) {
       _(q, te);
     return N;
   }
-  function L(N, A) {
+  function $(N, A) {
     V(N, "ToCollapse", A);
   }
   function Z(N, A) {
@@ -1056,7 +1056,7 @@ function Po(t, e, n, i) {
       }), U.value.splice(fe, 0, ...ge);
     }
   }
-  function H(N, A) {
+  function L(N, A) {
     const U = N[r.value], q = u.get(U), te = Array.from(q.descendant.keys());
     te.unshift(U);
     const se = u.get(q.parentId);
@@ -1068,7 +1068,7 @@ function Po(t, e, n, i) {
   }
   return {
     checkVisibleInHierarchy: o,
-    collapseTo: L,
+    collapseTo: $,
     expandTo: Z,
     generateHierarchyData: re,
     hasRealChildren: B,
@@ -1077,8 +1077,8 @@ function Po(t, e, n, i) {
     insertChildren: Te,
     isVisibleInTree: R,
     shouldStratifyData: l,
-    toggleChildrenVisibiltyByCollapseStatus: j,
-    trimmedOriginalData: H
+    toggleChildrenVisibiltyByCollapseStatus: G,
+    trimmedOriginalData: L
   };
 }
 function Vo(t, e, n, i, o) {
@@ -1095,21 +1095,21 @@ function Vo(t, e, n, i, o) {
     toggleChildrenVisibiltyByCollapseStatus: E,
     trimmedOriginalData: _,
     checkVisibleInHierarchy: k
-  } = x, { idField: j, reviseIdentifyField: V } = o, L = F(t.newDataItem), Z = F(t.data || []), Q = F(t.data), { flatTreeData: re, isNestedTree: ke } = _n(t);
+  } = x, { idField: G, reviseIdentifyField: V } = o, $ = F(t.newDataItem), Z = F(t.data || []), Q = F(t.data), { flatTreeData: re, isNestedTree: ke } = _n(t);
   if (t.hierarchy && ke(t.data)) {
     const W = re(t.data);
     T.value = W, Z.value = W, Q.value = W;
   }
-  const we = F(t.summary), Te = $(() => {
+  const we = F(t.summary), Te = H(() => {
     const W = we.value;
     return (W == null ? void 0 : W.groupFields) || [];
   });
-  let H = /* @__PURE__ */ new Map();
+  let L = /* @__PURE__ */ new Map();
   const N = F(Z.value.length), A = F(t.pagination);
   function U() {
     return A.value && A.value.enable && A.value.size > 0 ? A.value.size : Z.value.length;
   }
-  const q = F(1), te = $(() => A.value && A.value.enable && A.value.mode !== "server"), se = $(() => A.value && A.value.enable && A.value.mode === "server"), de = new Yt();
+  const q = F(1), te = H(() => A.value && A.value.enable && A.value.mode !== "server"), se = H(() => A.value && A.value.enable && A.value.mode === "server"), de = new Yt();
   function fe(W, J) {
     const ne = Math.ceil(W.length / J);
     let ae = 0;
@@ -1126,35 +1126,35 @@ function Vo(t, e, n, i, o) {
   }
   function ge() {
     var qe;
-    Z.value = T.value, te.value && (N.value = Z.value.length), b.value && !te.value && (Z.value = y(M.value, T.value, e)), H = Te.value.reduce((he, _e) => (he.set(_e, 0), he), H);
+    Z.value = T.value, te.value && (N.value = Z.value.length), b.value && !te.value && (Z.value = y(M.value, T.value, e)), L = Te.value.reduce((he, _e) => (he.set(_e, 0), he), L);
     const W = 0, J = U(), ne = (q.value - 1) * J;
     let xe = ne > Z.value.length - 1 || se.value ? W : ne, Be = se.value ? Z.value.length : Math.min(xe + J, Z.value.length);
     if (b.value && te.value) {
       const { accumulateGroupRowSize: he, groupData: _e, groupRowSizeList: Ee } = fe(T.value, J);
       Z.value = _e;
-      const He = Ee[q.value - 1];
-      xe += q.value - 2 < 0 ? 0 : he[q.value - 2], Be = xe + J + He;
+      const Le = Ee[q.value - 1];
+      xe += q.value - 2 < 0 ? 0 : he[q.value - 2], Be = xe + J + Le;
     }
     let Ue = 0;
     const Ne = [];
     if (Z.value.length) {
       V(Z.value);
-      const he = j.value !== t.idField;
+      const he = G.value !== t.idField;
       for (let _e = xe; _e < Be; _e++) {
         const Ee = Z.value[_e];
-        Ee.__fv_data_grid_group_row__ ? (Ue = 0, Ee.__fv_data_index__ = "") : Ee.__fv_data_grid_group_summary__ ? Ee.__fv_data_index__ = "" : (Ue++, Ee.__fv_data_index__ = Ue + (q.value - 1) * J), Ee.__fv_index__ = _e, Ee.__fv_visible_index__ = _e, t.rowOption && t.rowOption.disabledField && (Ee.__fv_disabled__ = Ee[(qe = t.rowOption) == null ? void 0 : qe.disabledField]), he && (Ee[j.value] = _e), Te.value.forEach((He) => {
-          const Ht = H.get(He) || 0;
-          H.set(He, r([Ht, Ce(Ee, He) || 0]));
+        Ee.__fv_data_grid_group_row__ ? (Ue = 0, Ee.__fv_data_index__ = "") : Ee.__fv_data_grid_group_summary__ ? Ee.__fv_data_index__ = "" : (Ue++, Ee.__fv_data_index__ = Ue + (q.value - 1) * J), Ee.__fv_index__ = _e, Ee.__fv_visible_index__ = _e, t.rowOption && t.rowOption.disabledField && (Ee.__fv_disabled__ = Ee[(qe = t.rowOption) == null ? void 0 : qe.disabledField]), he && (Ee[G.value] = _e), Te.value.forEach((Le) => {
+          const Lt = L.get(Le) || 0;
+          L.set(Le, r([Lt, Ce(Ee, Le) || 0]));
         }), Ne.push(Ee);
       }
     }
     return R.value && g(Ne), Te.value.forEach((he) => {
-      const _e = H.get(he) || 0;
-      H.set(he, s(_e, 2));
+      const _e = L.get(he) || 0;
+      L.set(he, s(_e, 2));
     }), Q.value = [...Ne], Ne;
   }
-  const me = F(ge()), Ie = $(() => (k.value, me.value.filter((W) => R.value ? W.__fv_visible__ !== !1 && P(W) : W.__fv_visible__ !== !1)));
-  function Le() {
+  const me = F(ge()), Ie = H(() => (k.value, me.value.filter((W) => R.value ? W.__fv_visible__ !== !1 && P(W) : W.__fv_visible__ !== !1)));
+  function $e() {
     Ie.value.forEach((W, J) => (W.__fv_visible_index__ = J, W));
   }
   function Se(W, J, ne = !1) {
@@ -1163,19 +1163,19 @@ function Vo(t, e, n, i, o) {
     let xe = ae;
     ((qe = t.filter) == null ? void 0 : qe.mode) !== "server" && (xe = ae.filter((he) => n.apply(he)));
     const Be = W && W.length ? xe.filter((he) => W.reduce((_e, Ee) => _e && Ee.filter(he), !0)) : xe, Ue = J && J.length ? Be.sort((he, _e) => {
-      const Ee = [...J], He = Ee.shift(), Ht = Ce(he, He.field) === void 0 || Ce(he, He.field) === null ? "" : Ce(he, He.field), Gn = Ce(_e, He.field) === void 0 || Ce(_e, He.field) === null ? "" : Ce(_e, He.field);
-      let $t = He.compare(
-        Ht,
-        Gn
+      const Ee = [...J], Le = Ee.shift(), Lt = Ce(he, Le.field) === void 0 || Ce(he, Le.field) === null ? "" : Ce(he, Le.field), jn = Ce(_e, Le.field) === void 0 || Ce(_e, Le.field) === null ? "" : Ce(_e, Le.field);
+      let Ht = Le.compare(
+        Lt,
+        jn
       );
-      for (; $t === 0 && Ee.length !== 0; ) {
+      for (; Ht === 0 && Ee.length !== 0; ) {
         const et = Ee.shift();
         if (et) {
-          const jn = Ce(he, et.field) === void 0 || Ce(he, et.field) === null ? "" : Ce(he, et.field), Un = Ce(_e, et.field) === void 0 || Ce(_e, et.field) === null ? "" : Ce(_e, et.field);
-          $t = et.compare(jn, Un);
+          const Gn = Ce(he, et.field) === void 0 || Ce(he, et.field) === null ? "" : Ce(he, et.field), Un = Ce(_e, et.field) === void 0 || Ce(_e, et.field) === null ? "" : Ce(_e, et.field);
+          Ht = et.compare(Gn, Un);
         }
       }
-      return $t;
+      return Ht;
     }) : Be, Ne = U();
     return me.value = Ue.map((he, _e) => {
       if (he.__fv_data_grid_group_row__) {
@@ -1185,7 +1185,7 @@ function Vo(t, e, n, i, o) {
       return he.__fv_index__ = _e, he.__fv_visible_index__ = _e, he.__fv_data_index__ = _e + 1 + (q.value - 1) * Ne, he;
     }), me.value;
   }
-  function G(W) {
+  function j(W) {
     return c.clear(), f.value = W, f.value.reduce((J, ne) => (J.set(ne.field, ne), J), c), Se([], f.value);
   }
   function K(W, J) {
@@ -1226,7 +1226,7 @@ function Vo(t, e, n, i, o) {
     return d.set(ae, !1), u.delete(`collapse_${W}_${J}`), Se(Array.from(u.values()), Array.from(c.values()), !0);
   }
   function z(W) {
-    const J = W.raw[j.value], ne = (ae) => !ae.__fv_parents__.has(J);
+    const J = W.raw[G.value], ne = (ae) => !ae.__fv_parents__.has(J);
     a.set(`fold_${J}`, {
       field: "id",
       fieldName: "id",
@@ -1236,7 +1236,7 @@ function Vo(t, e, n, i, o) {
     }), Se(Array.from(a.values()), Array.from(c.values())), g(me.value);
   }
   function oe(W) {
-    const J = W[j.value];
+    const J = W[G.value];
     a.delete(`fold_${J}`);
   }
   function Fe(W) {
@@ -1246,7 +1246,7 @@ function Vo(t, e, n, i, o) {
     const W = ge();
     me.value = W, Se(Array.from(a.values()), Array.from(c.values())), t.hierarchy && g(me.value);
   }
-  function Ge(W) {
+  function je(W) {
     const ne = t.hierarchy && ke(W) ? re(W) : W;
     T.value = ne, ue();
   }
@@ -1263,13 +1263,13 @@ function Vo(t, e, n, i, o) {
   function Ft(W = 0) {
     if (!(W > -1))
       return !1;
-    const ne = L.value();
+    const ne = $.value();
     t.hierarchy ? w(W, ne, T) : T.value.splice(W, 0, ne), ue();
   }
   function Ot(W = 0) {
     if (!(W > -1 && t.hierarchy))
       return !1;
-    const ne = L.value(), ae = T.value[W];
+    const ne = $.value(), ae = T.value[W];
     oe(ae), I(W, ne, T), ue();
   }
   function vt(W, J = 0) {
@@ -1283,7 +1283,7 @@ function Vo(t, e, n, i, o) {
     T.value.splice(J, 1), ue();
   }
   function xt(W) {
-    const J = T.value.findIndex((ne) => ne[j.value] === W);
+    const J = T.value.findIndex((ne) => ne[G.value] === W);
     J !== -1 && (T.value.splice(J, 1), ue());
   }
   function Nt(W) {
@@ -1313,34 +1313,34 @@ function Vo(t, e, n, i, o) {
   }
   function le(W) {
     return W.map((ne) => {
-      const ae = Q.value.findIndex((xe) => "" + xe[j.value] == "" + ne);
+      const ae = Q.value.findIndex((xe) => "" + xe[G.value] == "" + ne);
       return ae > -1 ? Q.value[ae] : null;
     }).filter((ne) => ne != null);
   }
   function ce() {
     const W = t.summary.groupFields;
-    H = W.reduce((J, ne) => (J.set(ne, 0), J), H);
+    L = W.reduce((J, ne) => (J.set(ne, 0), J), L);
     for (const J of Z.value)
       W.forEach((ne) => {
-        const ae = H.get(ne) || 0;
-        H.set(ne, r([ae, Ce(J, ne) || 0]));
+        const ae = L.get(ne) || 0;
+        L.set(ne, r([ae, Ce(J, ne) || 0]));
       });
     W.forEach((J) => {
-      const ne = H.get(J) || 0;
-      H.set(J, s(ne, 2));
+      const ne = L.get(J) || 0;
+      L.set(J, s(ne, 2));
     });
   }
   function Me(W) {
     const J = t.summary.groupFields;
-    H = J.reduce((ne, ae) => (ne.set(ae, 0), ne), H);
+    L = J.reduce((ne, ae) => (ne.set(ae, 0), ne), L);
     for (const ne of W)
       J.forEach((ae) => {
-        const xe = H.get(ae) || 0;
-        H.set(ae, r([xe, Ce(ne.raw, ae) || 0]));
+        const xe = L.get(ae) || 0;
+        L.set(ae, r([xe, Ce(ne.raw, ae) || 0]));
       });
     J.forEach((ne) => {
-      const ae = H.get(ne) || 0;
-      H.set(ne, s(ae, 2));
+      const ae = L.get(ne) || 0;
+      L.set(ne, s(ae, 2));
     });
   }
   return {
@@ -1364,7 +1364,7 @@ function Vo(t, e, n, i, o) {
     insertNewChildDataItems: vt,
     insertNewDataItem: Ft,
     isVisibleInTree: P,
-    load: Ge,
+    load: je,
     navigatePageTo: ct,
     pageIndex: q,
     rawView: Q,
@@ -1375,10 +1375,10 @@ function Vo(t, e, n, i, o) {
     removeFilter: be,
     removeHierarchyDataItem: Nt,
     removeSorter: Y,
-    reOrderVisibleIndex: Le,
-    setSorters: G,
+    reOrderVisibleIndex: $e,
+    setSorters: j,
     sorters: f,
-    summaries: H,
+    summaries: L,
     updateSummary: ce,
     toggleChildrenVisibiltyByCollapseStatus: E,
     totalItems: N,
@@ -1471,7 +1471,7 @@ const Bo = [
     return !1;
   },
   notEqual: (t, e, n) => t ? String(n).split(",").findIndex((o) => o === String(t[e])) === -1 : !1
-}, Ho = {
+}, Lo = {
   equal: (t, e, n) => {
     if (t) {
       const i = Number.parseFloat(String(n)), o = Number.parseFloat(String(t[e]));
@@ -1514,15 +1514,15 @@ const Bo = [
     }
     return !1;
   }
-}, $o = /* @__PURE__ */ new Map([
+}, Ho = /* @__PURE__ */ new Map([
   ["boolean", Ro],
   ["datetime", No],
   ["enum", Ao],
-  ["number", Ho],
+  ["number", Lo],
   ["text", Oo]
 ]);
-function Lo(t, e) {
-  const n = F([]), i = /* @__PURE__ */ new Map(), { loadConditionGroup: o } = Li();
+function $o(t, e) {
+  const n = F([]), i = /* @__PURE__ */ new Map(), { loadConditionGroup: o } = $i();
   function l(x, v) {
     switch (x) {
       case "check-box":
@@ -1546,9 +1546,9 @@ function Lo(t, e) {
       case "month-picker":
         return new Ui({ value: v });
       case "month-range":
-        return new ji({ value: v });
-      case "number-range":
         return new Gi({ value: v });
+      case "number-range":
+        return new ji({ value: v });
       case "number-spinner":
         return new Wi({ value: v });
       case "radio-group":
@@ -1568,14 +1568,14 @@ function Lo(t, e) {
     ["reference", "lookup"]
   ]), s = /* @__PURE__ */ new Map([
     // ['boolean', CompareType.In],
-    ["boolean", $e.Equal],
-    ["date", $e.Equal],
-    ["datetime", $e.Equal],
-    ["number", $e.Equal],
-    ["string", $e.Equal],
-    ["text", $e.Equal],
-    ["enum", $e.In],
-    ["reference", $e.Equal]
+    ["boolean", He.Equal],
+    ["date", He.Equal],
+    ["datetime", He.Equal],
+    ["number", He.Equal],
+    ["string", He.Equal],
+    ["text", He.Equal],
+    ["enum", He.In],
+    ["reference", He.Equal]
   ]);
   function d() {
     n.value.forEach((v, S) => {
@@ -1588,7 +1588,7 @@ function Lo(t, e) {
         const C = [];
         g.length === 1 && C.push({
           filterField: v.fieldCode,
-          compare: v.compareType || v.compareType === 0 ? v.compareType : $e.Like,
+          compare: v.compareType || v.compareType === 0 ? v.compareType : He.Like,
           value: v.value.value[0],
           relation: n.value.length > 1 ? v.relation || v.relation === 0 ? v.relation : 1 : 0,
           expresstype: ot.Value,
@@ -1596,7 +1596,7 @@ function Lo(t, e) {
           rbracket: v.rBracket || null
         }), g.length > 1 && C.push({
           filterField: v.fieldCode,
-          compare: v.compareType || v.compareType === 0 ? v.compareType : $e.Like,
+          compare: v.compareType || v.compareType === 0 ? v.compareType : He.Like,
           value: v.value.value[0],
           relation: 2,
           expresstype: ot.Value,
@@ -1604,7 +1604,7 @@ function Lo(t, e) {
           rbracket: v.rBracket || null
         }, {
           filterField: v.fieldCode,
-          compare: v.compareType || v.compareType === 0 ? v.compareType : $e.Like,
+          compare: v.compareType || v.compareType === 0 ? v.compareType : He.Like,
           value: v.value.value[1],
           relation: n.value.length > 1 ? v.relation || v.relation === 0 ? v.relation : 1 : 0,
           expresstype: ot.Value,
@@ -1614,7 +1614,7 @@ function Lo(t, e) {
       } else
         x.push({
           filterField: v.fieldCode,
-          compare: v.compareType || v.compareType === 0 ? v.compareType : $e.Like,
+          compare: v.compareType || v.compareType === 0 ? v.compareType : He.Like,
           value: v.value.value,
           relation: n.value.length > 1 ? v.relation || v.relation === 0 ? v.relation : 1 : 0,
           expresstype: ot.Value,
@@ -1629,8 +1629,8 @@ function Lo(t, e) {
     return ((S = x.editor) == null ? void 0 : S.type) || r.get(v) || "text";
   }
   function u(x) {
-    var E, _, k, j, V;
-    const v = `field_filter_${x.field}`, S = Date.now(), g = x.field, C = ((E = x.column) == null ? void 0 : E.title) || "", w = ((_ = x.column) == null ? void 0 : _.dataType) || "string", I = s.get(w) || $e.Equal, B = ((j = (k = x.column) == null ? void 0 : k.editor) == null ? void 0 : j.type) || r.get(w) || "text", P = l(B, (V = x.column) == null ? void 0 : V.filter), R = B === "lookup" || B === "combo-lookup" ? ot.SmartHelp : B === "combo-list" ? ot.Enum : ot.Value;
+    var E, _, k, G, V;
+    const v = `field_filter_${x.field}`, S = Date.now(), g = x.field, C = ((E = x.column) == null ? void 0 : E.title) || "", w = ((_ = x.column) == null ? void 0 : _.dataType) || "string", I = s.get(w) || He.Equal, B = ((G = (k = x.column) == null ? void 0 : k.editor) == null ? void 0 : G.type) || r.get(w) || "text", P = l(B, (V = x.column) == null ? void 0 : V.filter), R = B === "lookup" || B === "combo-lookup" ? ot.SmartHelp : B === "combo-list" ? ot.Enum : ot.Value;
     i.set(v, { id: v, fieldCode: g, fieldName: C, compareType: I, valueType: R, value: P, conditionId: S, relation: 1 }), n.value = Array.from(i.values());
   }
   function a(x) {
@@ -1645,7 +1645,7 @@ function Lo(t, e) {
   }
   function f(x) {
     const { valueType: v } = x.value, S = x.compareType || "0", g = Bo[Number(S)];
-    return $o.get(v)[g];
+    return Ho.get(v)[g];
   }
   function h(x) {
     const v = x.relation === 2 ? 0 : 1, S = x.items.map((C) => {
@@ -1683,21 +1683,21 @@ function Lo(t, e) {
 }
 function zo(t) {
   F(t.selection.showCheckbox || !1);
-  const e = $(() => {
+  const e = H(() => {
     var r;
     return ((r = t.hierarchy) == null ? void 0 : r.collapseField) || "__fv_collapse__";
-  }), n = $(() => {
+  }), n = H(() => {
     var r;
     return ((r = t.hierarchy) == null ? void 0 : r.hasChildrenField) || "__fv_hasChildren__";
-  }), i = $(() => {
+  }), i = H(() => {
     var r;
     return ((r = t.hierarchy) == null ? void 0 : r.parentIdField) || "parent";
-  }), o = $(() => t.hierarchy && t.selection.showCheckbox), l = $(() => (t.treeNodeIconsData.fold || t.iconField) && t.showTreeNodeIcons);
+  }), o = H(() => t.hierarchy && t.selection.showCheckbox), l = H(() => (t.treeNodeIconsData.fold || t.iconField) && t.showTreeNodeIcons);
   return { collapseField: e, hasChildrenField: n, parentIdField: i, shouldShowCheckBox: o, shouldShowIcon: l };
 }
 function Wo(t, e, n, i, o, l, r, s, d) {
   var yt;
-  const { dataView: m, visibleDataItems: u } = e, { getVisualData: a, maxVisibleRowIndex: c, minVisibleRowIndex: p } = o, f = $(() => i.value.primaryColumnsWidth), h = $(() => i.value.leftColumnsWidth), y = $(() => i.value.rightColumnsWidth), M = ((yt = t.rowOption) == null ? void 0 : yt.height) || 28, b = F(0), T = F(0);
+  const { dataView: m, visibleDataItems: u } = e, { getVisualData: a, maxVisibleRowIndex: c, minVisibleRowIndex: p } = o, f = H(() => i.value.primaryColumnsWidth), h = H(() => i.value.leftColumnsWidth), y = H(() => i.value.rightColumnsWidth), M = ((yt = t.rowOption) == null ? void 0 : yt.height) || 28, b = F(0), T = F(0);
   let x = 0, v = l.value - 1;
   const S = F(0), g = F(0), C = F(0), w = F(t.virtualized), I = 24, B = 1.5;
   let P = null, R = null, E = null;
@@ -1708,14 +1708,14 @@ function Wo(t, e, n, i, o, l, r, s, d) {
     const ee = c.value < X.length ? X[c.value] : X[X.length - 1];
     return ee.__fv_data_position__ > X.length * M ? X.length * M : (ee.__fv_data_position__ || 0) + (ee.__fv_data_height__ || 0) + Math.max(X.length - 1 - c.value, 0) * M;
   }
-  const k = $(() => {
+  const k = H(() => {
     const X = _();
     u.value;
     let ee = g.value / Math.max(X, g.value), le = Math.floor(ee * g.value);
     for (; g.value > 0 && le < I; )
       ee *= B, le = Math.floor(ee * g.value);
     return le;
-  }), j = $(() => Math.floor(C.value / Math.max(f.value, C.value) * S.value)), V = 0, L = 0, Z = $(() => S.value - (h.value + f.value + y.value + s.value));
+  }), G = H(() => Math.floor(C.value / Math.max(f.value, C.value) * S.value)), V = 0, $ = 0, Z = H(() => S.value - (h.value + f.value + y.value + s.value));
   function Q(X) {
     const le = Math.floor(X / M) + 1, ce = u.value;
     return ce.length > le ? ce[le].__fv_visible_index__ - 1 : 0;
@@ -1746,8 +1746,8 @@ function Wo(t, e, n, i, o, l, r, s, d) {
     const le = (xe = t.pagination) != null && xe.enable ? 0 : Math.max(x - r, 0), ce = ee[ee.length - 1].__fv_visible_index__, Me = (Be = t.pagination) != null && Be.enable ? ee.length - 1 : Math.min(v + r, ce), { actualStart: W, actualEnd: J } = re(le, Me, ce), ne = ee[W - 1], ae = a(W, J, ne, X);
     ae.length && (n.value = [...ae]);
   }
-  const we = $(() => _() > g.value), Te = $(() => Math.floor(f.value) > C.value);
-  function H(X, ee) {
+  const we = H(() => _() > g.value), Te = H(() => Math.floor(f.value) > C.value);
+  function L(X, ee) {
     let le = X;
     const ce = le > V, Me = we.value;
     Me && le < g.value - ee && (le = g.value - ee), (!Me || ce) && (le = V), b.value !== le && (b.value = le);
@@ -1759,7 +1759,7 @@ function Wo(t, e, n, i, o, l, r, s, d) {
     let ee = b.value + X;
     ee > V && (ee = V);
     const le = _();
-    H(ee, le), N();
+    L(ee, le), N();
   }
   function U(X) {
     if (!Te.value) {
@@ -1767,7 +1767,7 @@ function Wo(t, e, n, i, o, l, r, s, d) {
       return;
     }
     let ee = T.value + X;
-    ee > L && (ee = L), ee < Z.value && (ee = Z.value), T.value !== ee && (T.value = ee);
+    ee > $ && (ee = $), ee < Z.value && (ee = Z.value), T.value !== ee && (T.value = ee);
   }
   function q() {
     Math.abs(T.value) + C.value > f.value && (T.value = Math.min(C.value - f.value, 0));
@@ -1777,7 +1777,7 @@ function Wo(t, e, n, i, o, l, r, s, d) {
   }
   function se() {
     const X = _();
-    H(b.value, X);
+    L(b.value, X);
   }
   ve([C, f], () => {
     U(0);
@@ -1795,58 +1795,58 @@ function Wo(t, e, n, i, o, l, r, s, d) {
     const { deltaX: ee, deltaY: le } = de(X);
     A(le), U(ee);
   }
-  const ge = $(() => ({
+  const ge = H(() => ({
     height: `${m.value.length * M}px`,
     width: `${h.value}px`,
     transform: `translateY(${b.value}px)`
-  })), me = $(() => ({
+  })), me = H(() => ({
     transform: `translateY(${b.value}px)`
-  })), Ie = $(() => ({
+  })), Ie = H(() => ({
     height: `${(t.autoHeight ? u.value : m.value).length * M}px`,
     width: `${f.value}px`,
     transform: `translate(${T.value}px, ${b.value}px)`
-  })), Le = $(() => ({
+  })), $e = H(() => ({
     transform: `translate(${T.value}px, ${b.value}px)`
-  })), Se = $(() => ({
+  })), Se = H(() => ({
     height: `${m.value.length * M}px`,
     width: `${y.value}px`,
     transform: `translateY(${b.value}px)`
-  })), G = $(() => ({
+  })), j = H(() => ({
     transform: `translateY(${b.value}px)`
-  })), K = $(() => ({
+  })), K = H(() => ({
     height: `${m.value.length * M}px`,
     width: `${s.value}px`,
     transform: `translateY(${b.value}px)`
-  })), Y = $(() => ({
+  })), Y = H(() => ({
     width: `${h.value}px`
-  })), ye = $(() => ({
+  })), ye = H(() => ({
     transform: `translateX(${T.value}px)`
-  })), be = $(() => ({
+  })), be = H(() => ({
     width: `${y.value}px`
-  })), Re = $(() => {
+  })), Re = H(() => {
     const X = _();
-    return H(b.value, X), b.value / (g.value - X) * (g.value - k.value);
-  }), Qe = $(() => ({
+    return L(b.value, X), b.value / (g.value - X) * (g.value - k.value);
+  }), Qe = H(() => ({
     width: "8px",
     height: `${k.value}px`,
     top: `${Re.value}px`,
     backgroundColor: "#cccccc !important"
-  })), pt = $(() => T.value / Z.value * (S.value - j.value)), gt = $(() => ({
+  })), pt = H(() => T.value / Z.value * (S.value - G.value)), gt = H(() => ({
     height: "8px",
-    width: `${j.value}px`,
+    width: `${G.value}px`,
     left: `${pt.value}px`,
     backgroundColor: "#cccccc !important"
   })), ze = F(!1), z = F(-1), oe = F(-1), Fe = F();
   function ue(X) {
     if (X instanceof MouseEvent ? X.pageX : X.touches[0].pageX, ze.value && oe.value !== -1) {
-      const ee = oe.value - X.pageX, le = S.value - j.value;
+      const ee = oe.value - X.pageX, le = S.value - G.value;
       if (Math.abs(ee) <= le) {
-        const ce = ee / (C.value - j.value) * (f.value - C.value);
+        const ce = ee / (C.value - G.value) * (f.value - C.value);
         U(ce), oe.value = X.pageX;
       }
     }
   }
-  function Ge(X) {
+  function je(X) {
     if (ze.value && z.value !== -1) {
       const ee = z.value - X.pageY, le = _(), ce = le - k.value;
       if (Math.abs(ee) <= ce) {
@@ -1858,9 +1858,9 @@ function Wo(t, e, n, i, o, l, r, s, d) {
   function ht(X) {
     const { pageX: ee, pageY: le } = X.touches[0];
     if (ze.value && oe.value !== -1) {
-      const ce = oe.value - ee, Me = S.value - j.value;
+      const ce = oe.value - ee, Me = S.value - G.value;
       if (Math.abs(ce) <= Me) {
-        const W = ce / (C.value - j.value) * (f.value - C.value);
+        const W = ce / (C.value - G.value) * (f.value - C.value);
         U(W), oe.value = ee;
       }
     }
@@ -1886,7 +1886,7 @@ function Wo(t, e, n, i, o, l, r, s, d) {
     ze.value = !0;
     const ce = (ne = X.target) == null ? void 0 : ne.parentElement;
     ce && (ce.style.opacity = "1", Fe.value = ce);
-    const Me = le === "horizontal" ? ue : Kt(Ge, 50);
+    const Me = le === "horizontal" ? ue : Kt(je, 50);
     P || (P = Me);
     const { pageX: W } = X, { pageY: J } = X;
     le === "vertical" && (z.value = X.pageY), le === "horizontal" && (oe.value = X.pageX), ee.value && (ee.value, document.addEventListener("mousemove", P), document.addEventListener("mouseup", Tt), document.body.style.userSelect = "none");
@@ -1919,7 +1919,7 @@ function Wo(t, e, n, i, o, l, r, s, d) {
     fitHorizontalScroll: q,
     gridDataStyle: Ie,
     gridHeaderColumnsStyle: ye,
-    gridMergedDataStyle: Le,
+    gridMergedDataStyle: $e,
     gridSideStyle: K,
     horizontalScrollThumbStyle: gt,
     leftFixedGridDataStyle: ge,
@@ -1933,7 +1933,7 @@ function Wo(t, e, n, i, o, l, r, s, d) {
     resetScroll: te,
     rightFixedGridDataStyle: Se,
     rightFixedGridHeaderColumnsStyle: be,
-    rightFixedGridMergedDataStyle: G,
+    rightFixedGridMergedDataStyle: j,
     shouldShowHorizontalScrollbar: Te,
     shouldShowVirticalScrollbar: we,
     updateVirticalScroll: se,
@@ -1947,7 +1947,7 @@ function Wo(t, e, n, i, o, l, r, s, d) {
     onTouchstartScrollThumb: Rt
   };
 }
-function Go(t) {
+function jo(t) {
   var l;
   const { isUndefined: e } = hn(), n = ((l = t.rowOption) == null ? void 0 : l.height) || 28;
   function i(r, s) {
@@ -1971,7 +1971,7 @@ function Go(t) {
   }
   return { updateRowPosition: i, updateVisualInfomation: o };
 }
-function jo() {
+function Go() {
   function t(e, n) {
     var r, s;
     if (!n.data || !n.data.length)
@@ -2074,7 +2074,7 @@ function Zo() {
     renderText: t
   } = Uo(), {
     renderEnumColumn: e
-  } = jo(), {
+  } = Go(), {
     renderNumberColumn: n
   } = Do(), {
     renderDateColumn: i,
@@ -2141,11 +2141,11 @@ function Jo(t, e, n) {
     return b.getEditor = (v) => e.getEditor(v, T, v.parent), b.setRef = (v) => r(v, b, x), b.update = (v) => {
       v !== void 0 && (b.editingData = v);
     }, b.accept = () => {
-      Gt(b.editingData, x, T.field), b.data = Ce(x, T.field);
+      jt(b.editingData, x, T.field), b.data = Ce(x, T.field);
     }, b.cancel = () => {
       b.editingData = b.data;
     }, b.updateData = (v) => {
-      Gt(Ce(v, T.field), x, T.field), b.data = Ce(x, T.field), b.editingData = Ce(x, T.field);
+      jt(Ce(v, T.field), x, T.field), b.data = Ce(x, T.field), b.editingData = Ce(x, T.field);
     }, b;
   }
   function a(b, T) {
@@ -2176,7 +2176,7 @@ function Jo(t, e, n) {
 function Qo(t, e, n, i, o, l, r) {
   var T, x;
   const s = F(t.rowOption), d = ((T = s.value) == null ? void 0 : T.height) || 28, m = ((x = s.value) == null ? void 0 : x.wrapContent) || !1, { idField: u } = o, { collapseField: a } = i, { updateRowPosition: c } = l, { createCellByColumn: p } = r, f = (v, S, g, C) => {
-    Gt(Ce(v, C), S, C), g.data[C].data = Ce(S, C), g.data[C].editingData = Ce(S, C);
+    jt(Ce(v, C), S, C), g.data[C].data = Ce(S, C), g.data[C].editingData = Ce(S, C);
   };
   function h(v, S, g, C, w, I) {
     var ke, we, Te;
@@ -2184,7 +2184,7 @@ function Qo(t, e, n, i, o, l, r) {
       __fv_data_grid_group_field__: B,
       __fv_data_grid_group_value__: P,
       __fv_data_index__: R
-    } = g, E = g.__fv_data_grid_group_layer__ || (g.__fv_parents__ ? (ke = g.__fv_parents__) == null ? void 0 : ke.size : 0) || 0, _ = typeof g.parent == "number" ? Number(g.parent) : -1, k = g.__fv_data_grid_group_collapse__ || g[a.value], j = g.__fv_visible__ === void 0 ? !0 : g.__fv_visible__, V = g.__fv_checked__, L = g.__fv_indeterminate__, Z = g.__fv_disabled__ || g[((we = t.rowOption) == null ? void 0 : we.disabledField) || "disabled"], Q = t.hierarchy && e.isVisibleInTree(g), re = {
+    } = g, E = g.__fv_data_grid_group_layer__ || (g.__fv_parents__ ? (ke = g.__fv_parents__) == null ? void 0 : ke.size : 0) || 0, _ = typeof g.parent == "number" ? Number(g.parent) : -1, k = g.__fv_data_grid_group_collapse__ || g[a.value], G = g.__fv_visible__ === void 0 ? !0 : g.__fv_visible__, V = g.__fv_checked__, $ = g.__fv_indeterminate__, Z = g.__fv_disabled__ || g[((we = t.rowOption) == null ? void 0 : we.disabledField) || "disabled"], Q = t.hierarchy && e.isVisibleInTree(g), re = {
       collapse: k,
       data: {},
       dataIndex: R,
@@ -2199,18 +2199,18 @@ function Qo(t, e, n, i, o, l, r) {
       raw: g,
       checked: V,
       disabled: Z,
-      indeterminate: L,
-      setRef: (H) => {
-        re.ref = H;
+      indeterminate: $,
+      setRef: (L) => {
+        re.ref = L;
       },
-      visible: j && Q || j && !t.hierarchy,
+      visible: G && Q || G && !t.hierarchy,
       status: Xe.initial,
-      updateCell: (H, N) => {
-        f(H, g, re, N), e.updateSummary();
+      updateCell: (L, N) => {
+        f(L, g, re, N), e.updateSummary();
       },
-      updateCells: (H, N) => {
+      updateCells: (L, N) => {
         N.forEach((A) => {
-          f(H, g, re, A);
+          f(L, g, re, A);
         });
       }
     };
@@ -2239,10 +2239,10 @@ function Qo(t, e, n, i, o, l, r) {
   return { createEmptyRow: h, createNewRowFromDataItem: y, renderDataRow: b };
 }
 function Ko(t, e, n, i) {
-  const o = F(t.summary), { idField: l } = e, { createCellByField: r } = n, { createEmptyRow: s } = i, d = $(() => {
+  const o = F(t.summary), { idField: l } = e, { createCellByField: r } = n, { createEmptyRow: s } = i, d = H(() => {
     const c = o.value;
     return (c == null ? void 0 : c.groupFields) || [];
-  }), m = $(() => {
+  }), m = H(() => {
     const c = o.value;
     return c && c.enable && c.groupFields && c.groupFields.length > 0;
   });
@@ -2285,54 +2285,54 @@ function tl(t, e, n, i, o) {
     onClickRowExcludeDblclick: c
   } = i, p = /* @__PURE__ */ new Map([["boolean", "check-box"], ["datetime", "date-picker"], ["enum", "combo-list"], ["number", "number-spinner"], ["string", "input-group"], ["text", "text"], ["commands", "commands-editor"]]);
   let f, h, y, M, b;
-  function T(H) {
-    return h && h.raw[s.value] === H ? h : null;
+  function T(L) {
+    return h && h.raw[s.value] === L ? h : null;
   }
   const x = ni({});
-  function v(H) {
-    return (H == null ? void 0 : H.field) !== xn && (H == null ? void 0 : H.field) !== So;
+  function v(L) {
+    return (L == null ? void 0 : L.field) !== xn && (L == null ? void 0 : L.field) !== So;
   }
-  function S(H, N, A = {}) {
-    H.mode = Ve.editing, f = H, h = N, y = Ce(N == null ? void 0 : N.raw, H.field), M = A;
+  function S(L, N, A = {}) {
+    L.mode = Ve.editing, f = L, h = N, y = Ce(N == null ? void 0 : N.raw, L.field), M = A;
     for (const U in x)
       delete x[U];
   }
-  function g(H) {
-    H.accept(), H.mode = Ve.editable, f = null;
+  function g(L) {
+    L.accept(), L.mode = Ve.editable, f = null;
   }
-  function C(H) {
-    g(H);
+  function C(L) {
+    g(L);
     const N = {};
     h && (Object.keys(h).forEach((A) => {
       N[A] = h == null ? void 0 : h[A];
     }), h = null), e.emit("endEditCell", {
-      cell: H,
+      cell: L,
       row: N,
-      newValue: Ce(N == null ? void 0 : N.raw, H.field),
+      newValue: Ce(N == null ? void 0 : N.raw, L.field),
       oldValue: y,
       column: M,
       editor: x
     });
   }
-  function w(H) {
+  function w(L) {
     const N = Promise.resolve(!0);
-    return H ? N.then(() => en(t.beforeEndEditCell) ? !0 : typeof t.beforeEndEditCell == "function" ? t.beforeEndEditCell({
-      cell: H,
+    return L ? N.then(() => en(t.beforeEndEditCell) ? !0 : typeof t.beforeEndEditCell == "function" ? t.beforeEndEditCell({
+      cell: L,
       row: h,
-      newValue: H.editingData,
+      newValue: L.editingData,
       oldValue: y
-    }) : () => !0).then((A) => (A && (C(H), h && (h = null)), A)) : N;
+    }) : () => !0).then((A) => (A && (C(L), h && (h = null)), A)) : N;
   }
-  function I(H) {
-    if (b && b !== H.target) {
+  function I(L) {
+    if (b && b !== L.target) {
       b = null;
       return;
     }
     if (document.body.classList.contains("lookup-modal-open"))
       return;
-    const A = H.target;
+    const A = L.target;
     if (!(A != null && A.closest(".popover"))) {
-      if (H instanceof MouseEvent || H.key !== "Enter") {
+      if (L instanceof MouseEvent || L.key !== "Enter") {
         const U = A.closest(".fv-grid-cell");
         if (f && f.ref && f.ref === U)
           return;
@@ -2347,74 +2347,74 @@ function tl(t, e, n, i, o) {
       r.value = !1, window.closeModal && delete window.closeModal;
     });
   }
-  function P(H, N, A) {
+  function P(L, N, A) {
     return Promise.resolve().then(() => {
       var q;
       const U = (q = A.editor) == null ? void 0 : q.readonly;
       return !en(t.beforeEditCell) && typeof t.beforeEditCell == "function" ? t.beforeEditCell({
-        row: H,
+        row: L,
         cell: N,
-        rawData: H.raw,
+        rawData: L.raw,
         column: A
       }) : !U;
     }).then((U) => {
-      U && (l() ? (r.value = !0, B()) : S(N, H, A), document.body.removeEventListener("click", I, !0), document.body.addEventListener("click", I, !0));
+      U && (l() ? (r.value = !0, B()) : S(N, L, A), document.body.removeEventListener("click", I, !0), document.body.addEventListener("click", I, !0));
     });
   }
-  function R(H, N, A, U = {}) {
-    H.stopPropagation(), c(H, A), v(N.column) && d.value && m.value.editMode === "cell" && N.mode === Ve.editable && w(f).then(() => {
+  function R(L, N, A, U = {}) {
+    L.stopPropagation(), c(L, A), v(N.column) && d.value && m.value.editMode === "cell" && N.mode === Ve.editable && w(f).then(() => {
       f || P(A, N, U);
     });
   }
-  function E(H, N, A, U = {}) {
-    l() || H.stopPropagation(), a(H, A), v(N.column) && d.value && m.value.editMode === "cell" && N.mode === Ve.editable && w(f).then(() => {
+  function E(L, N, A, U = {}) {
+    l() || L.stopPropagation(), a(L, A), v(N.column) && d.value && m.value.editMode === "cell" && N.mode === Ve.editable && w(f).then(() => {
       f || P(A, N, U);
     });
   }
-  function _(H) {
-    H.stopPropagation(), b = H.target;
+  function _(L) {
+    L.stopPropagation(), b = L.target;
   }
-  function k(H) {
-    H.stopPropagation(), b && (b = null);
+  function k(L) {
+    L.stopPropagation(), b && (b = null);
   }
-  function j(H) {
-    Object.values(H.data).filter((N) => N.mode === Ve.editable && v(N.column)).forEach((N) => {
+  function G(L) {
+    Object.values(L.data).filter((N) => N.mode === Ve.editable && v(N.column)).forEach((N) => {
       N.mode = Ve.editing;
-    }), H.status = Xe.editing, h = H;
+    }), L.status = Xe.editing, h = L;
   }
-  function V(H, N) {
-    Object.values(H.data).filter((A) => A.mode === Ve.editing).forEach((A) => {
+  function V(L, N) {
+    Object.values(L.data).filter((A) => A.mode === Ve.editing).forEach((A) => {
       N ? A.accept() : A.cancel(), A.mode = Ve.editable;
-    }), H.status = Xe.initial, h === H && (h = null);
+    }), L.status = Xe.initial, h === L && (h = null);
   }
-  function L(H) {
-    d.value && m.value.editMode === "row" && h !== H && (h && V(h, !1), j(H));
+  function $(L) {
+    d.value && m.value.editMode === "row" && h !== L && (h && V(h, !1), G(L));
   }
-  function Z(H) {
-    V(H, !0), H.status = Xe.initial;
+  function Z(L) {
+    V(L, !0), L.status = Xe.initial;
   }
-  function Q(H) {
-    V(H, !1), H.status = Xe.initial;
+  function Q(L) {
+    V(L, !1), L.status = Xe.initial;
   }
-  function re(H, N, A) {
+  function re(L, N, A) {
     const U = N.dataType, q = N.editor || {
       type: p.get(U) || "input-group"
     };
-    return !u.value && q.type === "text" && (q.type = "input-group"), q && v(H.column) ? (q.type === "input-group" && (q.textAlign = N.align !== "center" && N.align !== "right" ? "left" : N.align, q.updateOn = "change"), q.type === "number-spinner" && (q.updateOn = "change"), q.type === "textarea" && (q.lineBreak = "alt enter"), q.context = {
+    return !u.value && q.type === "text" && (q.type = "input-group"), q && v(L.column) ? (q.type === "input-group" && (q.textAlign = N.align !== "center" && N.align !== "right" ? "left" : N.align, q.updateOn = "change"), q.type === "number-spinner" && (q.updateOn = "change"), q.type === "textarea" && (q.lineBreak = "alt enter"), q.context = {
       rowData: A.raw,
       column: N,
-      cell: H,
+      cell: L,
       editor: x
     }, q.readonly = !1, O(Ji, {
       focusOnCreated: t.focusOnEditingCell,
       selectOnCreated: t.selectOnEditingCell,
       editor: q,
-      modelValue: H.editingData,
-      "onUpdate:modelValue": (te) => H.editingData = te,
+      modelValue: L.editingData,
+      "onUpdate:modelValue": (te) => L.editingData = te,
       id: N.id,
       onMousedown: (te) => _(te),
       onMouseup: (te) => k(te)
-    }, null)) : H.data;
+    }, null)) : L.data;
   }
   function ke() {
     w(f);
@@ -2422,10 +2422,10 @@ function tl(t, e, n, i, o) {
   ve(() => t.editable, () => {
     d.value = t.editable;
   }), ve(() => {
-    var H;
-    return (H = t.editOption) == null ? void 0 : H.editMode;
-  }, (H) => {
-    m.value.editMode = H;
+    var L;
+    return (L = t.editOption) == null ? void 0 : L.editMode;
+  }, (L) => {
+    m.value.editMode = L;
   });
   function we() {
     f = null, h = null, M = null, b = null, document.body.removeEventListener("click", I, !0);
@@ -2435,7 +2435,7 @@ function tl(t, e, n, i, o) {
     onClickOutOfCell: I,
     onClickCell: E,
     onClickCellByKeyboard: R,
-    onEditingRow: L,
+    onEditingRow: $,
     acceptEditingRow: Z,
     cancelEditingRow: Q,
     getEditingSnapshot: T,
@@ -2486,8 +2486,8 @@ function il(t, e, n, i) {
       "fv-grid-disabled": P.disabled
     };
     if ((k = t.rowOption) != null && k.customRowStyle) {
-      const j = t.rowOption.customRowStyle(P.raw) || {};
-      return Object.assign({}, _, j.class || {});
+      const G = t.rowOption.customRowStyle(P.raw) || {};
+      return Object.assign({}, _, G.class || {});
     }
     return _;
   }
@@ -2518,9 +2518,9 @@ function il(t, e, n, i) {
     f(E), R !== E && e.emit("selectionChange", [P.raw], { id: E, data: P.raw });
   }
   function x(P, R) {
-    var k, j;
+    var k, G;
     if (s.value && !(R != null && R.shiftKey) || a.value) {
-      (k = t.selection) != null && k.keepSelectingOnClick ? d(P) : m(P, (j = t.selection) == null ? void 0 : j.keepSelectingOnClick), u();
+      (k = t.selection) != null && k.keepSelectingOnClick ? d(P) : m(P, (G = t.selection) == null ? void 0 : G.keepSelectingOnClick), u();
       return;
     }
     if (s.value && (R == null ? void 0 : R.shiftKey) || r.value) {
@@ -2558,8 +2558,8 @@ function il(t, e, n, i) {
       "align-items-center": !0
     };
     if ((k = t.rowOption) != null && k.customRowStyle) {
-      const j = t.rowOption.customRowStyle(P.raw) || {};
-      return Object.assign({}, _, j.class || {});
+      const G = t.rowOption.customRowStyle(P.raw) || {};
+      return Object.assign({}, _, G.class || {});
     }
     return _;
   }
@@ -2579,77 +2579,77 @@ function il(t, e, n, i) {
   };
 }
 function ol(t, e, n, i, o) {
-  const { idField: l } = n, { dataView: r, getSelectionItems: s } = e, d = F(""), m = $(() => t.selection.enableSelectRow), u = F(t.selection.multiSelect ?? !1), a = F(t.selection.multiSelectMode || "DependOnCheck"), c = F(t.selection.showCheckbox), p = $(() => {
-    var G;
-    return !!((G = t.selection) != null && G.showSelectAll);
-  }), f = F(t.selectionValues || []), h = $(() => t.selection.showSelection), y = $(() => {
-    var G;
-    return ((G = t.selection) == null ? void 0 : G.keepSelectingOnPaging) === void 0 ? !0 : t.selection.keepSelectingOnPaging;
-  }), M = F(!!f.value.length && i.value.length === f.value.length), b = F(!!f.value.length && i.value.length !== f.value.length), T = $(() => m.value && u.value), x = $(
+  const { idField: l } = n, { dataView: r, getSelectionItems: s } = e, d = F(""), m = H(() => t.selection.enableSelectRow), u = F(t.selection.multiSelect ?? !1), a = F(t.selection.multiSelectMode || "DependOnCheck"), c = F(t.selection.showCheckbox), p = H(() => {
+    var j;
+    return !!((j = t.selection) != null && j.showSelectAll);
+  }), f = F(t.selectionValues || []), h = H(() => t.selection.showSelection), y = H(() => {
+    var j;
+    return ((j = t.selection) == null ? void 0 : j.keepSelectingOnPaging) === void 0 ? !0 : t.selection.keepSelectingOnPaging;
+  }), M = F(!!f.value.length && i.value.length === f.value.length), b = F(!!f.value.length && i.value.length !== f.value.length), T = H(() => m.value && u.value), x = H(
     () => m.value && !u.value && !c.value
-  ), v = $(() => !!t.hierarchy), S = $(() => {
-    const G = c.value && a.value === "DependOnCheck";
-    return T.value && G;
-  }), g = $(() => T.value && !c.value), C = $(() => T.value && c.value && a.value === "OnCheckAndClick");
+  ), v = H(() => !!t.hierarchy), S = H(() => {
+    const j = c.value && a.value === "DependOnCheck";
+    return T.value && j;
+  }), g = H(() => T.value && !c.value), C = H(() => T.value && c.value && a.value === "OnCheckAndClick");
   function w() {
     if (!y.value) {
-      const G = r.value.map((K) => K[l.value]);
-      f.value = f.value.filter((K) => G.includes(K));
+      const j = r.value.map((K) => K[l.value]);
+      f.value = f.value.filter((K) => j.includes(K));
     }
   }
   function I() {
-    const G = r.value.every((Y) => f.value.includes(Y[l.value])), K = r.value.every((Y) => !f.value.includes(Y[l.value]));
-    G && (M.value = !0, b.value = !1), K && (M.value = !1, b.value = !1), !G && !K && (M.value = !1, b.value = !0);
+    const j = r.value.every((Y) => f.value.includes(Y[l.value])), K = r.value.every((Y) => !f.value.includes(Y[l.value]));
+    j && (M.value = !0, b.value = !1), K && (M.value = !1, b.value = !1), !j && !K && (M.value = !1, b.value = !0);
   }
   function B() {
     return s(f.value);
   }
   function P() {
-    const G = i.value.reduce((Y, ye) => (Y.set(ye.raw[l.value], ye), Y), /* @__PURE__ */ new Map());
-    return f.value.map((Y) => G.get(Y)).filter((Y) => !!Y);
+    const j = i.value.reduce((Y, ye) => (Y.set(ye.raw[l.value], ye), Y), /* @__PURE__ */ new Map());
+    return f.value.map((Y) => j.get(Y)).filter((Y) => !!Y);
   }
-  function R(G) {
+  function R(j) {
     var Y;
-    const K = G.raw.__fv_children_index__;
+    const K = j.raw.__fv_children_index__;
     if (K && K.length) {
       const ye = K.map((be) => r.value[be]);
-      (Y = f.value) != null && Y.length && ye.some((Re) => !f.value.includes(Re[l.value])) && (G.indeterminate = !0, G.raw.__fv_indeterminate__ = !0);
+      (Y = f.value) != null && Y.length && ye.some((Re) => !f.value.includes(Re[l.value])) && (j.indeterminate = !0, j.raw.__fv_indeterminate__ = !0);
     }
   }
   function E() {
-    const G = s(f.value);
-    o.emit("selectionUpdate", G, f.value);
+    const j = s(f.value);
+    o.emit("selectionUpdate", j, f.value);
   }
-  function _(G) {
-    o.emit("unSelectItem", G);
+  function _(j) {
+    o.emit("unSelectItem", j);
   }
-  function k(G) {
-    o.emit("selectItem", G);
+  function k(j) {
+    o.emit("selectItem", j);
   }
-  function j() {
-    const G = i.value.filter((Y) => Y.indeterminate).map((Y) => Y.raw[l.value]);
+  function G() {
+    const j = i.value.filter((Y) => Y.indeterminate).map((Y) => Y.raw[l.value]);
     i.value.forEach((Y) => {
       Y.checked = !1, Y.indeterminate = !1, Y.raw.__fv_checked__ = !1, Y.raw.__fv_indeterminate__ = !1;
     }), P().forEach((Y) => {
       Y.checked = !0, Y.raw.__fv_checked__ = !0;
-    }), G.forEach((Y) => {
+    }), j.forEach((Y) => {
       const ye = i.value.find((be) => be.raw[l.value] === Y);
       R(ye);
     });
   }
   ve(() => i.value, () => {
-    j();
-  }), ve(() => t.selectionValues, (G) => {
-    f.value = G, j();
-  }, { immediate: !0 }), ve(() => t.selection, (G) => {
-    u.value = !!G.multiSelect, a.value = G.multiSelectMode || "DependOnCheck", c.value = !!G.showCheckbox;
+    G();
+  }), ve(() => t.selectionValues, (j) => {
+    f.value = j, G();
+  }, { immediate: !0 }), ve(() => t.selection, (j) => {
+    u.value = !!j.multiSelect, a.value = j.multiSelectMode || "DependOnCheck", c.value = !!j.showCheckbox;
   });
-  const V = $(() => !u.value);
-  function L(G) {
-    return G.raw[l.value];
+  const V = H(() => !u.value);
+  function $(j) {
+    return j.raw[l.value];
   }
-  function Z(G) {
-    return f.value.findIndex((Y) => Y === L(G));
+  function Z(j) {
+    return f.value.findIndex((Y) => Y === $(j));
   }
   function Q() {
     P().forEach((Y) => {
@@ -2658,71 +2658,71 @@ function ol(t, e, n, i, o) {
       Y.__fv_checked__ = !1;
     }), f.value = [], I();
   }
-  function re(G) {
-    const K = G;
+  function re(j) {
+    const K = j;
     K.__fv_checked__ = !0, K.__fv_indeterminate__ = !1;
     const Y = new Set(f.value);
     Y.add(K[l.value]), f.value = Array.from(Y.values()), w();
   }
-  function ke(G) {
-    const K = G;
+  function ke(j) {
+    const K = j;
     K.__fv_checked__ = !1, K.__fv_indeterminate__ = !1, f.value = f.value.filter((Y) => Y !== K[l.value]), w();
   }
-  function we(G) {
-    const K = G.raw;
+  function we(j) {
+    const K = j.raw;
     K.__fv_checked__ = !0, K.__fv_indeterminate__ = !1;
     const Y = new Set(f.value);
-    Y.add(K[l.value]), f.value = Array.from(Y.values()), w(), G.checked = !0, G.indeterminate = !1, E(), k(G);
+    Y.add(K[l.value]), f.value = Array.from(Y.values()), w(), j.checked = !0, j.indeterminate = !1, E(), k(j);
   }
-  function Te(G) {
-    const K = G.raw;
-    K.__fv_checked__ = !1, K.__fv_indeterminate__ = !1, f.value = f.value.filter((Y) => Y !== K[l.value]), w(), G.checked = !1, G.indeterminate = !1, E(), _(G);
+  function Te(j) {
+    const K = j.raw;
+    K.__fv_checked__ = !1, K.__fv_indeterminate__ = !1, f.value = f.value.filter((Y) => Y !== K[l.value]), w(), j.checked = !1, j.indeterminate = !1, E(), _(j);
   }
-  function H(G) {
-    G.disabled || we(G);
+  function L(j) {
+    j.disabled || we(j);
   }
-  function N(G) {
-    G.disabled || Te(G);
+  function N(j) {
+    j.disabled || Te(j);
   }
-  function A(G) {
-    G.__fv_checked__ = !1, G.__fv_indeterminate__ = !0, f.value = f.value.filter((K) => K !== G[l.value]), w();
+  function A(j) {
+    j.__fv_checked__ = !1, j.__fv_indeterminate__ = !0, f.value = f.value.filter((K) => K !== j[l.value]), w();
   }
-  function U(G) {
-    const K = G.raw;
-    K.__fv_checked__ = !1, K.__fv_indeterminate__ = !0, f.value = f.value.filter((Y) => Y !== K[l.value]), w(), G.checked = !1, G.indeterminate = !0;
+  function U(j) {
+    const K = j.raw;
+    K.__fv_checked__ = !1, K.__fv_indeterminate__ = !0, f.value = f.value.filter((Y) => Y !== K[l.value]), w(), j.checked = !1, j.indeterminate = !0;
   }
-  function q(G) {
-    V.value && Q(), G.checked ? Te(G) : we(G);
+  function q(j) {
+    V.value && Q(), j.checked ? Te(j) : we(j);
   }
-  function te(G, K = !0) {
-    const Y = G.checked;
-    V.value && Q(), K ? G.checked ? N(G) : H(G) : Y ? N(G) : H(G);
+  function te(j, K = !0) {
+    const Y = j.checked;
+    V.value && Q(), K ? j.checked ? N(j) : L(j) : Y ? N(j) : L(j);
   }
-  function se(G) {
-    Q(), H(G);
+  function se(j) {
+    Q(), L(j);
   }
-  function de(G) {
-    const K = i.value.find((Y) => Y.raw[l.value] === G);
+  function de(j) {
+    const K = i.value.find((Y) => Y.raw[l.value] === j);
     if (K)
       se(K);
     else {
-      const Y = r.value.find((ye) => ye[l.value] === G);
+      const Y = r.value.find((ye) => ye[l.value] === j);
       Y && re(Y);
     }
   }
-  function fe(G) {
-    const K = i.value.filter((be) => G.includes(be.raw[l.value])), Y = K.map((be) => be.raw[l.value]), ye = r.value.filter((be) => {
+  function fe(j) {
+    const K = i.value.filter((be) => j.includes(be.raw[l.value])), Y = K.map((be) => be.raw[l.value]), ye = r.value.filter((be) => {
       const Re = be[l.value];
-      return !Y.includes(Re) && G.includes(Re);
+      return !Y.includes(Re) && j.includes(Re);
     });
     K.length || ye.length, K.forEach((be) => {
-      H(be);
+      L(be);
     }), ye.forEach((be) => {
       re(be);
     });
   }
-  function ge(G) {
-    for (const K of G) {
+  function ge(j) {
+    for (const K of j) {
       if (!f.value.includes(K))
         continue;
       const Y = i.value.find((ye) => ye.raw[l.value] === K);
@@ -2734,25 +2734,25 @@ function ol(t, e, n, i, o) {
       }
     }
     f.value = f.value.filter(
-      (K) => !G.includes(K)
+      (K) => !j.includes(K)
     ), w();
   }
   function me() {
-    i.value.forEach((G) => {
-      const K = G.raw;
+    i.value.forEach((j) => {
+      const K = j.raw;
       K.__fv_checked__ = !0, K.__fv_indeterminate__ = !1;
       const Y = new Set(f.value);
-      Y.add(K[l.value]), f.value = Array.from(Y.values()), w(), G.checked = !0, G.indeterminate = !1;
+      Y.add(K[l.value]), f.value = Array.from(Y.values()), w(), j.checked = !0, j.indeterminate = !1;
     });
   }
   function Ie() {
-    i.value.forEach((G) => {
-      const K = G.raw;
-      K.__fv_checked__ = !1, K.__fv_indeterminate__ = !1, f.value = f.value.filter((Y) => Y !== K[l.value]), w(), G.checked = !1, G.indeterminate = !1;
+    i.value.forEach((j) => {
+      const K = j.raw;
+      K.__fv_checked__ = !1, K.__fv_indeterminate__ = !1, f.value = f.value.filter((Y) => Y !== K[l.value]), w(), j.checked = !1, j.indeterminate = !1;
     });
   }
-  function Le() {
-    return i.value.find((G) => G.raw[l.value] === d.value);
+  function $e() {
+    return i.value.find((j) => j.raw[l.value] === d.value);
   }
   function Se() {
     d.value = "";
@@ -2764,7 +2764,7 @@ function ol(t, e, n, i, o) {
     enableSelectRow: m,
     findIndexInSelectedItems: Z,
     getSelectedItems: B,
-    getSelectionRow: Le,
+    getSelectionRow: $e,
     indeterminate: U,
     indeterminateDataItem: A,
     isSelectingHirarchyItem: v,
@@ -2772,7 +2772,7 @@ function ol(t, e, n, i, o) {
     multiSelectOnClickRow: C,
     multiSelectOnClickRowWithShift: g,
     multiSelectOnlyOnCheck: S,
-    select: H,
+    select: L,
     selectAll: me,
     selectedValues: f,
     selectDataItem: re,
@@ -2799,10 +2799,10 @@ function ol(t, e, n, i, o) {
 }
 function ll(t, e) {
   var y, M;
-  const n = String(Date.now()), i = 50, { showCheckBox: o } = e, l = F(((y = t.rowNumber) == null ? void 0 : y.enable) ?? !1), r = $(() => t.hierarchy && o.value && t.selection.enableSelectRow && t.selection.multiSelect ? !0 : o.value), s = F(l.value ? ((M = t.rowNumber) == null ? void 0 : M.width) ?? 36 : 0), d = F(r.value ? i : 0), m = $(() => {
+  const n = String(Date.now()), i = 50, { showCheckBox: o } = e, l = F(((y = t.rowNumber) == null ? void 0 : y.enable) ?? !1), r = H(() => t.hierarchy && o.value && t.selection.enableSelectRow && t.selection.multiSelect ? !0 : o.value), s = F(l.value ? ((M = t.rowNumber) == null ? void 0 : M.width) ?? 36 : 0), d = F(r.value ? i : 0), m = H(() => {
     var b, T;
     return l.value ? ((b = t.rowNumber) == null ? void 0 : b.heading) === "序号" ? Ae.getLocaleValue("datagrid.lineNumberTitle") : (T = t.rowNumber) == null ? void 0 : T.heading : "";
-  }), u = $(() => (r.value ? Number(d.value) : 0) + (l.value ? Number(s.value) : 0)), a = $(() => r.value && (!t.hierarchy || t.hierarchy && t.checkboxPosition === "leading"));
+  }), u = H(() => (r.value ? Number(d.value) : 0) + (l.value ? Number(s.value) : 0)), a = H(() => r.value && (!t.hierarchy || t.hierarchy && t.checkboxPosition === "leading"));
   ve(() => t.rowNumber, (b) => {
     b && b.enable !== void 0 && (l.value = b.enable), b && b.width !== void 0 && (s.value = b.width);
   });
@@ -2819,7 +2819,7 @@ function ll(t, e) {
     }
     return T;
   }
-  const p = $(() => ({
+  const p = H(() => ({
     width: `${u.value}px`
   }));
   function f(b) {
@@ -2912,10 +2912,10 @@ function cl(t, e, n, i, o = "data-grid-column") {
     };
     return l.value.headerDepth > 1 && (R["line-height"] = `${I.depth * c}px`), p.set(B + 1, P + (I.actualWidth || a)), R;
   }
-  const h = $(() => ({
+  const h = H(() => ({
     "fv-grid-header": !0,
     "fv-grid-header-group-columns": l.value.headerDepth > 1
-  })), y = $(() => ({
+  })), y = H(() => ({
     height: `${l.value.headerDepth * c}px`
   })), M = function(I) {
     return e.showSetting && !!I.showSetting;
@@ -3043,10 +3043,12 @@ const Ct = {
   drawer: { type: "drawer", name: "抽屉" },
   "external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
   "list-nav": { type: "list-nav", name: "列表导航" },
+  nav: { type: "nav", name: "标签类导航" },
   "list-view": { type: "list-view", name: "列表" },
   "filter-bar": { type: "filter-bar", name: "筛选条" },
   "language-textbox": { type: "language-textbox", name: "多语输入框" },
   image: { type: "image", name: "图像" },
+  avatar: { type: "avatar", name: "头像" },
   "discussion-editor": { type: "discussion-editor", name: "评论编辑区" },
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
@@ -3054,7 +3056,8 @@ const Ct = {
   calendar: { type: "calendar", name: "日历", icon: "date-picker" },
   wizard: { type: "wizard", name: "向导", icon: "wizard" },
   "wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
-  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" }
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" }
 };
 class fl extends mo {
   constructor(e, n) {
@@ -3209,7 +3212,7 @@ const dt = /* @__PURE__ */ it({
     }), ii("data-grid-context", {
       dataGridProps: t
     }), e.expose(r.value);
-    const s = F(t.columns), d = 20, m = nl(t), u = 0, a = F(), c = F(), p = F(t.showStripe), f = F([]), h = F(!1), y = F(((Se = t.rowOption) == null ? void 0 : Se.wrapContent) || !1), M = Lo(t, e), b = zo(t), T = Vo(t, /* @__PURE__ */ new Map(), M, b, m), x = ol(t, T, m, f, e), v = $(() => T.totalItems.value < d ? T.totalItems.value : d), {
+    const s = F(t.columns), d = 20, m = nl(t), u = 0, a = F(), c = F(), p = F(t.showStripe), f = F([]), h = F(!1), y = F(((Se = t.rowOption) == null ? void 0 : Se.wrapContent) || !1), M = $o(t, e), b = zo(t), T = Vo(t, /* @__PURE__ */ new Map(), M, b, m), x = ol(t, T, m, f, e), v = H(() => T.totalItems.value < d ? T.totalItems.value : d), {
       containerStyleObject: S
     } = _o(t), g = ko(t), {
       applyCommands: C
@@ -3221,46 +3224,46 @@ const dt = /* @__PURE__ */ it({
       updateColumnRenderContext: R
     } = w;
     B(T, I);
-    const E = Eo(t, P), _ = il(t, e, x, m), k = tl(t, e, m, _), j = Go(t), V = Jo(t, k, j), L = Qo(t, T, k, b, m, j, V), Z = Ko(t, m, V, L), Q = el(t, m, V, L), re = wo(t, s, T, v, u, L, Z, Q), {
+    const E = Eo(t, P), _ = il(t, e, x, m), k = tl(t, e, m, _), G = jo(t), V = Jo(t, k, G), $ = Qo(t, T, k, b, m, G, V), Z = Ko(t, m, V, $), Q = el(t, m, V, $), re = wo(t, s, T, v, u, $, Z, Q), {
       getVisualData: ke
     } = re, we = ll(t, x), {
       sidebarWidth: Te
     } = we;
     f.value = ke(0, v.value + u - 1);
-    const H = Wo(t, T, f, P, re, v, u, Te), {
+    const L = Wo(t, T, f, P, re, v, u, Te), {
       onWheel: N,
       dataGridWidth: A,
       viewPortHeight: U,
       viewPortWidth: q
-    } = H, te = yo(t, P, a, q, E), {
+    } = L, te = yo(t, P, a, q, E), {
       calculateColumnsSize: se
-    } = te, de = $(() => ({
+    } = te, de = H(() => ({
       "fv-grid": !0,
       "fv-grid-bordered": !0,
       "fv-datagrid-strip": p.value
-    })), fe = $(() => ({
+    })), fe = H(() => ({
       "fv-grid-content": !0,
       "fv-grid-content-hover": h.value,
       "fv-grid-wrap-content": y.value
     })), {
       renderGridHeader: ge
-    } = cl(o, t, w, H), {
+    } = cl(o, t, w, L), {
       renderHorizontalScrollbar: me
-    } = Fo(t, a, H);
+    } = Fo(t, a, L);
     function Ie() {
-      var G, K;
-      U.value = ((G = c.value) == null ? void 0 : G.clientHeight) || 0, A.value = ((K = a.value) == null ? void 0 : K.clientWidth) || 0, se();
+      var j, K;
+      U.value = ((j = c.value) == null ? void 0 : j.clientHeight) || 0, A.value = ((K = a.value) == null ? void 0 : K.clientWidth) || 0, se();
     }
     Ke(() => {
       a.value && (gi(a.value, Ie), se(), at(() => {
         a.value && (A.value = a.value.clientWidth), c.value && (q.value = c.value.clientWidth, U.value = c.value.clientHeight);
       }));
     });
-    function Le(G) {
-      G && (s.value = G, C(s), R(s.value), B(T, I), se());
+    function $e(j) {
+      j && (s.value = j, C(s), R(s.value), B(T, I), se());
     }
-    return ve(() => t.columns, (G) => {
-      Le(G), bt.value++;
+    return ve(() => t.columns, (j) => {
+      $e(j), bt.value++;
     }), ve(q, () => {
       a.value && se();
     }), () => O("div", {
@@ -3416,14 +3419,14 @@ const dt = /* @__PURE__ */ it({
   props: gl,
   emits: ["click"],
   setup(t, e) {
-    const n = F(t.popupContentPosition), i = F(t.host), o = $(() => ({
+    const n = F(t.popupContentPosition), i = F(t.host), o = H(() => ({
       backgroundColor: t.backgroundColor || "",
       pointerEvents: "auto"
     }));
     function l(s) {
       e.emit("click"), s.preventDefault(), s.stopPropagation();
     }
-    $(() => {
+    H(() => {
       const s = i.value;
       if (s) {
         const d = s.getBoundingClientRect(), {
@@ -3438,7 +3441,7 @@ const dt = /* @__PURE__ */ it({
       }
       return n.value;
     });
-    const r = $(() => ({
+    const r = H(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
@@ -3669,43 +3672,43 @@ class rt {
 function wl(t, e) {
   const n = F(), i = F(), o = F(), l = F(), r = F(), s = F(), d = F(), m = F(), u = F(), a = F(), c = F(), p = F(t.resizeable), f = F(), h = F(t.draggable), y = F(!1);
   function M() {
-    const V = i.value || document.body, L = window.getComputedStyle(V);
-    if (!L || !n.value)
+    const V = i.value || document.body, $ = window.getComputedStyle(V);
+    if (!$ || !n.value)
       return;
     const Z = Pe.getTransformInfo(n.value), Q = {};
     d.value && (Q.deltaL = n.value.offsetLeft - d.value.x, Q.deltaT = n.value.offsetTop - d.value.y);
-    const re = L.getPropertyValue("position");
-    Q.width = V.clientWidth, Q.height = V.clientHeight, Q.pr = parseInt(L.getPropertyValue("padding-right"), 10), Q.pb = parseInt(L.getPropertyValue("padding-bottom"), 10), Q.position = L.getPropertyValue("position"), re === "static" && (V.style.position = "relative"), Q.translateX = Z.x, Q.translateY = Z.y, a.value = Q;
+    const re = $.getPropertyValue("position");
+    Q.width = V.clientWidth, Q.height = V.clientHeight, Q.pr = parseInt($.getPropertyValue("padding-right"), 10), Q.pb = parseInt($.getPropertyValue("padding-bottom"), 10), Q.position = $.getPropertyValue("position"), re === "static" && (V.style.position = "relative"), Q.translateX = Z.x, Q.translateY = Z.y, a.value = Q;
   }
   function b(V) {
     if (n.value) {
       l.value = rt.getCurrent(n.value), r.value = Pe.getCurrent(n.value), s.value = l.value ? rt.copy(l.value) : null, d.value = r.value ? Pe.copy(r.value) : null, M();
-      const L = V.target.getAttribute("type") || "";
+      const $ = V.target.getAttribute("type") || "";
       m.value = {
-        n: !!L.match(/n/),
-        s: !!L.match(/s/),
-        w: !!L.match(/w/),
-        e: !!L.match(/e/)
+        n: !!$.match(/n/),
+        s: !!$.match(/s/),
+        w: !!$.match(/w/),
+        e: !!$.match(/e/)
       };
     }
   }
   function T() {
-    var V, L, Z, Q;
+    var V, $, Z, Q;
     if (n.value) {
       const re = n.value;
-      m.value && ((m.value.n || m.value.s) && ((V = s.value) != null && V.height) && (re.style.height = s.value.height + "px"), (m.value.w || m.value.e) && ((L = s.value) != null && L.width) && (re.style.width = s.value.width + "px"), d.value && ((Z = d.value) != null && Z.x && (re.style.left = d.value.x + "px"), (Q = d.value) != null && Q.y && (re.style.top = d.value.y + "px")));
+      m.value && ((m.value.n || m.value.s) && ((V = s.value) != null && V.height) && (re.style.height = s.value.height + "px"), (m.value.w || m.value.e) && (($ = s.value) != null && $.width) && (re.style.width = s.value.width + "px"), d.value && ((Z = d.value) != null && Z.x && (re.style.left = d.value.x + "px"), (Q = d.value) != null && Q.y && (re.style.top = d.value.y + "px")));
     }
   }
   function x() {
-    const V = t.minHeight ? t.minHeight : 1, L = t.minWidth ? t.minWidth : 1;
-    s.value && d.value && m.value && l.value && (s.value.height < V && (s.value.height = V, m.value.n && r.value && (d.value.y = r.value.y + (l.value.height - V))), s.value.width < L && (s.value.width = L, m.value.w && r.value && (d.value.x = r.value.x + (l.value.width - L))), t.maxHeight && s.value.height > t.maxHeight && (s.value.height = t.maxHeight, r.value && m.value.n && (d.value.y = r.value.y + (l.value.height - t.maxHeight))), t.maxWidth && s.value.width > t.maxWidth && (s.value.width = t.maxWidth, m.value.w && r.value && (d.value.x = r.value.x + (l.value.width - t.maxWidth))));
+    const V = t.minHeight ? t.minHeight : 1, $ = t.minWidth ? t.minWidth : 1;
+    s.value && d.value && m.value && l.value && (s.value.height < V && (s.value.height = V, m.value.n && r.value && (d.value.y = r.value.y + (l.value.height - V))), s.value.width < $ && (s.value.width = $, m.value.w && r.value && (d.value.x = r.value.x + (l.value.width - $))), t.maxHeight && s.value.height > t.maxHeight && (s.value.height = t.maxHeight, r.value && m.value.n && (d.value.y = r.value.y + (l.value.height - t.maxHeight))), t.maxWidth && s.value.width > t.maxWidth && (s.value.width = t.maxWidth, m.value.w && r.value && (d.value.x = r.value.x + (l.value.width - t.maxWidth))));
   }
   function v() {
     if (i.value) {
       const V = a.value;
       if (d.value && s.value && m.value && l.value) {
-        const L = V.width - V.pr - V.deltaL - V.translateX - d.value.x, Z = V.height - V.pb - V.deltaT - V.translateY - d.value.y;
-        m.value.n && d.value.y + V.translateY < 0 && r.value && (d.value.y = -V.translateY, s.value.height = l.value.height + r.value.y + V.translateY), m.value.w && d.value.x + V.translateX < 0 && r.value && (d.value.x = -V.translateX, s.value.width = l.value.width + r.value.x + V.translateX), s.value.width > L && (s.value.width = L), s.value.height > Z && (s.value.height = Z);
+        const $ = V.width - V.pr - V.deltaL - V.translateX - d.value.x, Z = V.height - V.pb - V.deltaT - V.translateY - d.value.y;
+        m.value.n && d.value.y + V.translateY < 0 && r.value && (d.value.y = -V.translateY, s.value.height = l.value.height + r.value.y + V.translateY), m.value.w && d.value.x + V.translateX < 0 && r.value && (d.value.x = -V.translateX, s.value.width = l.value.width + r.value.x + V.translateX), s.value.width > $ && (s.value.width = $), s.value.height > Z && (s.value.height = Z);
       }
     }
   }
@@ -3713,27 +3716,27 @@ function wl(t, e) {
     if (!o.value || !l.value || !r.value || !m.value)
       return;
     V.subtract(o.value);
-    const L = V.x, Z = V.y;
-    m.value.n ? (d.value.y = r.value.y + Z, s.value.height = l.value.height - Z) : m.value.s && (s.value.height = l.value.height + Z), m.value.e ? s.value.width = l.value.width + L : m.value.w && (s.value.width = l.value.width - L, d.value.x = r.value.x + L), v(), x(), T();
+    const $ = V.x, Z = V.y;
+    m.value.n ? (d.value.y = r.value.y + Z, s.value.height = l.value.height - Z) : m.value.s && (s.value.height = l.value.height + Z), m.value.e ? s.value.width = l.value.width + $ : m.value.w && (s.value.width = l.value.width - $, d.value.x = r.value.x + $), v(), x(), T();
   }
   function g(V) {
     if (!u.value)
       return;
-    const L = Pe.fromEvent(V);
-    L && S(L);
+    const $ = Pe.fromEvent(V);
+    $ && S($);
   }
   function C() {
     if (n.value) {
       const {
         width: V,
-        height: L,
+        height: $,
         x: Z,
         y: Q
       } = n.value.getBoundingClientRect(), re = Pe.getTransformInfo(n.value);
       return {
         size: {
           width: V,
-          height: L
+          height: $
         },
         position: {
           x: Z - re.x,
@@ -3745,8 +3748,8 @@ function wl(t, e) {
   }
   function w(V) {
     if (n.value) {
-      const L = C();
-      c.value = L;
+      const $ = C();
+      c.value = $;
     }
     o.value = void 0, l.value = null, r.value = null, s.value = null, d.value = null, m.value = null, u.value = null, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", w);
   }
@@ -3760,40 +3763,40 @@ function wl(t, e) {
     return n.value = V, p.value && O(Ze, null, [O("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
-      onMousedown: (L) => B(L)
+      onMousedown: ($) => B($)
     }, null), O("div", {
       class: "fv-resizable-handle fv-resizable-e",
       type: "e",
-      onMousedown: (L) => B(L)
+      onMousedown: ($) => B($)
     }, null), O("div", {
       class: "fv-resizable-handle fv-resizable-s",
       type: "s",
-      onMousedown: (L) => B(L)
+      onMousedown: ($) => B($)
     }, null), O("div", {
       class: "fv-resizable-handle fv-resizable-w",
       type: "w",
-      onMousedown: (L) => B(L)
+      onMousedown: ($) => B($)
     }, null), O("div", {
       class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
-      onMousedown: (L) => B(L)
+      onMousedown: ($) => B($)
     }, null), O("div", {
       class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
-      onMousedown: (L) => B(L)
+      onMousedown: ($) => B($)
     }, null), O("div", {
       class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
-      onMousedown: (L) => B(L)
+      onMousedown: ($) => B($)
     }, null), O("div", {
       class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
-      onMousedown: (L) => B(L)
+      onMousedown: ($) => B($)
     }, null)]);
   }
   function R(V = !0) {
     document.body.click();
-    const L = i.value || document.body, Z = rt.getCurrent(L), Q = n.value;
+    const $ = i.value || document.body, Z = rt.getCurrent($), Q = n.value;
     V && Q && (f.value = C(), f.value.transform = Q.style.transform), Z && Q && (s.value = Z, s.value.height -= 14, s.value.width -= 14, Q.style.height = s.value.height + "px", Q.style.width = s.value.width + "px", Q.style.left = "7px", Q.style.top = "7px", Q.style.transform = "", c.value = {
       size: s.value,
       position: {
@@ -3803,7 +3806,7 @@ function wl(t, e) {
     }, h.value = !1, y.value = !0);
   }
   function E() {
-    var V, L;
+    var V, $;
     if (document.body.click(), f.value) {
       const Z = {
         width: f.value.size.width || 0,
@@ -3812,7 +3815,7 @@ function wl(t, e) {
         x: (window.innerWidth - Z.width) / 2,
         y: (window.innerHeight - Z.height) / 2
       };
-      (V = s.value) == null || V.set(Z), (L = d.value) == null || L.set(Q);
+      (V = s.value) == null || V.set(Z), ($ = d.value) == null || $.set(Q);
       const re = n.value;
       re.style.height = Z.height + "px", re.style.width = Z.width + "px", re.style.left = `${Q.x}px`, re.style.top = `${Q.y}px`, re.style.transform = "", c.value = {
         size: Z,
@@ -3825,10 +3828,10 @@ function wl(t, e) {
       const V = rt.getCurrent(n.value);
       if (V) {
         const {
-          width: L,
+          width: $,
           height: Z
         } = V;
-        n.value.style.left = `${(window.innerWidth - L) / 2}px`, n.value.style.top = `${(window.innerHeight - Z) / 2}px`, n.value.style.transform = "";
+        n.value.style.left = `${(window.innerWidth - $) / 2}px`, n.value.style.top = `${(window.innerHeight - Z) / 2}px`, n.value.style.transform = "";
       }
     }
   }
@@ -3840,7 +3843,7 @@ function wl(t, e) {
       window.removeEventListener("resize", V);
     };
   }
-  const j = k();
+  const G = k();
   return {
     renderResizeBar: P,
     boundingElement: i,
@@ -3849,7 +3852,7 @@ function wl(t, e) {
     restore: E,
     allowDrag: h,
     isMaximized: y,
-    unWindowResizeHandle: j,
+    unWindowResizeHandle: G,
     moveToCenter: _
   };
 }
@@ -3994,14 +3997,14 @@ const wt = /* @__PURE__ */ it({
       handle: (z) => {
         v(z, !0);
       }
-    }], g = F(t.buttons && t.buttons.length ? t.buttons : S), C = $(() => !!m.value), w = $(() => !!y.value && !!g.value), I = F(), B = F(), P = F(!1), {
+    }], g = F(t.buttons && t.buttons.length ? t.buttons : S), C = H(() => !!m.value), w = H(() => !!y.value && !!g.value), I = F(), B = F(), P = F(!1), {
       renderResizeBar: R,
       maximize: E,
       restore: _,
       boundingElement: k,
-      resizedEventParam: j,
+      resizedEventParam: G,
       allowDrag: V,
-      unWindowResizeHandle: L,
+      unWindowResizeHandle: $,
       moveToCenter: Z
     } = wl(t), {
       registerDraggle: Q
@@ -4023,7 +4026,7 @@ const wt = /* @__PURE__ */ it({
       z !== oe && (d.value = z);
     }), ve(() => t.showButtons, (z, oe) => {
       z !== oe && (y.value = z);
-    }), ve(() => j.value, (z, oe) => {
+    }), ve(() => G.value, (z, oe) => {
       const Fe = z || {}, ue = oe || {};
       JSON.stringify(Fe) !== JSON.stringify(ue) && e.emit("resize", {
         newSize: z,
@@ -4035,7 +4038,7 @@ const wt = /* @__PURE__ */ it({
     }), ve(() => t.class, (z, oe) => {
       r.value = z;
     });
-    const we = $(() => (o.value && document.body.classList.add("modal-open"), o.value)), Te = $(() => {
+    const we = H(() => (o.value && document.body.classList.add("modal-open"), o.value)), Te = H(() => {
       var Fe;
       const z = {
         modal: !0,
@@ -4045,42 +4048,42 @@ const wt = /* @__PURE__ */ it({
       };
       z["f-modal-fitContent"] = !!s.value, z.show = !!we.value;
       const oe = (Fe = t.maskClass) == null ? void 0 : Fe.split(" ");
-      return oe == null || oe.reduce((ue, Ge) => (ue[Ge] = !0, ue), z), z;
-    }), H = $(() => {
+      return oe == null || oe.reduce((ue, je) => (ue[je] = !0, ue), z), z;
+    }), L = H(() => {
       var Fe;
       const z = {
         "modal-dialog": !0
       }, oe = (Fe = r.value) == null ? void 0 : Fe.split(" ");
-      return oe == null || oe.reduce((ue, Ge) => (ue[Ge] = !0, ue), z), z;
-    }), N = () => Xn() && !t.isMessager || !!t.fullscreen, A = $(() => {
-      const z = document.documentElement.clientWidth, oe = document.documentElement.clientHeight, Fe = Math.min(n.value, z), ue = t.position === "right" ? "100%" : s.value ? "auto" : `${Math.min(i.value, oe - 10)}px`, Ge = `${(window.innerHeight - (ue === "100%" || ue === "auto" ? 0 : parseInt(ue))) / 2}px`, ht = t.position === "right" ? `${window.innerWidth - Fe}px` : `${(window.innerWidth - Fe) / 2}px`, ct = {
+      return oe == null || oe.reduce((ue, je) => (ue[je] = !0, ue), z), z;
+    }), N = () => Xn() && !t.isMessager || !!t.fullscreen, A = H(() => {
+      const z = document.documentElement.clientWidth, oe = document.documentElement.clientHeight, Fe = Math.min(n.value, z), ue = t.position === "right" ? "100%" : s.value ? "auto" : `${Math.min(i.value, oe - 10)}px`, je = `${(window.innerHeight - (ue === "100%" || ue === "auto" ? 0 : parseInt(ue))) / 2}px`, ht = t.position === "right" ? `${window.innerWidth - Fe}px` : `${(window.innerWidth - Fe) / 2}px`, ct = {
         position: "absolute",
-        top: Ge,
+        top: je,
         left: ht,
         width: `${Fe}px`,
         height: ue
       };
       return t.mask || (ct.pointerEvents = "auto"), ct;
-    }), U = F(Jt() || 1050), q = $(() => {
+    }), U = F(Jt() || 1050), q = H(() => {
       const z = {
         display: "block",
         overflow: "hidden"
       };
       return t.mask || (z.pointerEvents = "none", z.backgroundColor = "transparent"), x.value && (z.backgroundColor = "transparent"), z.zIndex = U.value, z;
-    }), te = $(() => ({
+    }), te = H(() => ({
       "modal-content": !0,
       "modal-content-has-header": d.value,
       "is-mobile": N()
-    })), se = $(() => {
+    })), se = H(() => {
       const z = {
         display: d.value ? "" : "none"
       };
       return z["pointer-events"] = V.value ? "auto" : "none", z;
-    }), de = $(() => ({
+    }), de = H(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: P.value
-    })), fe = $(() => ({
+    })), fe = H(() => ({
       "modal-body": !0,
       "f-utils-flex-column": p.value === "iframe",
       "f-utils-fill": !0
@@ -4090,7 +4093,7 @@ const wt = /* @__PURE__ */ it({
         height: `${t.footerHeight || 60}px`
       };
     }
-    const me = $(() => {
+    const me = H(() => {
       const z = {
         textAlgin: h.value
       }, oe = ge();
@@ -4103,7 +4106,7 @@ const wt = /* @__PURE__ */ it({
       }
       E(), P.value = !0;
     }
-    async function Le(z, oe) {
+    async function $e(z, oe) {
       z.handle ? await z.handle(oe, z) && e.emit("closed", oe) : (typeof z.onClick == "string" && (z.onButtonClick = nt(z.onClick || ""), delete z.onClick), e.emit("buttonClick", {
         button: z,
         $event: oe
@@ -4112,13 +4115,13 @@ const wt = /* @__PURE__ */ it({
     function Se(z) {
       z.width && (n.value = z.width), z.height && (i.value = z.height), z.buttons && (g.value = z.buttons), z.title && (M.value = z.title);
     }
-    let G = null, K = null;
+    let j = null, K = null;
     oi(() => {
       x.value = re();
     }), Ke(() => {
-      B.value && !b.value && (b.value = B.value.parentElement, k.value = b.value, Q(I.value, B.value, k.value)), we.value && document.body.classList.add("modal-open"), G = Ml(t, e), K = Tl(t, e);
+      B.value && !b.value && (b.value = B.value.parentElement, k.value = b.value, Q(I.value, B.value, k.value)), we.value && document.body.classList.add("modal-open"), j = Ml(t, e), K = Tl(t, e);
     }), qt(() => {
-      L && L(), G && G.remove(), K && K.remove();
+      $ && $(), j && j.remove(), K && K.remove();
     }), e.expose({
       modalElementRef: B,
       updateModalOptions: Se,
@@ -4167,8 +4170,8 @@ const wt = /* @__PURE__ */ it({
           type: "button",
           disabled: oe.value,
           class: Fe + (z.iconClass ? " btn-icontext" : "") + (z.visible === !1 ? "d-none" : ""),
-          onClick: (Ge) => {
-            Le(z, Ge);
+          onClick: (je) => {
+            $e(z, je);
           }
         }, [!!z.iconClass && O("i", {
           class: z.iconClass
@@ -4205,7 +4208,7 @@ const wt = /* @__PURE__ */ it({
       var z, oe;
       return O("div", {
         id: l.value,
-        class: H.value,
+        class: L.value,
         style: A.value,
         ref: B
       }, [t.showFloatingClose && Y(), O("div", {
@@ -4301,7 +4304,7 @@ class xl {
     ie(this, "activeModalIndex", F(0));
     ie(this, "modalRefs", {});
     ie(this, "isUseEscCloseModal", F(!1));
-    ie(this, "activeModalInstance", $(() => this.modalRefs[this.activeModalIndex.value]));
+    ie(this, "activeModalInstance", H(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = e, this.appContext = e ? e._context : null;
   }
   getCurrentModal() {
@@ -4353,7 +4356,7 @@ class xl {
       s(v, this.isUseEscCloseModal.value ? "esc" : S ? "icon" : "button");
     }, p = (v) => {
       c(v), u && at(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Lt(null, n), u = null, this.modalRef.value = null, this.modalRefs) {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], $t(null, n), u = null, this.modalRef.value = null, this.modalRefs) {
           const S = Object.keys(this.modalRefs).map((g) => Number(g));
           S.length > 0 ? this.activeModalIndex.value = Math.max(...S) : this.activeModalIndex.value = 0;
         }
@@ -4384,7 +4387,7 @@ class xl {
     });
     return u = ((v) => {
       const S = si(b, v);
-      return S.appContext = this.appContext, Lt(S, n), S;
+      return S.appContext = this.appContext, $t(S, n), S;
     })({
       ...i.value
       // 'onUpdate:modelValue': onUpdateModelValue,
@@ -4393,7 +4396,7 @@ class xl {
         i.value = {
           ...i.value,
           ...v
-        }, u && Lt(di(u, {
+        }, u && $t(di(u, {
           ...i
         }), n);
       },
@@ -4424,10 +4427,10 @@ function Pn(t, e) {
   return { judgeCanOpen: n };
 }
 function _l(t, e, n, i, o) {
-  const l = F(t.buttonBehavior), r = F(t.popupOnInput), s = $(() => ({
+  const l = F(t.buttonBehavior), r = F(t.popupOnInput), s = H(() => ({
     "input-group-append": !0,
     "append-force-show": t.showButtonWhenDisabled && (t.readonly || t.disable)
-  })), { judgeCanOpen: d } = Pn(t, o), m = $(() => t.showButtonWhenDisabled || (!t.editable || !t.readonly) && !t.disable), u = We(In, null), a = F();
+  })), { judgeCanOpen: d } = Pn(t, o), m = H(() => t.showButtonWhenDisabled || (!t.editable || !t.readonly) && !t.disable), u = We(In, null), a = F();
   async function c(h) {
     if (await d() && m.value) {
       const y = !!e.slots.default;
@@ -4461,7 +4464,7 @@ function _l(t, e, n, i, o) {
   };
 }
 function kl(t, e, n, i, o, l) {
-  const r = F(!1), s = $(() => t.enableClear && !t.readonly && !t.disable), { changeTextBoxValue: d, hasClearClass: m } = l;
+  const r = F(!1), s = H(() => t.enableClear && !t.readonly && !t.disable), { changeTextBoxValue: d, hasClearClass: m } = l;
   function u(f) {
     r.value = f, m.value = f;
   }
@@ -4493,13 +4496,13 @@ function kl(t, e, n, i, o, l) {
   };
 }
 function El(t, e, n, i, o) {
-  const l = $(() => t.popupOnInput), r = $(() => t.popupOnFocus), { shouldPopupContent: s, closeAllPopover: d } = o, m = F(!1), u = $(() => t.enableTitle ? n.value : ""), a = $(() => (t.disable || t.readonly) && !t.forcePlaceholder ? "" : t.placeholder), c = $(() => t.readonly || !t.editable), p = F(!1), f = $(() => !t.disable && p.value), h = $(() => ({
+  const l = H(() => t.popupOnInput), r = H(() => t.popupOnFocus), { shouldPopupContent: s, closeAllPopover: d } = o, m = F(!1), u = H(() => t.enableTitle ? n.value : ""), a = H(() => (t.disable || t.readonly) && !t.forcePlaceholder ? "" : t.placeholder), c = H(() => t.readonly || !t.editable), p = F(!1), f = H(() => !t.disable && p.value), h = H(() => ({
     "text-left": t.textAlign === "left",
     "text-center": t.textAlign === "center",
     "text-right": t.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
-  })), y = $(() => ({
+  })), y = H(() => ({
     "input-group": !0,
     "f-state-disabled": t.disable,
     "f-state-editable": t.editable && !t.disable && !t.readonly,
@@ -4625,7 +4628,7 @@ function Pl(t, e, n) {
     onTextBoxValueChange: h
   } = n, y = F(t.id), {
     uuid: M
-  } = kt(), b = $(() => ({
+  } = kt(), b = H(() => ({
     // 'border-top-right-radius': '6px',
     // 'border-bottom-right-radius': '6px'
   }));
@@ -4672,13 +4675,13 @@ function Pl(t, e, n) {
   }, null);
 }
 function Vl(t, e, n) {
-  const i = F(t.separator), o = $(() => t.readonly || t.disable), {
+  const i = F(t.separator), o = H(() => t.readonly || t.disable), {
     changeTextBoxValue: l,
     onFocusTextBox: r,
     onBlurTextBox: s,
     onClickTextBox: d,
     textBoxPlaceholder: m
-  } = n, u = $(() => e.value ? e.value.split(i.value).map((f) => ({
+  } = n, u = H(() => e.value ? e.value.split(i.value).map((f) => ({
     name: f,
     selectable: !0
   })) : []);
@@ -4724,7 +4727,7 @@ function Bl(t, e, n, i) {
     l(y);
   }, t.buttonBehavior === "Modal" ? 0 : 200), p = () => {
     e.emit("beforeClearValue");
-  }, f = $(() => ({
+  }, f = H(() => ({
     "input-group-append input-append-wrapper": !0,
     "input-append-button": t.expandMode === "button",
     "input-append-text": t.expandMode === "text",
@@ -4809,16 +4812,16 @@ const Rl = /* @__PURE__ */ it({
     } = c, y = kl(t, e, o, p, a, c), {
       onMouseEnterTextBox: M,
       onMouseLeaveTextBox: b
-    } = y, T = F(!1), x = $(() => {
+    } = y, T = F(!1), x = H(() => {
       const k = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !t.wrapText
       };
-      return i.value && i.value.split(" ").reduce((j, V) => (j[V] = !0, j), k), k;
-    }), v = $(() => ({
+      return i.value && i.value.split(" ").reduce((G, V) => (G[V] = !0, G), k), k;
+    }), v = H(() => ({
       overflow: t.wrapText ? "hidden" : ""
-    })), S = $(() => ({
+    })), S = H(() => ({
       // paddingLeft: '3px',
       // backgroundColor: '#fff'
     }));
@@ -4826,8 +4829,8 @@ const Rl = /* @__PURE__ */ it({
       if (!t.multiSelect || t.inputType !== "tag" || !n.value)
         return 0;
       let k = 0;
-      const j = Array.from(n.value.querySelectorAll(".farris-tag-item"));
-      return j && j.length && (k = j.map((V) => V.offsetTop).filter((V) => V > 20).length), k;
+      const G = Array.from(n.value.querySelectorAll(".farris-tag-item"));
+      return G && G.length && (k = G.map((V) => V.offsetTop).filter((V) => V > 20).length), k;
     }
     const C = F(g());
     ci(() => {
@@ -4839,7 +4842,7 @@ const Rl = /* @__PURE__ */ it({
         "more-tags": !0
       }, [O("span", {
         class: "multi--more-text"
-      }, [je("+"), C.value])])]) : Pl(t, o, c);
+      }, [Ge("+"), C.value])])]) : Pl(t, o, c);
     }
     let I = w();
     ve([() => t.multiSelect, () => t.inputType], () => {
@@ -4879,7 +4882,7 @@ const Rl = /* @__PURE__ */ it({
     }), fi(() => {
       var k;
       window.onresize = null, (k = window[lt]) == null || k.delete(n.value);
-    }), e.expose(_), ve(() => r.value, async (k, j) => {
+    }), e.expose(_), ve(() => r.value, async (k, G) => {
       if (T.value) {
         E.value = k, T.value = !1;
         return;
@@ -4889,13 +4892,13 @@ const Rl = /* @__PURE__ */ it({
           const V = await t.beforeClosePopup();
           E.value = !V, (!V || t.readonly) && (r.value = !0);
         } catch (V) {
-          console.error("Error in beforeClosePopup:", V), E.value = j, r.value = j;
+          console.error("Error in beforeClosePopup:", V), E.value = G, r.value = G;
         }
         return;
       }
       E.value = k;
     }), () => {
-      var k, j;
+      var k, G;
       return O(Ze, null, [O("div", Mn(e.attrs, {
         ref: n,
         class: x.value,
@@ -4907,7 +4910,7 @@ const Rl = /* @__PURE__ */ it({
         style: S.value,
         onMouseenter: M,
         onMouseleave: b
-      }, [(j = (k = e.slots).precontent) == null ? void 0 : j.call(k), I(), B()])]), E.value && R()]);
+      }, [(G = (k = e.slots).precontent) == null ? void 0 : G.call(k), I(), B()])]), E.value && R()]);
     };
   }
 }), Pt = /* @__PURE__ */ new Map([
@@ -5211,7 +5214,7 @@ function Vt(t, e, n, i) {
 function Bn(t, e, n) {
   return e;
 }
-const Hl = "https://json-schema.org/draft/2020-12/schema", $l = "https://farris-design.gitee.io/grid-field-editor.schema.json", Ll = "grid-field-editor", zl = "A Farris Data Grid Component", Wl = "object", Gl = {
+const Ll = "https://json-schema.org/draft/2020-12/schema", Hl = "https://farris-design.gitee.io/grid-field-editor.schema.json", $l = "grid-field-editor", zl = "A Farris Data Grid Component", Wl = "object", jl = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -5231,17 +5234,17 @@ const Hl = "https://json-schema.org/draft/2020-12/schema", $l = "https://farris-
     type: "object",
     default: null
   }
-}, jl = [
+}, Gl = [
   "id",
   "type"
 ], On = {
-  $schema: Hl,
-  $id: $l,
-  title: Ll,
+  $schema: Ll,
+  $id: Hl,
+  title: $l,
   description: zl,
   type: Wl,
-  properties: Gl,
-  required: jl
+  properties: jl,
+  required: Gl
 }, Xt = {
   modelValue: { type: String, default: "" },
   /** 组件唯一标识 */
@@ -5496,7 +5499,7 @@ function sr(t, e) {
   return { search: o };
 }
 function an(t, e, n, i, o, l, r, s, d, m) {
-  const u = F(t.size), a = F(t.textField), c = F(t.titleField), p = F(t.disableField), f = $(() => {
+  const u = F(t.size), a = F(t.textField), c = F(t.titleField), p = F(t.disableField), f = H(() => {
     var w, I;
     return ((w = t.selection) == null ? void 0 : w.multiSelect) && ((I = t.selection) == null ? void 0 : I.showCheckbox);
   }), {
@@ -5509,7 +5512,7 @@ function an(t, e, n, i, o, l, r, s, d, m) {
     listViewItemStyle: x,
     onCheckItem: v,
     onClickItem: S
-  } = r, g = $(() => {
+  } = r, g = H(() => {
     const w = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
@@ -5627,12 +5630,12 @@ function ur(t, e, n, i, o, l, r, s, d, m) {
     dragend: g
   } = i, {
     removeItem: C
-  } = d, w = $(() => ({
+  } = d, w = H(() => ({
     margin: u.value ? "10px 0" : "10px 0px 10px 14px"
   }));
   function I(_, k = "") {
-    const j = _.target;
-    j.title = j.scrollWidth > j.clientWidth ? k : "";
+    const G = _.target;
+    G.title = G.scrollWidth > G.clientWidth ? k : "";
   }
   function B(_) {
     return O("div", {
@@ -5644,7 +5647,7 @@ function ur(t, e, n, i, o, l, r, s, d, m) {
     return e.slots.itemContent ? e.slots.itemContent : B;
   }
   const R = P();
-  function E(_, k, j) {
+  function E(_, k, G) {
     return O("li", {
       class: M(_, k),
       id: y(_, k),
@@ -5735,13 +5738,13 @@ function fr(t, e, n, i) {
   return { removeItem: r };
 }
 function mr(t, e, n, i, o, l, r, s, d, m) {
-  const u = F(t.view), a = F(t.view === "CardView"), c = F({}), p = fr(t, e, i, d), f = $(() => ({
+  const u = F(t.view), a = F(t.view === "CardView"), c = F({}), p = fr(t, e, i, d), f = H(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": t.multiSelect,
     "d-flex": a.value,
     "flex-wrap": a.value
-  })), h = $(() => !!n.value && n.value.length > 0), y = $(() => n.value.length === 0);
-  $(() => y.value && !e.slots.empty);
+  })), h = H(() => !!n.value && n.value.length > 0), y = H(() => n.value.length === 0);
+  H(() => y.value && !e.slots.empty);
   function M() {
     return u.value === "SingleView" ? an : u.value === "DraggableView" ? ur : (u.value === "ContentView" || u.value === "CardView") && (t.contentTemplate || e.slots.content) ? dr : an;
   }
@@ -5782,14 +5785,14 @@ function pr(t, e, n) {
   };
 }
 function sn(t, e, n) {
-  const i = F(t.headerClass), o = F(t.placeholder), l = F(""), r = $(() => !l.value), s = $(() => !!l.value);
+  const i = F(t.headerClass), o = F(t.placeholder), l = F(""), r = H(() => !l.value), s = H(() => !!l.value);
   function d(c) {
     l.value = "";
   }
   ve(l, (c) => {
     t.enableHighlightSearch && n.search(c), e.emit("afterSearch", c);
   });
-  const m = $(() => {
+  const m = H(() => {
     const c = {
       "form-group": !0,
       "farris-form-group": !0
@@ -5955,10 +5958,10 @@ function vr(t, e, n, i, o, l) {
       moving: !!E.moving
     };
     if (typeof t.itemClass == "string")
-      return jt(k, t.itemClass);
+      return Gt(k, t.itemClass);
     if (typeof t.itemClass == "function") {
-      const j = t.itemClass(E);
-      return jt(k, j);
+      const G = t.itemClass(E);
+      return Gt(k, G);
     }
     return k;
   }
@@ -5967,16 +5970,16 @@ function vr(t, e, n, i, o, l) {
     if (typeof t.itemStyle == "string")
       return Qt(k, t.itemStyle);
     if (typeof t.itemStyle == "function") {
-      const j = t.itemStyle(E);
-      return Qt(k, j);
+      const G = t.itemStyle(E);
+      return Qt(k, G);
     }
     return k;
   }
-  const w = $(() => !m.value);
+  const w = H(() => !m.value);
   function I(E, _, k) {
     E.checked = k, !E.raw[s.value] && (w.value && (p.value = E.raw[r.value]), M(E));
   }
-  const B = $(() => m.value && u.value === "OnCheckClearByClick"), P = $(() => !m.value || m.value && (u.value === "OnCheckAndClick" || u.value === "OnClick"));
+  const B = H(() => m.value && u.value === "OnCheckClearByClick"), P = H(() => !m.value || m.value && (u.value === "OnCheckAndClick" || u.value === "OnClick"));
   function R(E, _, k) {
     if (E.raw[s.value]) {
       k == null || k.preventDefault(), k == null || k.stopPropagation();
@@ -5999,26 +6002,26 @@ const dn = /* @__PURE__ */ it({
   props: ar,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(t, e) {
-    const n = F(), i = F(!0), o = F(!1), l = F([]), r = 0, s = F(t.columns), d = Ci(t, e), m = wi(t), u = Si(t), a = Mi(t, m), c = Ti(t, /* @__PURE__ */ new Map(), d, u, m), p = Fi(t, c, m, l, e), f = sr(t, n), h = xi(t, c), y = $(() => c.dataView.value.length), M = _i(t, e, p, m), b = ki(t, e, m, M, l), T = Ei(t), x = Ii(t, {}, T), v = Pi(t, c, b, u, m, T, x), S = Vi(t, m, x, v), g = Bi(t, m, x, v), C = Oi(t, s, c, y, r, v, S, g), {
+    const n = F(), i = F(!0), o = F(!1), l = F([]), r = 0, s = F(t.columns), d = Ci(t, e), m = wi(t), u = Si(t), a = Mi(t, m), c = Ti(t, /* @__PURE__ */ new Map(), d, u, m), p = Fi(t, c, m, l, e), f = sr(t, n), h = xi(t, c), y = H(() => c.dataView.value.length), M = _i(t, e, p, m), b = ki(t, e, m, M, l), T = Ei(t), x = Ii(t, {}, T), v = Pi(t, c, b, u, m, T, x), S = Vi(t, m, x, v), g = Bi(t, m, x, v), C = Oi(t, s, c, y, r, v, S, g), {
       getVisualData: w
     } = C;
     l.value = w(0, y.value + r - 1);
-    const I = $(() => {
+    const I = H(() => {
       const Y = {
         "f-list-view": !0,
         "f-list-view-multiple": t.multiSelect
       };
-      return t.size !== "default" && (Y[`${t.size}-item`] = !0), jt(Y, t.customClass);
-    }), B = $(() => !!e.slots.footer || i.value);
+      return t.size !== "default" && (Y[`${t.size}-item`] = !0), Gt(Y, t.customClass);
+    }), B = H(() => !!e.slots.footer || i.value);
     function P() {
       return t.header === "SearchBar" ? sn : t.header === "ContentHeader" ? pr : sn;
     }
     const R = P(), {
       renderHeader: E
-    } = R(t, e, f), _ = gr(), k = hr(t, e, c, _), j = vr(t, e, l, k, _, p), {
+    } = R(t, e, f), _ = gr(), k = hr(t, e, c, _), G = vr(t, e, l, k, _, p), {
       renderListArea: V
-    } = mr(t, e, l, c, a, _, p, C, j, k);
-    function L(Y) {
+    } = mr(t, e, l, c, a, _, p, C, G, k);
+    function $(Y) {
       f.search(Y);
     }
     function Z(Y) {
@@ -6028,23 +6031,23 @@ const dn = /* @__PURE__ */ it({
       p.clearSelection(), _.clearActiveItem();
     }
     function re() {
-      return j.selectedItems.value;
+      return G.selectedItems.value;
     }
     function ke() {
-      return j.selectedItems.value.map((Y) => Y[m.idField.value]);
+      return G.selectedItems.value.map((Y) => Y[m.idField.value]);
     }
     function we(Y) {
-      p.selectedValues.value = Y, j.updateSelectedItems();
+      p.selectedValues.value = Y, G.updateSelectedItems();
     }
     function Te() {
       return p.currentSelectedDataId.value;
     }
-    function H(Y) {
+    function L(Y) {
       M.activeRowById(Y);
     }
     function N(Y) {
       const ye = m.idField.value, be = l.value.find((Qe) => Qe.raw[ye] === Y), Re = l.value.findIndex((Qe) => Qe.raw[ye] === Y);
-      be && Re > -1 && j.onClickItem(be, Re);
+      be && Re > -1 && G.onClickItem(be, Re);
     }
     function A(Y) {
       const ye = m.idField.value, be = l.value.find((Re) => Re.raw[ye] === Y);
@@ -6057,13 +6060,13 @@ const dn = /* @__PURE__ */ it({
       return l.value.filter((ye) => Y.includes(ye.raw[t.idField]));
     }
     e.expose({
-      search: L,
+      search: $,
       updateDataSource: Z,
       clearSelection: Q,
       getSelections: re,
       updateSelectionByIds: we,
       getSelectionIds: ke,
-      activeRowById: H,
+      activeRowById: L,
       getCurrentRowId: Te,
       clickRowItemById: N,
       updatePagination: U,
@@ -6082,12 +6085,12 @@ const dn = /* @__PURE__ */ it({
     } = se, ge = Ni(t, e), {
       applyColumnSorter: me,
       columnContext: Ie,
-      updateColumnRenderContext: Le
+      updateColumnRenderContext: $e
     } = ge, Se = Ai(t, c, l, Ie, C, y, r, de, b), {
-      shouldRenderPagination: G
+      shouldRenderPagination: j
     } = h, {
       renderDataGridPagination: K
-    } = Hi(t, e, c, Se, h, p);
+    } = Li(t, e, c, Se, h, p);
     return () => O("div", {
       class: I.value,
       onClick: te
@@ -6109,21 +6112,21 @@ const dn = /* @__PURE__ */ it({
   props: Rn,
   emits: ["change", "activeChange", "selectItem", "unSelecteItem", "removeItem"],
   setup(t, e) {
-    const n = F(t.identifyField), i = F(t.displayType), o = F(!1), l = F(t.dataSource), r = F(t.textField), s = F(t.selections || []), d = $(() => s.value.map((R) => R[n.value])), m = /* @__PURE__ */ new Map(), u = F(), a = F(), c = F();
+    const n = F(t.identifyField), i = F(t.displayType), o = F(!1), l = F(t.dataSource), r = F(t.textField), s = F(t.selections || []), d = H(() => s.value.map((R) => R[n.value])), m = /* @__PURE__ */ new Map(), u = F(), a = F(), c = F();
     let p;
     function f() {
       const R = /* @__PURE__ */ new Map(), E = t.selectionValues || [];
-      E.length && E.reduce((k, j) => (k.set(j, !0), k), R);
+      E.length && E.reduce((k, G) => (k.set(G, !0), k), R);
       const _ = t.selections || [];
-      _.length && (R.clear(), _.reduce((k, j) => (k.set(j[n.value], !0), k), R)), s.value.length || (s.value = l.value.filter((k) => R.has(k[n.value])).map((k) => Object.assign({}, k))), l.value.forEach((k) => {
-        const j = k[n.value], V = R.has(j);
-        k.checked = V, V && m.set(j, k);
+      _.length && (R.clear(), _.reduce((k, G) => (k.set(G[n.value], !0), k), R)), s.value.length || (s.value = l.value.filter((k) => R.has(k[n.value])).map((k) => Object.assign({}, k))), l.value.forEach((k) => {
+        const G = k[n.value], V = R.has(G);
+        k.checked = V, V && m.set(G, k);
       });
     }
     f(), ve(() => t.selections, (R) => {
       s.value = R, f();
     });
-    const h = $(() => i.value === "List"), y = $(() => i.value === "Tree");
+    const h = H(() => i.value === "List"), y = H(() => i.value === "Tree");
     function M(R) {
       const E = nt(s.value);
       s.value = R.map((_) => Object.assign({}, _)), e.emit("change", s.value, E);
@@ -6247,7 +6250,7 @@ const dn = /* @__PURE__ */ it({
         class: "container columns-box f-utils-fill d-flex"
       }, [I()])])]);
     }
-    const P = $(() => ({
+    const P = H(() => ({
       "f-transfer": !0,
       row: !0,
       "f-utils-fill": o.value
@@ -6275,9 +6278,9 @@ const dn = /* @__PURE__ */ it({
     let p = [];
     function f(E, _ = !0) {
       if (s.checkCanDeleteControl) {
-        const k = p.find((j) => {
+        const k = p.find((G) => {
           var V;
-          return ((V = j.data) == null ? void 0 : V.id) === E.id;
+          return ((V = G.data) == null ? void 0 : V.id) === E.id;
         });
         return s.checkCanDeleteControl(k, _);
       }
@@ -6295,7 +6298,7 @@ const dn = /* @__PURE__ */ it({
       const E = "[绑定字段不存在,待移除]";
       d.forEach((_) => {
         if (_.binding && _.binding.field) {
-          const k = p.find((j) => j.data.id === _.binding.field);
+          const k = p.find((G) => G.data.id === _.binding.field);
           k ? k.data.$type === ut.ComplexField ? a.value.push(Object.assign({
             isInValidBinding: !0
           }, k.data, {
@@ -6313,11 +6316,11 @@ const dn = /* @__PURE__ */ it({
     function M(E, _ = []) {
       return E && E.forEach((k) => {
         if (_.push(k), k.children && M(k.children, _), s.appendIdentifyForNewControl) {
-          const j = d.find((V) => {
-            var L;
-            return ((L = V.binding) == null ? void 0 : L.field) === k.data.id;
+          const G = d.find((V) => {
+            var $;
+            return (($ = V.binding) == null ? void 0 : $.field) === k.data.id;
           });
-          (!j || j[s.identifyForNewControl]) && s.appendIdentifyForNewControl(k);
+          (!G || G[s.identifyForNewControl]) && s.appendIdentifyForNewControl(k);
         }
       }), _;
     }
@@ -6335,29 +6338,29 @@ const dn = /* @__PURE__ */ it({
     }
     function x(E, _, k) {
       if (o.getComponents().find((V) => {
-        let L = o.getControlsInCmpWidthBinding(V.viewModel, E);
-        if (L = L.filter((Z) => {
+        let $ = o.getControlsInCmpWidthBinding(V.viewModel, E);
+        if ($ = $.filter((Z) => {
           var re;
           if (Z.id === k)
             return !1;
           const Q = _.type === "visible" ? Z[_.type] : (re = Z.editor) == null ? void 0 : re[_.type];
           if (Q && Q.type === "Expression" && Q.expressionId === _.id)
             return !0;
-        }), L.length)
+        }), $.length)
           return !0;
       }))
         return !0;
     }
     function v(E) {
       E.map((_) => {
-        var j;
+        var G;
         const k = d.find((V) => {
-          var L;
-          return ((L = V.binding) == null ? void 0 : L.field) === _;
+          var $;
+          return (($ = V.binding) == null ? void 0 : $.field) === _;
         });
         if (k && o.getExpressions().length) {
-          const V = o.getExpressions(), L = V.findIndex((Z) => Z.target === _);
-          L > -1 && ((j = V[L].rules) == null || j.map((Z) => {
+          const V = o.getExpressions(), $ = V.findIndex((Z) => Z.target === _);
+          $ > -1 && ((G = V[$].rules) == null || G.map((Z) => {
             var Q;
             switch (Z.type) {
               case "visible":
@@ -6370,31 +6373,31 @@ const dn = /* @__PURE__ */ it({
               default:
                 x(_, Z, k.id) || (Z.needDelete = !0);
             }
-          }), V[L].rules = V[L].rules.filter((Z) => !Z.needDelete));
+          }), V[$].rules = V[$].rules.filter((Z) => !Z.needDelete));
         }
       });
     }
     function S() {
-      const E = i.getDgViewModel(n.value), _ = [], k = [], j = a.value;
-      j.forEach((L) => {
+      const E = i.getDgViewModel(n.value), _ = [], k = [], G = a.value;
+      G.forEach(($) => {
         const Z = d == null ? void 0 : d.find((Q) => {
           if (Q.binding && Q.binding.field)
-            return Q.binding.field === L.id;
+            return Q.binding.field === $.id;
         });
         if (Z)
           _.push(Z);
         else {
-          const Q = r.setGridFieldProperty(t.gridType, L.data, null, m);
-          E.addField(L), _.push(Q);
+          const Q = r.setGridFieldProperty(t.gridType, $.data, null, m);
+          E.addField($), _.push(Q);
         }
-        k.push(L.id);
+        k.push($.id);
       });
-      const V = E.fields.filter((L) => !k.includes(L.id));
+      const V = E.fields.filter(($) => !k.includes($.id));
       if (V && V.length > 0) {
-        const L = V.map((Z) => Z.id);
-        E.removeField(L), v(L);
+        const $ = V.map((Z) => Z.id);
+        E.removeField($), v($);
       }
-      j.length !== a.value.length && (a.value = j), u.value = `共 ${_.length} 项`, e.emit("change", _);
+      G.length !== a.value.length && (a.value = G), u.value = `共 ${_.length} 项`, e.emit("change", _);
     }
     const g = {
       fitContent: !1,
@@ -6423,8 +6426,8 @@ const dn = /* @__PURE__ */ it({
       _ > -1 && (a.value = [...a.value.slice(0, _), ...a.value.slice(_ + 1)]);
     }
     function P(E) {
-      const _ = E[0].__fv_index__, k = a.value.findIndex((V) => V.id === E[0].id), j = a.value.find((V) => V.id === E[0].id);
-      a.value.splice(k, 1), a.value.splice(_, 0, j);
+      const _ = E[0].__fv_index__, k = a.value.findIndex((V) => V.id === E[0].id), G = a.value.find((V) => V.id === E[0].id);
+      a.value.splice(k, 1), a.value.splice(_, 0, G);
     }
     const R = [{
       field: "name",
@@ -6465,7 +6468,7 @@ const dn = /* @__PURE__ */ it({
       }, {
         text: (E) => O("div", {
           style: "margin: 10px 0px 10px 14px;"
-        }, [E.data.name.data, je(" ["), E.data.bindingField.data, je("]")])
+        }, [E.data.name.data, Ge(" ["), E.data.bindingField.data, Ge("]")])
       })])]
     });
   }
@@ -6931,8 +6934,8 @@ const dn = /* @__PURE__ */ it({
   formatter: { type: Function, default: () => {
   } },
   componentId: { type: String, default: "" }
-}, Ar = Mt(Zt, kr, Vn, Bn), Hr = Mt(Zt, Nr, Vn, Bn);
-function $r(t) {
+}, Ar = Mt(Zt, kr, Vn, Bn), Lr = Mt(Zt, Nr, Vn, Bn);
+function Hr(t) {
   const { formSchemaUtils: e, formStateMachineUtils: n } = t;
   function i(d, m = "") {
     return {
@@ -7344,7 +7347,7 @@ class An {
    * @returns 
    */
   getPropertyEditorParams(e, n = [], i = "visible", o = {}, l = {}, r = "") {
-    const { getVariables: s, getControlName: d, getStateMachines: m } = $r(this.designerHostService), u = this.getRealTargetType(e), a = n && n.length > 0 ? n : ["Const", "Variable", "StateMachine", "Expression"], c = {
+    const { getVariables: s, getControlName: d, getStateMachines: m } = Hr(this.designerHostService), u = this.getRealTargetType(e), a = n && n.length > 0 ? n : ["Const", "Variable", "StateMachine", "Expression"], c = {
       type: "property-editor",
       propertyTypes: a
     };
@@ -7516,7 +7519,7 @@ class An {
     }, n;
   }
 }
-const Hn = [
+const Ln = [
   { key: "none", value: "无" },
   { key: "cellNumber", value: "手机号" },
   { key: "tel", value: "座机号/传真号" },
@@ -7528,7 +7531,7 @@ const Hn = [
   { key: "subjectCode", value: "10位数字会计科目代码" },
   { key: "custom", value: "自定义" }
 ];
-function Lr(t) {
+function $r(t) {
   switch (t) {
     case "none":
       return "";
@@ -7557,11 +7560,11 @@ function Lr(t) {
 }
 function zr(t) {
   var e;
-  return "请输入正确的" + ((e = Hn.find((n) => n.key === t)) == null ? void 0 : e.value);
+  return "请输入正确的" + ((e = Ln.find((n) => n.key === t)) == null ? void 0 : e.value);
 }
 const Wr = {
   convertTo: (t, e, n, i) => {
-    t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation.type = n, t.editor.formatValidation.expression = Lr(n), t.editor.formatValidation.message = zr(n);
+    t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation.type = n, t.editor.formatValidation.expression = $r(n), t.editor.formatValidation.message = zr(n);
   },
   convertFrom: (t, e, n) => t.editor.formatValidation ? e === "type" ? t.editor.formatValidation[e] || "none" : t.editor.formatValidation[e] : "none"
 }, un = {
@@ -7569,19 +7572,19 @@ const Wr = {
     t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation[e] = n;
   },
   convertFrom: (t, e, n) => t.editor.formatValidation ? t.editor.formatValidation[e] : t.editor[e]
-}, Gr = ["lookup", "more-vertical", "add", "edit", "x", "search", "image-edit", "copy", "source-code", "top_developmenttool", "reorder", "reload"];
-function jr(t, e, n) {
+}, jr = ["lookup", "more-vertical", "add", "edit", "x", "search", "image-edit", "copy", "source-code", "top_developmenttool", "reorder", "reload"];
+function Gr(t, e, n) {
   const i = `<i class="f-icon f-icon-${e}"></i>`;
   n.value.setValue(i);
 }
-const cn = (t) => O(Ze, null, [O("h5", null, [je("按钮图标示例")]), O("ul", {
+const cn = (t) => O(Ze, null, [O("h5", null, [Ge("按钮图标示例")]), O("ul", {
   class: "d-flex",
   style: "width: 200px; flex-wrap: wrap;align-items: center;height: 100px;"
-}, [Gr.map((e) => O("li", {
+}, [jr.map((e) => O("li", {
   key: e,
   class: "btn",
   title: "双击添加到内容区域",
-  onDblclick: (n) => jr(n, e, t)
+  onDblclick: (n) => Gr(n, e, t)
 }, [O("i", {
   class: `f-icon f-icon-${e}`
 }, null)]))])]);
@@ -7715,7 +7718,7 @@ class Ur extends Je {
             valueField: "key",
             idField: "key",
             editable: !1,
-            data: Hn
+            data: Ln
           },
           refreshPanelAfterChanged: !0,
           $converter: Wr,
@@ -7755,7 +7758,7 @@ class Ur extends Je {
       tabName: "交互",
       setPropertyRelates(r, s) {
         const d = r.propertyValue;
-        delete s[n.viewModelId], d && n.eventsEditorUtils.saveRelatedParameters(s, n.viewModelId, d.events, d);
+        delete s[n.viewModelId], d && (n.eventsEditorUtils.saveRelatedParameters(s, n.viewModelId, d.events, d), n.updateLinkedLabel(d, s));
         const m = n.designViewModelUtils.getDgViewModel(n.viewModelId);
         m && n.designViewModelField && m.changeField(n.designViewModelField.id, { valueChanging: s.fieldValueChanging, valueChanged: s.fieldValueChanged });
       }
@@ -7818,6 +7821,7 @@ ie(ft, "fieldControlTypeMapping", {
     { key: D.textarea.type, value: D.textarea.name },
     { key: D.lookup.type, value: D.lookup.name },
     { key: D.image.type, value: D.image.name },
+    { key: D.avatar.type, value: D.avatar.name },
     { key: D["rich-text-editor"].type, value: D["rich-text-editor"].name }
   ],
   Decimal: [
@@ -7962,7 +7966,7 @@ function Dr(t) {
     getResonseFormLayoutConfig: r
   };
 }
-const Yr = (t) => O(Ze, null, [O("h5", null, [je("代码示例")]), O("pre", {
+const Yr = (t) => O(Ze, null, [O("h5", null, [Ge("代码示例")]), O("pre", {
   style: "background-color: #f5f5f5; padding: 10px; border-radius: 5px;"
 }, [O("code", null, [`
 <h3>Tips:</h3>
@@ -7987,7 +7991,7 @@ class Bt extends An {
       },
       {
         label: "onClickLabel",
-        name: "点击标签事件"
+        name: "标签点击事件"
       }
     ]);
     ie(this, "numberEditorOptions", {
@@ -8001,7 +8005,7 @@ class Bt extends An {
   getCommonPropertyConfig(n, i, o = "Card") {
     if (this.propertyConfig.categories.basic = this.getBasicProperties(n, i, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(n, i), this.propertyConfig.categories.behavior = this.getBehaviorConfig(n, "form-group"), o === "Card") {
       const l = this.getTipsConfig(n);
-      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...l }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group"].includes(n.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(n));
+      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...l }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "language-textbox"].includes(n.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(n));
     }
   }
   getPropertyConfig(n, i) {
@@ -8272,7 +8276,7 @@ class Bt extends An {
     });
   }
   getTipsConfig(n) {
-    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor"].includes(n.editor.type) ? {
+    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor", "language-textbox"].includes(n.editor.type) ? {
       enableTips: {
         refreshPanelAfterChanged: !0,
         description: "",
@@ -8438,6 +8442,13 @@ class Bt extends An {
     }
     return n.type;
   }
+  updateLinkedLabel(n, i) {
+    if (n.boundEventsList && n.boundEventsList.length > 0) {
+      const o = n.boundEventsList.find((l) => l.boundEvents && l.boundEvents.label === "onClickLabel");
+      i.linkLabel = !!o;
+    } else
+      i.linkLabel = !1;
+  }
   /**
   * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
   * @param propertyData 属性值
@@ -8470,7 +8481,7 @@ class Bt extends An {
       tabName: "交互",
       setPropertyRelates(c, p) {
         const f = c.propertyValue;
-        delete n[r.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, f.controlInfo = { type: r.getControlMethodType(n), name: n.title }, r.eventsEditorUtils.saveRelatedParameters(n, r.viewModelId, f.events, f)), l && l(c, p, f);
+        delete n[r.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, f.controlInfo = { type: r.getControlMethodType(n), name: n.title }, r.eventsEditorUtils.saveRelatedParameters(n, r.viewModelId, f.events, f), r.updateLinkedLabel(f, p)), l && l(c, p, f);
         const h = r.designViewModelUtils.getDgViewModel(r.viewModelId);
         h && r.designViewModelField && h.changeField(r.designViewModelField.id, { valueChanging: n.fieldValueChanging, valueChanged: n.fieldValueChanged });
       }
@@ -8514,35 +8525,67 @@ class Xr extends Bt {
     super(e, n);
   }
   getEditorProperties(e) {
-    return {
-      description: "编辑器",
-      title: "编辑器",
-      type: "avatar",
-      $converter: "/converter/property-editor.converter",
-      parentPropertyID: "editor",
-      properties: {
-        readonly: {
-          description: "",
-          title: "只读",
-          type: "boolean"
-        },
-        avatarWidth: {
-          description: "",
-          title: "头像宽度",
-          type: "number"
-        },
-        avatarHeight: {
-          description: "",
-          title: "头像高度",
-          type: "number"
-        },
-        cover: {
-          description: "",
-          title: "封面",
-          type: "string"
+    return this.getComponentConfig(e, {}, {
+      placeholder: {
+        visible: !1
+      },
+      maxSize: {
+        description: "允许头像上传的大小，单位MB",
+        title: "允许图片大小 (M)",
+        type: "number"
+      },
+      cover: {
+        description: "",
+        title: "默认封面",
+        type: "string"
+      },
+      title: {
+        description: "鼠标滑过图像时的提示文字",
+        title: "提示文字",
+        type: "string"
+      },
+      avatarWidth: {
+        description: "",
+        title: "头像宽度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          needValid: !0
+        }
+      },
+      avatarHeight: {
+        description: "",
+        title: "头像高度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          needValid: !0
+        }
+      },
+      imageType: {
+        description: "允许图片上传的类型",
+        title: "允许图片格式",
+        type: "array",
+        editor: {
+          type: "combo-list",
+          placeholder: "",
+          multiSelect: !0,
+          data: [
+            { id: "png", name: "png" },
+            { id: "jpg", name: "jpg" },
+            { id: "jpeg", name: "jpeg" },
+            { id: "webp", name: "webp" },
+            { id: "svg", name: "svg" },
+            { id: "gif", name: "gif" },
+            { id: "bmp", name: "bmp" }
+          ]
         }
       }
-    };
+    });
   }
 }
 class Zr extends Je {
@@ -9002,7 +9045,7 @@ class Qr extends Je {
       tabName: "交互",
       setPropertyRelates(u, a) {
         const c = u.propertyValue;
-        delete e[l.viewModelId], c && (c.setPropertyRelates = this.setPropertyRelates, l.eventsEditorUtils.saveRelatedParameters(e, l.viewModelId, c.events, c)), o && o(u, a, c);
+        delete e[l.viewModelId], c && (c.setPropertyRelates = this.setPropertyRelates, l.eventsEditorUtils.saveRelatedParameters(e, l.viewModelId, c.events, c), l.updateLinkedLabel(c, a)), o && o(u, a, c);
         const p = l.designViewModelUtils.getDgViewModel(l.viewModelId);
         p && l.designViewModelField && p.changeField(l.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged }), e.editor.beforeOpen !== e.beforeOpen && (e.editor.beforeOpen = e.beforeOpen), e.editor.onChange !== e.onChange && (e.editor.onChange = e.onChange), e.editor.onClear !== e.onClear && (e.editor.onClear = e.onClear);
       }
@@ -9328,7 +9371,7 @@ class sa extends Je {
       tabName: "交互",
       setPropertyRelates(r, s) {
         const d = r.propertyValue;
-        delete s[n.viewModelId], d && n.eventsEditorUtils.saveRelatedParameters(s, n.viewModelId, d.events, d);
+        delete s[n.viewModelId], d && (n.eventsEditorUtils.saveRelatedParameters(s, n.viewModelId, d.events, d), n.updateLinkedLabel(d, s));
         const m = n.designViewModelUtils.getDgViewModel(n.viewModelId);
         m && n.designViewModelField && m.changeField(n.designViewModelField.id, { valueChanging: s.fieldValueChanging, valueChanged: s.fieldValueChanged });
       }
@@ -9439,7 +9482,7 @@ function fa(t, e) {
     mode: "server"
   });
 }
-const $n = {
+const Hn = {
   convertFrom: (t, e) => {
     var i;
     return (i = (t.editor ? t.editor : t).dataSource) == null ? void 0 : i.displayName;
@@ -9543,7 +9586,7 @@ const $n = {
     }
     i.pagination[e] = n;
   }
-}, Ln = [
+}, $n = [
   {
     label: "clear",
     name: "清空事件"
@@ -9566,7 +9609,7 @@ const $n = {
   }
 ], pn = (t) => O(Ze, null, [O("h5", {
   style: "display: flex;justify-content: space-between;align-items: center;"
-}, [je("示例代码：")]), O("pre", {
+}, [Ge("示例代码：")]), O("pre", {
   style: "height: calc(100% - 35px);margin: 0;"
 }, [`{
     // 列绑定字段返回自定义数据，rowData: 行数据， column: 列信息
@@ -9621,7 +9664,7 @@ function ya(t, e) {
       ],
       repositoryToken: va
     },
-    dataSourceConverter: $n,
+    dataSourceConverter: Hn,
     defaultConverter: pe,
     idFieldEditor: {
       type: "field-selector",
@@ -10106,7 +10149,7 @@ class wa extends Je {
               }
             }
           },
-          $converter: $n
+          $converter: Hn
         },
         filterConditions: {
           descriptions: "帮助过滤条件",
@@ -10443,7 +10486,7 @@ class wa extends Je {
   }
   getEventPropConfig(n) {
     const i = this;
-    let o = Ln;
+    let o = $n;
     n.editor.openType === "Popup" && (o = o.filter((s) => s.label !== "beforeSelectData")), o.push(...this.formGroupEvents);
     const l = i.eventsEditorUtils.formProperties(n, i.viewModelId, o);
     return {
@@ -10456,7 +10499,7 @@ class wa extends Je {
       tabName: "交互",
       setPropertyRelates(s, d) {
         const m = s.propertyValue;
-        delete d[i.viewModelId], m && i.eventsEditorUtils.saveRelatedParameters(d, i.viewModelId, m.events, m);
+        delete d[i.viewModelId], m && (i.eventsEditorUtils.saveRelatedParameters(d, i.viewModelId, m.events, m), i.updateLinkedLabel(m, d));
         const u = i.designViewModelUtils.getDgViewModel(i.viewModelId);
         u && i.designViewModelField && u.changeField(i.designViewModelField.id, { valueChanging: d.fieldValueChanging, valueChanged: d.fieldValueChanged });
       }
@@ -11044,7 +11087,7 @@ class ka extends An {
     ), i && o.push({
       label: "onClickLinkCommand",
       name: "超链接事件"
-    }), ((m = n == null ? void 0 : n.editor) == null ? void 0 : m.type) === "lookup" && (o = [...o, ...Ln], n.editor.openType === "Popup" && (o = o.filter((a) => a.label !== "beforeSelectData"))), ((u = n == null ? void 0 : n.editor) == null ? void 0 : u.type) === "date-picker" && (o = [{ label: "onDatePicked", name: "日期选择后事件" }]);
+    }), ((m = n == null ? void 0 : n.editor) == null ? void 0 : m.type) === "lookup" && (o = [...o, ...$n], n.editor.openType === "Popup" && (o = o.filter((a) => a.label !== "beforeSelectData"))), ((u = n == null ? void 0 : n.editor) == null ? void 0 : u.type) === "date-picker" && (o = [{ label: "onDatePicked", name: "日期选择后事件" }]);
     const l = this, r = l.eventsEditorUtils.formProperties(n, l.viewModelId, o), s = l.createBaseEventProperty(r);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
@@ -11195,20 +11238,6 @@ class ka extends An {
             language: "html"
           }
         },
-        // formatterType: {
-        //     title: '启用列格式化',
-        //     type: 'enum',
-        //     $converter: '/converter/change-formatter-type.converter',
-        //     description: '启用列格式化',
-        //     refreshPanelAfterChanged: true,
-        //     editor: {
-        //         data: [
-        //             { id: 'default', name: '默认格式化' },
-        //             { id: 'custom', name: '列模板' },
-        //             { id: 'hyperlink', name: '超链接模板' }
-        //         ]
-        //     },
-        // },
         summaryType: {
           description: "合计类型",
           title: "合计类型",
@@ -11227,47 +11256,41 @@ class ka extends An {
           title: "分组",
           visible: !!((s = (r = this.dataGridProps) == null ? void 0 : r.group) != null && s.enable),
           type: "boolean",
-          // enableGroup: {
-          //     description: '启用分组',
-          //     title: '分组',
-          //     visible: !!this.dataGridProps?.group?.enable,
-          //     type: 'boolean',
-          //     refreshPanelAfterChanged: true
-          // }
-          fixed: {
-            description: "固定列",
-            title: "固定列",
-            type: "enum",
-            editor: {
-              data: [
-                { id: "primary", name: "不固定" },
-                { id: "left", name: "固定左侧" },
-                { id: "right", name: "固定右侧" }
-              ]
-            },
-            refreshPanelAfterChanged: !0
-          }
+          refreshPanelAfterChanged: !0
         },
-        setPropertyRelates(d, m, u) {
-          if (d)
-            switch (d && d.propertyID) {
-              case "width": {
-                m.actualWidth = d.propertyValue;
-                break;
-              }
-              case "summaryType": {
-                const { groupFields: a } = i.summary;
-                !a.includes(m.field) && d.propertyValue === "sum" && a.push(m.field), a.includes(m.field) && d.propertyValue === "none" && a.splice(a.indexOf(m.field), 1);
-                break;
-              }
-              case "columnTemplate": {
-                d.propertyValue;
-                break;
-              }
-              case "enableGroup":
-                d.propertyValue ? i.group.groupFields = [m.field] : i.group.groupFields = [];
-            }
+        fixed: {
+          description: "固定列",
+          title: "固定列",
+          type: "enum",
+          editor: {
+            data: [
+              { id: "primary", name: "不固定" },
+              { id: "left", name: "固定左侧" },
+              { id: "right", name: "固定右侧" }
+            ]
+          },
+          refreshPanelAfterChanged: !0
         }
+      },
+      setPropertyRelates(d, m, u) {
+        if (d)
+          switch (d && d.propertyID) {
+            case "width": {
+              m.actualWidth = d.propertyValue;
+              break;
+            }
+            case "summaryType": {
+              const { groupFields: a } = i.summary;
+              !a.includes(m.field) && d.propertyValue === "sum" && a.push(m.field), a.includes(m.field) && d.propertyValue === "none" && a.splice(a.indexOf(m.field), 1);
+              break;
+            }
+            case "columnTemplate": {
+              d.propertyValue;
+              break;
+            }
+            case "enableGroup":
+              d.propertyValue ? i.group.groupFields = [m.field] : i.group.groupFields = [];
+          }
       }
     };
   }
@@ -11842,7 +11865,7 @@ const Pa = {
     }
     return "";
   }
-}, Ha = {
+}, La = {
   convertTo: (t, e, n, i) => {
     t.column ? t.column[e] = n : t.column = {
       [e]: n
@@ -11857,7 +11880,7 @@ const Pa = {
     }
     return "";
   }
-}, $a = {
+}, Ha = {
   convertTo: (t, e, n, i) => {
     t.summary ? t.summary[e] = n : t.summary = {
       [e]: n
@@ -11870,7 +11893,7 @@ const Pa = {
     var i;
     return e === "customSummaryStyle" ? t.summary.customSummaryStyle : e === "position" ? ((i = t.summary) == null ? void 0 : i[e]) || "bottom" : t.summary && e === "enable" ? t.summary.enable : t.type === "data-grid-column" ? t.enableSummary === void 0 ? !1 : t.enableSummary : "";
   }
-}, La = {
+}, $a = {
   convertTo: (t, e, n, i) => {
     t.group ? t.group[e] = n : t.group = {
       [e]: n
@@ -11901,12 +11924,12 @@ const Pa = {
     t.pagination || (t.pagination = {}), e === "sizeLimits" ? t.pagination.sizeLimits = n.split(",") : t.pagination[e] = n;
   },
   convertFrom: (t, e, n) => t.pagination ? e === "sizeLimits" ? t.pagination.sizeLimits.join(",") : t.pagination[e] : t[e]
-}, Ga = {
+}, ja = {
   convertTo: (t, e, n, i) => {
     t.rowNumber || (t.rowNumber = {}), t.rowNumber[e] = n;
   },
   convertFrom: (t, e, n) => t.rowNumber ? t.rowNumber[e] : t[e]
-}, ja = {
+}, Ga = {
   convertTo: (t, e, n, i) => {
     t.selection || (t.selection = {}), t.selection[e] = n;
   },
@@ -11980,8 +12003,18 @@ const Pa = {
                     </span>`), e === "columnTemplateType" && n === "default" && (t.columnTemplate = ""), e === "columnTemplateType" && n === "custom" && (t.columnTemplate = ""));
   },
   convertFrom: (t, e, n) => e === "columnTemplate" ? t.columnTemplate : e === "columnTemplateType" ? t.columnTemplateType ? t.columnTemplateType || "default" : t.columnTemplate && !t.onClickLinkCommand ? "custom" : t.columnTemplate && t.onClickLinkCommand ? "hyperlink" : "default" : ""
+}, Ka = {
+  convertTo: (t, e, n, i) => {
+    t.hierarchy || (t.hierarchy = {
+      cascadeOption: {}
+    }), t.hierarchy.cascadeOption || (t.hierarchy.cascadeOption = {}), t.hierarchy.cascadeOption[e] = n;
+  },
+  convertFrom: (t, e, n) => {
+    var i, o;
+    return !!((o = (i = t.hierarchy) == null ? void 0 : i.cascadeOption) != null && o[e]);
+  }
 };
-function Ka(t, e, n) {
+function es(t, e, n) {
   const i = /* @__PURE__ */ new Map([
     ["/converter/appearance.converter", Pa],
     ["/converter/buttons.converter", Va],
@@ -11991,20 +12024,21 @@ function Ka(t, e, n) {
     ["/converter/change-editor.converter", Ra],
     ["/converter/change-formatter.converter", Na],
     ["/converter/column-command.converter", Aa],
-    ["/converter/column-option.converter", Ha],
-    ["/converter/summary.converter", $a],
-    ["/converter/group.converter", La],
+    ["/converter/column-option.converter", La],
+    ["/converter/summary.converter", Ha],
+    ["/converter/group.converter", $a],
     ["/converter/form-group-label.converter", qa],
     ["/converter/field-selector.converter", za],
     ["/converter/pagination.converter", Wa],
-    ["/converter/row-number.converter", Ga],
-    ["/converter/grid-selection.converter", ja],
+    ["/converter/row-number.converter", ja],
+    ["/converter/grid-selection.converter", Ga],
     ["/converter/size.converter", Da],
     ["/converter/change-formatter-enum.converter", Ya],
     ["/converter/grid-sort.converter", Xa],
     ["/converter/grid-filter.converter", Za],
     ["/converter/row-option.converter", Ja],
-    ["/converter/change-formatter-type.converter", Qa]
+    ["/converter/change-formatter-type.converter", Qa],
+    ["/converter/tree-auto-check.converter", Ka]
   ]), o = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
@@ -12047,22 +12081,22 @@ function Ka(t, e, n) {
     return Object.keys(f).map((S) => {
       const g = F(1), C = S, w = f[S], I = Object.keys(w), B = w.title, P = w.type, R = o.get(P) || { type: "input-group", enableClear: !1 }, E = w.editor ? Object.assign({}, R, w.editor) : Object.assign({}, R), _ = s(I, w, h), k = d(I, w, h);
       E.readonly = E.readonly === void 0 ? k() : E.readonly;
-      const j = w.type === "cascade" ? u(w.properties, h, y, M, b, T, x) : [], V = !0;
-      let L = m(w, x);
-      const Z = $({
+      const G = w.type === "cascade" ? u(w.properties, h, y, M, b, T, x) : [], V = !0;
+      let $ = m(w, x);
+      const Z = H({
         get() {
           if (g.value) {
-            if (["class", "style"].find((N) => N === C) && !L && (L = i.get("/converter/appearance.converter") || null), L && L.convertFrom)
-              return L.convertFrom(y, S, b, T);
-            const H = y[S];
-            return Object.prototype.hasOwnProperty.call(w, "defaultValue") && (H === void 0 || typeof H == "string" && H === "") ? w.type === "boolean" ? w.defaultValue : w.defaultValue || "" : H;
+            if (["class", "style"].find((N) => N === C) && !$ && ($ = i.get("/converter/appearance.converter") || null), $ && $.convertFrom)
+              return $.convertFrom(y, S, b, T);
+            const L = y[S];
+            return Object.prototype.hasOwnProperty.call(w, "defaultValue") && (L === void 0 || typeof L == "string" && L === "") ? w.type === "boolean" ? w.defaultValue : w.defaultValue || "" : L;
           }
           return null;
         },
-        set(H) {
-          g.value += 1, L && L.convertTo ? (L.convertTo(M, S, H, b, T), L.convertTo(y, S, H, b, T)) : (M[S] = H, y[S] = H);
+        set(L) {
+          g.value += 1, $ && $.convertTo ? ($.convertTo(M, S, L, b, T), $.convertTo(y, S, L, b, T)) : (M[S] = L, y[S] = L);
         }
-      }), { refreshPanelAfterChanged: Q, description: re, isExpand: ke, parentPropertyID: we } = w, Te = { propertyID: C, propertyName: B, propertyType: P, propertyValue: Z, editor: E, visible: _, readonly: k, cascadeConfig: j, hideCascadeTitle: V, refreshPanelAfterChanged: Q, description: re, isExpand: ke, parentPropertyID: we };
+      }), { refreshPanelAfterChanged: Q, description: re, isExpand: ke, parentPropertyID: we } = w, Te = { propertyID: C, propertyName: B, propertyType: P, propertyValue: Z, editor: E, visible: _, readonly: k, cascadeConfig: G, hideCascadeTitle: V, refreshPanelAfterChanged: Q, description: re, isExpand: ke, parentPropertyID: we };
       return h[C] = Te, Te;
     });
   }
@@ -12096,8 +12130,8 @@ function Ka(t, e, n) {
           C.push(c(w, I, f, h, M));
           return;
         }
-        const B = I == null ? void 0 : I.title, P = I == null ? void 0 : I.tabId, R = I == null ? void 0 : I.tabName, E = I == null ? void 0 : I.hide, _ = I == null ? void 0 : I.hideTitle, k = u(I.properties || {}, v, x, f, h, M, I.$converter), { setPropertyRelates: j } = I, V = I == null ? void 0 : I.parentPropertyID;
-        C.push({ categoryId: w, categoryName: B, tabId: P, tabName: R, hide: E, properties: k, hideTitle: _, setPropertyRelates: j, parentPropertyID: V });
+        const B = I == null ? void 0 : I.title, P = I == null ? void 0 : I.tabId, R = I == null ? void 0 : I.tabName, E = I == null ? void 0 : I.hide, _ = I == null ? void 0 : I.hideTitle, k = u(I.properties || {}, v, x, f, h, M, I.$converter), { setPropertyRelates: G } = I, V = I == null ? void 0 : I.parentPropertyID;
+        C.push({ categoryId: w, categoryName: B, tabId: P, tabName: R, hide: E, properties: k, hideTitle: _, setPropertyRelates: G, parentPropertyID: V });
       }), C;
     }
     return [];
@@ -12108,7 +12142,7 @@ function Ka(t, e, n) {
     propertyConverterMap: i
   };
 }
-function es(t, e) {
+function ts(t, e) {
   let n;
   function i(a) {
     const { properties: c, title: p, ignore: f } = a, h = f && Array.isArray(f), y = Object.keys(c).reduce((M, b) => ((!h || !f.find((T) => T === b)) && (M[b] = c[b].type === "object" && c[b].properties ? i(c[b]) : nt(c[b].default)), M), {});
@@ -12185,11 +12219,11 @@ function es(t, e) {
   }
   return { getSchemaByType: l, resolveSchemaWithDefaultValue: m, resolveSchemaToProps: d, mappingSchemaToProps: s, setDesignerContext: u };
 }
-const ts = {}, ns = {}, { resolveSchemaWithDefaultValue: is } = es(ts, ns), os = {}, ls = {};
-Ka(os, ls, is);
-const { globalStorageKey: vu } = Zn();
+const ns = {}, is = {}, { resolveSchemaWithDefaultValue: os } = ts(ns, is), ls = {}, rs = {};
+es(ls, rs, os);
+const { globalStorageKey: yu } = Zn();
 var zn = /* @__PURE__ */ ((t) => (t.SimpleField = "SimpleField", t.ComplexField = "ComplexField", t))(zn || {});
-function rs(t, e, n) {
+function as(t, e, n) {
   function i() {
     const r = n.componentId;
     if (!r)
@@ -12239,7 +12273,7 @@ const gn = /* @__PURE__ */ it({
     }
     const {
       checkBindingFieldValidation: d
-    } = rs(i, o, t), u = !We("external-container-id");
+    } = as(i, o, t), u = !We("external-container-id");
     return () => {
       var f;
       const a = u ? d() : !0, c = "绑定信息已失效，请手动移除列", p = a ? "" : "color:red";
@@ -12254,10 +12288,10 @@ const gn = /* @__PURE__ */ it({
         onClick: (h) => s()
       }, [((f = t.editor) == null ? void 0 : f.required) === !0 && O("span", {
         class: "text-danger"
-      }, [je("*")]), t.title])]);
+      }, [Ge("*")]), t.title])]);
     };
   }
-}), as = "https://json-schema.org/draft/2020-12/schema", ss = "https://farris-design.gitee.io/data-grid.schema.json", ds = "data-grid", us = "A Farris Data Grid Component", cs = "object", fs = {
+}), ss = "https://json-schema.org/draft/2020-12/schema", ds = "https://farris-design.gitee.io/data-grid.schema.json", us = "data-grid", cs = "A Farris Data Grid Component", fs = "object", ms = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -13090,11 +13124,11 @@ const gn = /* @__PURE__ */ it({
     type: "boolean",
     default: !0
   }
-}, ms = [
+}, ps = [
   "id",
   "type",
   "columns"
-], ps = {
+], gs = {
   onClickRow: "行点击事件",
   onSelectionChange: "行切换事件",
   onDoubleClickRow: "行双击事件",
@@ -13110,16 +13144,16 @@ const gn = /* @__PURE__ */ it({
   onUnSelectAll: "取消全选事件",
   onEndEditCell: "单元格结束编辑事件"
 }, Wn = {
-  $schema: as,
-  $id: ss,
-  title: ds,
-  description: us,
-  type: cs,
-  properties: fs,
-  required: ms,
-  events: ps
+  $schema: ss,
+  $id: ds,
+  title: us,
+  description: cs,
+  type: fs,
+  properties: ms,
+  required: ps,
+  events: gs
 };
-function gs() {
+function hs() {
   function t(e, n) {
     const i = {};
     return i.beforeEditCell = (o) => n.call("beforeEditCell", e, [o, e]), i.beforeUpdate = (o) => n.call("beforeUpdate", e, [o, e]), i;
@@ -13128,30 +13162,30 @@ function gs() {
     resolve: t
   };
 }
-const hs = Cn(
+const vs = Cn(
   yn,
   Wn,
   Pt,
   Vt
-), vs = Mt(yn, Wn, Pt, Vt), ys = Kn(), bs = ei(), Cs = ti(), ws = gs();
+), ys = Mt(yn, Wn, Pt, Vt), bs = Kn(), Cs = ei(), ws = ti(), Ss = hs();
 dt.install = (t) => {
   t.component(dt.name, dt);
 };
 dt.register = (t, e, n, i, o) => {
-  t["data-grid"] = Qn, e["data-grid"] = hs(o), t["grid-field-editor"] = br, e["grid-field-editor"] = Ul(o), i["data-grid"] = { bindingResolver: ys, selectionItemResolver: bs, updateColumnsResolver: Cs, callbackResolver: ws };
+  t["data-grid"] = Qn, e["data-grid"] = vs(o), t["grid-field-editor"] = br, e["grid-field-editor"] = Ul(o), i["data-grid"] = { bindingResolver: bs, selectionItemResolver: Cs, updateColumnsResolver: ws, callbackResolver: Ss };
 };
 dt.registerDesigner = (t, e, n) => {
-  t["data-grid"] = dt, e["data-grid"] = vs, e["data-grid-column"] = Ar, t["data-grid-column"] = gn, e["tree-grid-column"] = Hr, t["tree-grid-column"] = gn;
+  t["data-grid"] = dt, e["data-grid"] = ys, e["data-grid-column"] = Ar, t["data-grid-column"] = gn, e["tree-grid-column"] = Lr, t["tree-grid-column"] = gn;
 };
-const yu = Jn(dt);
+const bu = Jn(dt);
 export {
   dt as FDataGridDesign,
-  ys as bindingResolver,
-  ws as callbackResolver,
-  yu as default,
+  bs as bindingResolver,
+  Ss as callbackResolver,
+  bu as default,
   cl as getColumnHeader,
-  vs as propsResolver,
-  hs as propsResolverGenerator,
-  bs as selectionItemResolver,
-  Cs as updateColumnsResolver
+  ys as propsResolver,
+  vs as propsResolverGenerator,
+  Cs as selectionItemResolver,
+  ws as updateColumnsResolver
 };