@farris/ui-vue 1.6.0-beta.5 → 1.6.0-beta.7

package/components/schema-selector/index.esm.js

@@ -1,7 +1,7 @@
 var Si = Object.defineProperty;
 var xi = (e, t, n) => t in e ? Si(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ae = (e, t, n) => xi(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as S, computed as R, watch as pe, nextTick as De, reactive as wt, createVNode as v, withDirectives as en, resolveDirective as co, onMounted as Ae, vModelText as fo, Fragment as Qe, defineComponent as Be, shallowRef as Xt, provide as Ot, inject as Oe, onUnmounted as Tt, isVNode as tn, createApp as vn, Transition as po, mergeProps as xt, createTextVNode as Le, onBeforeUnmount as gn, onBeforeMount as Ti, Teleport as mo, render as In, h as Ii, cloneVNode as _i, triggerRef as ki, withModifiers as vo, resolveComponent as Fi, watchEffect as Bi, vShow as Ei, onUpdated as Mi } from "vue";
+import { ref as S, computed as R, watch as he, nextTick as De, reactive as wt, createVNode as v, withDirectives as en, resolveDirective as co, onMounted as Ae, vModelText as fo, Fragment as Qe, defineComponent as Be, shallowRef as Xt, provide as Ot, inject as Oe, onUnmounted as Tt, isVNode as tn, createApp as vn, Transition as po, mergeProps as xt, createTextVNode as Le, onBeforeUnmount as gn, onBeforeMount as Ti, Teleport as mo, render as In, h as Ii, cloneVNode as _i, triggerRef as ki, withModifiers as vo, resolveComponent as Fi, watchEffect as Bi, vShow as Ei, onUpdated as Mi } from "vue";
 import { cloneDeep as ft, isPlainObject as Qn, isUndefined as vt, throttle as Oi, debounce as Pi } from "lodash-es";
 import { getCustomClass as tt, useCommonUtils as Vn, useGuid as Ri, useNumberFormat as go, resolveField as lt, useDateFormat as Dn, FormSchemaEntityField$Type as Kn, FormSchemaEntityFieldTypeName as Zn, setFieldValue as Fn, withInstall as ho } from "../common/index.esm.js";
 import yo from "../capsule/index.esm.js";
@@ -485,13 +485,13 @@ function Lo(e, t, n) {
           if (T.value) {
             if (["class", "style"].find((U) => U === x) && !z && (z = o.get("/converter/appearance.converter") || null), z && z.convertFrom)
               return z.convertFrom(C, I, h, y);
-            const de = C[I];
-            return Object.prototype.hasOwnProperty.call(b, "defaultValue") && (de === void 0 || typeof de == "string" && de === "") ? b.type === "boolean" ? b.defaultValue : b.defaultValue || "" : de;
+            const ce = C[I];
+            return Object.prototype.hasOwnProperty.call(b, "defaultValue") && (ce === void 0 || typeof ce == "string" && ce === "") ? b.type === "boolean" ? b.defaultValue : b.defaultValue || "" : ce;
           }
           return null;
         },
-        set(de) {
-          T.value += 1, z && z.convertTo ? (z.convertTo(w, I, de, h, y), z.convertTo(C, I, de, h, y)) : (w[I] = de, C[I] = de);
+        set(ce) {
+          T.value += 1, z && z.convertTo ? (z.convertTo(w, I, ce, h, y), z.convertTo(C, I, ce, h, y)) : (w[I] = ce, C[I] = ce);
         }
       }), { refreshPanelAfterChanged: V, description: H, isExpand: W, parentPropertyID: K } = b, Z = { propertyID: x, propertyName: _, propertyType: E, propertyValue: j, editor: P, visible: B, readonly: D, cascadeConfig: A, hideCascadeTitle: $, refreshPanelAfterChanged: V, description: H, isExpand: W, parentPropertyID: K };
       return g[x] = Z, Z;
@@ -1058,7 +1058,7 @@ function As(e, t, n) {
     }
     b ? m(o.value) : (a.value !== x && (l = a.value, a.value = x), f(a.value));
   }
-  pe(() => e.activeId, (x, b) => {
+  he(() => e.activeId, (x, b) => {
     x !== b && p(x);
   });
   function g(x) {
@@ -1250,7 +1250,7 @@ function Qo(e, t, n, o, a) {
   function p(g) {
     c(g);
   }
-  return pe(() => r.value, (g) => {
+  return he(() => r.value, (g) => {
     g !== d.value && (d.value = g);
   }, {
     immediate: !0
@@ -1293,7 +1293,7 @@ function zs(e, t, n, o) {
   function w(b) {
     C = b;
   }
-  pe(d, (b) => {
+  he(d, (b) => {
     if (C.value)
       if (b)
         l.value.style.width = null;
@@ -1449,7 +1449,7 @@ function Ko(e, t, n, o) {
       p();
     });
   }
-  return pe(r, () => {
+  return he(r, () => {
     g();
   }), {
     previousButtonClass: d,
@@ -1464,7 +1464,7 @@ function Ko(e, t, n, o) {
 }
 function Zo(e, t) {
   const { tabPages: n } = t, o = S(""), a = S(!0), l = R(() => e.searchBoxVisible), i = R(() => l.value ? n.value.filter((s) => s.props.title.includes(o.value)) : n.value.slice());
-  return pe(a, (r) => {
+  return he(a, (r) => {
     r || (o.value = "");
   }), {
     searchTabText: o,
@@ -1520,8 +1520,8 @@ const Lt = /* @__PURE__ */ Be({
     c.setScrollToSelectedTabFunction(_);
     const E = Zo(e, c), O = Ws(e, i, F, k, c), P = O, B = Qo(e, i, F, k, c), D = /* @__PURE__ */ new Map([["default", O], ["one-page", P], ["pills", B]]);
     R(() => {
-      const ce = f.value.find((G) => G.props.id === d.value);
-      return ce == null ? void 0 : ce.slots;
+      const de = f.value.find((G) => G.props.id === d.value);
+      return de == null ? void 0 : de.slots;
     });
     const A = R(() => e.fill);
     Ot("tabs", {
@@ -1541,12 +1541,12 @@ const Lt = /* @__PURE__ */ Be({
       "farris-tabs-nav-fill": e.tabType === "fill",
       "farris-tabs-nav-pills": e.tabType === "pills"
     })), j = R(() => {
-      const ce = {
+      const de = {
         width: h.value && e.titleWidth ? `${e.titleWidth}%` : ""
       };
-      return ce.width && (ce.flex = "unset"), ce;
+      return de.width && (de.flex = "unset"), de;
     }), V = R(() => {
-      const ce = {
+      const de = {
         "farris-tabs": !0,
         "f-utils-fill-flex-column": A.value,
         "flex-column": e.position === "top",
@@ -1555,18 +1555,18 @@ const Lt = /* @__PURE__ */ Be({
         "flex-row-reverse": e.position === "right",
         "one-page": e.tabType === "one-page"
       };
-      return l.value && l.value.split(" ").reduce((G, le) => (G[le] = !0, G), ce), ce;
-    }), H = new ResizeObserver((ce) => {
-      ce.length && M();
+      return l.value && l.value.split(" ").reduce((G, le) => (G[le] = !0, G), de), de;
+    }), H = new ResizeObserver((de) => {
+      de.length && M();
     });
     function W() {
       s.value && !$ && (H.observe(s.value), $ = !0);
     }
-    pe(() => e.visible, (ce) => {
+    he(() => e.visible, (de) => {
       De(() => {
         f.value.length && C(e.activeId || f.value[0].props.id), M(), u(i), W();
       });
-    }), pe(() => e.autoTitleWidth, (ce) => {
+    }), he(() => e.autoTitleWidth, (de) => {
       De(() => {
         M(), u(i);
       });
@@ -1590,7 +1590,7 @@ const Lt = /* @__PURE__ */ Be({
         }
       }, null);
     }
-    function de() {
+    function ce() {
       return v("button", {
         title: K.rightButton,
         type: "button",
@@ -1605,8 +1605,8 @@ const Lt = /* @__PURE__ */ Be({
       setTabsRef: X
     } = qs(e, E, F, c);
     X(a);
-    const q = (ce, G) => {
-      t.emit("Click", ce, G, d.value);
+    const q = (de, G) => {
+      t.emit("Click", de, G, d.value);
     };
     function Y() {
       return g.value.length ? v("div", {
@@ -1621,18 +1621,18 @@ const Lt = /* @__PURE__ */ Be({
     }
     const N = D.get(e.tabType) || D.get("default");
     function J() {
-      var ce, G, le, ue;
+      var de, G, le, ue;
       return v("div", {
         class: z.value
       }, [v("div", {
         class: "farris-tabs-header-pre"
-      }, [(G = (ce = t.slots).headerPrefix) == null ? void 0 : G.call(ce)]), v("div", {
+      }, [(G = (de = t.slots).headerPrefix) == null ? void 0 : G.call(de)]), v("div", {
         class: "farris-tabs-title scroll-tabs",
         style: j.value,
         ref: s
       }, [Z(), N && N(), v("div", {
         class: x.value
-      }, [de(), U()])]), Y(), v("div", {
+      }, [ce(), U()])]), Y(), v("div", {
         class: "farris-tabs-header-post"
       }, [(ue = (le = t.slots).headerSuffix) == null ? void 0 : ue.call(le)])]);
     }
@@ -1641,11 +1641,11 @@ const Lt = /* @__PURE__ */ Be({
       "f-utils-fill-flex-column": A.value
     }));
     function te() {
-      var ce, G;
+      var de, G;
       return v("div", {
         class: Q.value,
         ref: r
-      }, [(G = (ce = t.slots).default) == null ? void 0 : G.call(ce)]);
+      }, [(G = (de = t.slots).default) == null ? void 0 : G.call(de)]);
     }
     return () => e.visible ? v("div", {
       class: V.value,
@@ -1796,7 +1796,7 @@ const sn = /* @__PURE__ */ Be({
     const i = R(() => (e == null ? void 0 : e.id) === (n == null ? void 0 : n.activeId.value)), r = R(() => ({
       display: i.value ? "" : "none"
     }));
-    pe(() => e, (m) => {
+    he(() => e, (m) => {
       n == null || n.updateTab({
         props: m,
         slots: t.slots
@@ -1804,7 +1804,7 @@ const sn = /* @__PURE__ */ Be({
     }, {
       immediate: !0,
       deep: !0
-    }), pe(() => e.show, (m) => {
+    }), he(() => e.show, (m) => {
       n == null || n.toggleShowTab(e.id);
     });
     function s() {
@@ -1895,11 +1895,11 @@ function ou(e, t, n, o, a, l) {
   function T(E) {
     d(E, t.id);
   }
-  pe(() => t.toolbarPosition, () => {
+  he(() => t.toolbarPosition, () => {
     De(() => {
       u();
     });
-  }), pe(() => t.tabWidth, () => {
+  }), he(() => t.tabWidth, () => {
     De(() => {
       u();
     });
@@ -2282,7 +2282,7 @@ var ia = { exports: {} };
           function u(_, E) {
             var O = arguments.length;
             O === 1 && Array.isArray(_) === !1 && (E = _, _ = []);
-            var P, B, D, A, $, z, j, V, H, W = null, K, Z, de = !1, U = 0, X, q = E || {};
+            var P, B, D, A, $, z, j, V, H, W = null, K, Z, ce = !1, U = 0, X, q = E || {};
             q.moves === void 0 && (q.moves = h), q.accepts === void 0 && (q.accepts = h), q.invalid === void 0 && (q.invalid = se), q.containers === void 0 && (q.containers = _ || []), q.isContainer === void 0 && (q.isContainer = w), q.copy === void 0 && (q.copy = !1), q.copySortSource === void 0 && (q.copySortSource = !1), q.revertOnSpill === void 0 && (q.revertOnSpill = !1), q.removeOnSpill === void 0 && (q.removeOnSpill = !1), q.direction === void 0 && (q.direction = "vertical"), q.ignoreInputTextSelection === void 0 && (q.ignoreInputTextSelection = !0), q.mirrorContainer === void 0 && (q.mirrorContainer = c.body);
             var Y = i({
               containers: q.containers,
@@ -2290,7 +2290,7 @@ var ia = { exports: {} };
               end: be,
               cancel: Te,
               remove: oe,
-              destroy: ce,
+              destroy: de,
               canMove: Ie,
               dragging: !1
             });
@@ -2310,7 +2310,7 @@ var ia = { exports: {} };
               var ee = L ? "remove" : "add";
               r[ee](d, "selectstart", G), r[ee](d, "click", G);
             }
-            function ce() {
+            function de() {
               J(!0), qe({});
             }
             function G(L) {
@@ -2435,7 +2435,7 @@ var ia = { exports: {} };
                 return;
               }
               var Pe, Ne = xe(ke, _e);
-              if (de = He(Ne, ke), Ne !== null)
+              if (ce = He(Ne, ke), Ne !== null)
                 Pe = pt(ke, Ne, ee, re);
               else if (q.revertOnSpill === !0 && !V)
                 Pe = z, ke = B;
@@ -2471,7 +2471,7 @@ var ia = { exports: {} };
                 var L = D.getBoundingClientRect();
                 Z.style.left = L.left + "px", Z.style.top = L.top + "px";
               }
-              de = !1, q.mirrorContainer.appendChild(Z);
+              ce = !1, q.mirrorContainer.appendChild(Z);
             }
             function fe() {
               P && (s.rm(q.mirrorContainer, "gu-unselectable"), p(d, "remove", "mousemove", yt), F(P).removeChild(P), P = null);
@@ -2486,7 +2486,7 @@ var ia = { exports: {} };
             }
             function He(L, ee) {
               if (!ee)
-                return de;
+                return ce;
               var re = L || ee && ee.lastElementChild;
               if (!re)
                 return !0;
@@ -2521,7 +2521,7 @@ var ia = { exports: {} };
             }
             function ot(L, ee) {
               const re = ee.getBoundingClientRect();
-              if (Z.style.left = re.left + "px", Z.style.top = re.top + "px", de) {
+              if (Z.style.left = re.left + "px", Z.style.top = re.top + "px", ce) {
                 if (Z.style.height = re.height + "px", Z.style.width = "4px", L) {
                   const ye = L.getBoundingClientRect();
                   ye.top !== re.top && (Z.style.left = ye.right + "px", Z.style.top = ye.top + "px", Z.style.height = ye.height + "px");
@@ -2537,7 +2537,7 @@ var ia = { exports: {} };
               var ee = L.lastElementChild;
               if (ee) {
                 var re = ee.getBoundingClientRect();
-                de ? (Z.style.left = re.right + "px", Z.style.top = re.top + "px", Z.style.height = re.height + "px", Z.style.width = "4px") : (Z.style.left = re.left + "px", Z.style.top = re.bottom + "px", Z.style.height = "4px", Z.style.width = re.width + "px"), ee === D && D && (Z.style.display = "none");
+                ce ? (Z.style.left = re.right + "px", Z.style.top = re.top + "px", Z.style.height = re.height + "px", Z.style.width = "4px") : (Z.style.left = re.left + "px", Z.style.top = re.bottom + "px", Z.style.height = "4px", Z.style.width = re.width + "px"), ee === D && D && (Z.style.display = "none");
               } else
                 Z.style.display = "none";
             }
@@ -2569,7 +2569,7 @@ var ia = { exports: {} };
                 var Me = ee.getBoundingClientRect();
                 if (ke) {
                   var Ue = ye - Me.top, at = re - Me.left, et = Me.bottom - ye, Gt = Me.right - re, Ut = Math.min(at, Gt, Ue, et), we;
-                  return de ? we = Gt < at : we = et === Ut || Gt === Ut || at === Ut, Ne(we);
+                  return ce ? we = Gt < at : we = et === Ut || Gt === Ut || at === Ut, Ne(we);
                 }
                 return Ne(_e ? re > Me.left + y(Me) / 2 : ye > Me.top + k(Me) / 2);
               }
@@ -3022,7 +3022,7 @@ const un = /* @__PURE__ */ ru(su), uu = {
     function h(k) {
       return `f-preten-link ${k.customClass ? k.customClass : ""}`;
     }
-    pe(a, () => {
+    he(a, () => {
       a.value;
     });
     const y = () => {
@@ -4260,7 +4260,7 @@ function ku(e, t) {
       height: `${g}`
     };
   }
-  return pe(t, () => {
+  return he(t, () => {
     a.value = t.value.primaryColumnsWidth;
   }), {
     calculateCellPositionInRow: l,
@@ -4412,8 +4412,8 @@ function Ou(e, t, n, o, a, l, i, r, s, c, d, u, f) {
   function Z(se) {
     return se.collapse && e.loadData ? e.loadData(se) : Promise.resolve();
   }
-  function de(se) {
-    return (se || []).some((be) => tn(be) ? !(be.type === Comment || be.type === Qe && !de(be.children)) : !0) ? se : null;
+  function ce(se) {
+    return (se || []).some((be) => tn(be) ? !(be.type === Comment || be.type === Qe && !ce(be.children)) : !0) ? se : null;
   }
   function U(se, be) {
     se.stopPropagation(), Z(be).then(() => {
@@ -4467,7 +4467,7 @@ function Ou(e, t, n, o, a, l, i, r, s, c, d, u, f) {
       style: "user-select:none"
     }, [se.formatter(se, be)])]);
   }
-  function ce(se) {
+  function de(se) {
     const be = se.data !== null && se.data !== void 0 ? se.data.toString() : se.data;
     return se.showTips ? v("div", {
       class: V(se)
@@ -4484,10 +4484,10 @@ function Ou(e, t, n, o, a, l, i, r, s, c, d, u, f) {
     return se.getEditor(se);
   }
   function le(se, be) {
-    return t.slots.cellTemplate && de(t.slots.cellTemplate({
+    return t.slots.cellTemplate && ce(t.slots.cellTemplate({
       cell: be,
       row: se
-    })) ? Q(be, se) : be.mode === Xe.editing ? G(be) : be.formatter ? te(be, se) : ce(be);
+    })) ? Q(be, se) : be.mode === Xe.editing ? G(be) : be.formatter ? te(be, se) : de(be);
   }
   function ue(se, be, $e) {
     const qe = H(se);
@@ -4621,7 +4621,7 @@ function Ru(e) {
 }
 function Vu(e) {
   const t = S(e.minHeight), n = S(e.minWidth), o = S(e.height), a = S(e.width), l = R(() => o.value <= 0 ? 0 : Math.max(o.value, t.value)), i = R(() => a.value <= 0 ? 0 : Math.max(a.value, n.value));
-  return pe([
+  return he([
     () => e.height,
     () => e.width,
     () => e.minHeight,
@@ -4912,8 +4912,8 @@ function ju(e, t, n, o) {
   function I(U, X, q) {
     Array.from(X.keys()).forEach((Y) => {
       X.get(Y).reduce((J, Q) => {
-        const te = Q[i.value], ce = U.get(Q[i.value]), G = U.get(Y), le = q.get(Y);
-        return G && le && (G.children.set(te, ce), G.children.set(te, ce), ce.parentId = Y, ce.parentIndex = G.index, ce.parents.set(Y, G)), J;
+        const te = Q[i.value], de = U.get(Q[i.value]), G = U.get(Y), le = q.get(Y);
+        return G && le && (G.children.set(te, de), G.children.set(te, de), de.parentId = Y, de.parentIndex = G.index, de.parents.set(Y, G)), J;
       }, U);
     });
   }
@@ -5008,12 +5008,12 @@ function ju(e, t, n, o) {
       const Q = d.get(J.parentId);
       let te = q.value.length - 1;
       if (Q) {
-        const ce = Array.from(Q.children.keys()).indexOf(J.id);
-        if (ce === Q.children.size - 1) {
+        const de = Array.from(Q.children.keys()).indexOf(J.id);
+        if (de === Q.children.size - 1) {
           const le = Array.from(Q.descendant.values())[Q.descendant.size - 1];
           te = q.value.findIndex((Se) => Se[i.value] === le.id) + 1;
         } else {
-          const le = Array.from(Q.children.values())[ce + 1];
+          const le = Array.from(Q.children.values())[de + 1];
           te = q.value.findIndex((Se) => Se[i.value] === le.id);
         }
         X[s.value] = !1, X[c.value] = Q.id, q.value.splice(te, 0, X);
@@ -5023,7 +5023,7 @@ function ju(e, t, n, o) {
   function K(U, X, q) {
     const Y = q.value[U], N = Y[i.value];
     if (d.get(N)) {
-      const te = q.value.findIndex((ce) => ce[i.value] === N) + 1;
+      const te = q.value.findIndex((de) => de[i.value] === N) + 1;
       Y[s.value] = !0, Y[r.value] = !1, X[s.value] = !1, X[c.value] = N, q.value.splice(te, 0, X);
     }
   }
@@ -5031,18 +5031,18 @@ function ju(e, t, n, o) {
     const N = q.value[U][i.value];
     if (d.get(N)) {
       const te = q.value.findIndex((G) => G[i.value] === N) + 1;
-      let ce = X;
-      p(X) && (ce = m(X)), ce.forEach((G) => {
+      let de = X;
+      p(X) && (de = m(X)), de.forEach((G) => {
         G[c.value] = N;
-      }), q.value.splice(te, 0, ...ce);
+      }), q.value.splice(te, 0, ...de);
     }
   }
-  function de(U, X) {
+  function ce(U, X) {
     const q = U[i.value], Y = d.get(q), N = Array.from(Y.descendant.keys());
     N.unshift(q);
     const J = d.get(Y.parentId);
     if (J && (J.children.delete(q), J.children.size === 0)) {
-      const te = X.find((ce) => ce[i.value] === Y.parentId);
+      const te = X.find((de) => de[i.value] === Y.parentId);
       te[s.value] = !1, te[r.value] = !1;
     }
     return X.filter((te) => N.indexOf(te.id) === -1);
@@ -5059,7 +5059,7 @@ function ju(e, t, n, o) {
     isVisibleInTree: O,
     shouldStratifyData: l,
     toggleChildrenVisibiltyByCollapseStatus: A,
-    trimmedOriginalData: de
+    trimmedOriginalData: ce
   };
 }
 function pa(e, t, n, o, a) {
@@ -5086,11 +5086,11 @@ function pa(e, t, n, o, a) {
     return (ne == null ? void 0 : ne.groupFields) || [];
   });
   let K = /* @__PURE__ */ new Map();
-  const Z = S($.value.length), de = S(e.pagination);
+  const Z = S($.value.length), ce = S(e.pagination);
   function U() {
-    return de.value && de.value.enable && de.value.size > 0 ? de.value.size : $.value.length;
+    return ce.value && ce.value.enable && ce.value.size > 0 ? ce.value.size : $.value.length;
   }
-  const X = S(1), q = R(() => de.value && de.value.enable && de.value.mode !== "server"), Y = R(() => de.value && de.value.enable && de.value.mode === "server"), N = new Hn();
+  const X = S(1), q = R(() => ce.value && ce.value.enable && ce.value.mode !== "server"), Y = R(() => ce.value && ce.value.enable && ce.value.mode === "server"), N = new Hn();
   function J(ne, L) {
     const ee = Math.ceil(ne.length / L);
     let re = 0;
@@ -5134,9 +5134,9 @@ function pa(e, t, n, o, a) {
       K.set(Pe, l(Ne.toFixed(2)));
     }), z.value = [...Fe], Fe;
   }
-  const te = S(Q()), ce = R(() => (P.value, te.value.filter((ne) => _.value ? ne.__fv_visible__ !== !1 && M(ne) : ne.__fv_visible__ !== !1)));
+  const te = S(Q()), de = R(() => (P.value, te.value.filter((ne) => _.value ? ne.__fv_visible__ !== !1 && M(ne) : ne.__fv_visible__ !== !1)));
   function G() {
-    ce.value.forEach((ne, L) => (ne.__fv_visible_index__ = L, ne));
+    de.value.forEach((ne, L) => (ne.__fv_visible_index__ = L, ne));
   }
   function le(ne, L, ee = !1) {
     const ye = (ee ? Q() : [...z.value]).filter((Fe) => n.apply(Fe)), _e = ne && ne.length ? ye.filter((Fe) => ne.reduce((Ve, Pe) => Ve && Pe.filter(Fe), !0)) : ye, ke = L && L.length ? _e.sort((Fe, Ve) => {
@@ -5268,10 +5268,10 @@ function pa(e, t, n, o, a) {
     return le(ne, Array.from(d.values()));
   }
   function Ge(ne) {
-    de.value.size = ne;
+    ce.value.size = ne;
   }
   function ot(ne) {
-    de.value && (Ge(ne), Re());
+    ce.value && (Ge(ne), Re());
   }
   function ut(ne, L) {
     const ee = w.value[Number(ne) - 1];
@@ -5342,8 +5342,9 @@ function pa(e, t, n, o, a) {
     totalItems: Z,
     unFold: We,
     updateDataView: Re,
-    visibleDataItems: ce,
-    shouldGroupingData: C
+    visibleDataItems: de,
+    shouldGroupingData: C,
+    pagination: ce
   };
 }
 const ma = {
@@ -5867,7 +5868,7 @@ function Hu(e, t, n) {
     return d > 250 * 6 ? f = "col-2" : d > 250 * 4 ? f = "col-3" : d > 250 * 3 ? f = "col-4" : d > 250 * 2 && (f = "col-6"), f;
   }
   const c = R(() => s(l.value));
-  return pe([n], ([d]) => {
+  return he([n], ([d]) => {
     a.value = d, r();
   }), {
     conditionClass: c,
@@ -5892,7 +5893,7 @@ const oo = /* @__PURE__ */ Be({
     c(!0), r(l.value), gn(() => {
       var C;
       (C = f.value) == null || C.unobserve(n.value);
-    }), pe(() => e.conditions, () => {
+    }), he(() => e.conditions, () => {
       l.value = e.conditions, r(l.value);
     });
     const m = R(() => ({
@@ -6981,11 +6982,11 @@ const vc = {
   setup(e, t) {
     S(e.title || e.text);
     const n = S(e.required), o = S(e.text), a = S(e.valid), l = S(e.inValidTip);
-    pe(() => e.text, () => {
+    he(() => e.text, () => {
       o.value = e.text;
-    }), pe(() => e.required, (d, u) => {
+    }), he(() => e.required, (d, u) => {
       d !== u && (n.value = d);
-    }), pe([() => e.valid, () => e.inValidTip], ([d, u]) => {
+    }), he([() => e.valid, () => e.inValidTip], ([d, u]) => {
       a.value = d, l.value = u;
     });
     const i = R(() => a.value ? o.value : l.value), r = R(() => a.value ? "" : "color:red"), s = R(() => ({
@@ -7007,21 +7008,21 @@ const vc = {
       class: "farris-label-info text-danger"
     }, [Le("*")]), e.showType === "visible" && o.value])]);
   }
-}), me = {}, ve = {}, ge = {}, he = {};
+}), pe = {}, me = {}, ve = {}, ge = {};
 let ao = !1;
 function hc() {
-  ao || (ao = !0, gl.register(me, ve, ge, he), vl.register(me, ve, ge, he), hl.register(me, ve, ge, he), yl.register(me, ve, ge, he), bl.register(me, ve, ge, he), yo.register(me, ve, ge, he), to.register(me, ve, ge, he), no.register(me, ve, ge, he), to.register(me, ve, ge, he), no.register(me, ve, ge, he), Bn.register(me, ve, ge, he), Cl.register(me, ve, ge, he), wl.register(me, ve, ge, he), xl.register(me, ve, ge, he), Sl.register(me, ve, ge, he), Tl.register(me, ve, ge, he), Il.register(me, ve, ge, he), _l.register(me, ve, ge, he), cl.register(me, ve, ge, he), kl.register(me, ve, ge, he), vr.register(me, ve, ge, he), rl.register(me, ve, ge, he), Fl.register(me, ve, ge, he), sr.register(me, ve, ge, he), El.register(me, ve, ge, he), Ml.register(me, ve, ge, he), Ol.register(me, ve, ge, he), Vo.register(me, ve, ge, he), Pl.register(me, ve, ge, he), Rl.register(me, ve, ge, he), Vl.register(me, ve, ge, he), Dl.register(me, ve, ge, he), $l.register(me, ve, ge, he), jl.register(me, ve, ge, he), Nl.register(me, ve, ge, he), Ll.register(me, ve, ge, he), Al.register(me, ve, ge, he), sl.register(me, ve, ge, he), Hl.register(me, ve, ge, he), Wl.register(me, ve, ge, he), zl.register(me, ve, ge, he), ql.register(me, ve, ge, he), Gl.register(me, ve, ge, he), Ul.register(me, ve, ge, he), $n.register(me, ve, ge, he), ir.register(me, ve, ge), ul.register(me, ve, ge, he), Co.register(me, ve, ge, he), Yl.register(me, ve, ge, he), Xl.register(me, ve, ge, he), Jl.register(me, ve, ge, he), Ql.register(me, ve, ge, he), cr.register(me, ve, ge, he), ll.register(me, ve, ge, he), Ro.register(me, ve, ge, he), Kl.register(me, ve, ge, he), Zl.register(me, ve, ge, he), il.register(me, ve, ge, he), er.register(me, ve, ge, he), nr.register(me, ve, ge, he), tr.register(me, ve, ge, he), or.register(me, ve, ge, he), ar.register(me, ve, ge, he), lr.register(me, ve, ge, he), Bl.register(me, ve, ge, he), rr.register(me, ve, ge, he), ur.register(me, ve, ge, he), dr.register(me, ve, ge, he), fr.register(me, ve, ge, he), pr.register(me, ve, ge, he), mr.register(me, ve, ge, he), gr.register(me, ve, ge, he), hr.register(me, ve, ge, he), yr.register(me, ve, ge, he), al.register(me, ve, ge, he), br.register(me, ve, ge, he), Cr.register(me, ve, ge, he));
+  ao || (ao = !0, gl.register(pe, me, ve, ge), vl.register(pe, me, ve, ge), hl.register(pe, me, ve, ge), yl.register(pe, me, ve, ge), bl.register(pe, me, ve, ge), yo.register(pe, me, ve, ge), to.register(pe, me, ve, ge), no.register(pe, me, ve, ge), to.register(pe, me, ve, ge), no.register(pe, me, ve, ge), Bn.register(pe, me, ve, ge), Cl.register(pe, me, ve, ge), wl.register(pe, me, ve, ge), xl.register(pe, me, ve, ge), Sl.register(pe, me, ve, ge), Tl.register(pe, me, ve, ge), Il.register(pe, me, ve, ge), _l.register(pe, me, ve, ge), cl.register(pe, me, ve, ge), kl.register(pe, me, ve, ge), vr.register(pe, me, ve, ge), rl.register(pe, me, ve, ge), Fl.register(pe, me, ve, ge), sr.register(pe, me, ve, ge), El.register(pe, me, ve, ge), Ml.register(pe, me, ve, ge), Ol.register(pe, me, ve, ge), Vo.register(pe, me, ve, ge), Pl.register(pe, me, ve, ge), Rl.register(pe, me, ve, ge), Vl.register(pe, me, ve, ge), Dl.register(pe, me, ve, ge), $l.register(pe, me, ve, ge), jl.register(pe, me, ve, ge), Nl.register(pe, me, ve, ge), Ll.register(pe, me, ve, ge), Al.register(pe, me, ve, ge), sl.register(pe, me, ve, ge), Hl.register(pe, me, ve, ge), Wl.register(pe, me, ve, ge), zl.register(pe, me, ve, ge), ql.register(pe, me, ve, ge), Gl.register(pe, me, ve, ge), Ul.register(pe, me, ve, ge), $n.register(pe, me, ve, ge), ir.register(pe, me, ve), ul.register(pe, me, ve, ge), Co.register(pe, me, ve, ge), Yl.register(pe, me, ve, ge), Xl.register(pe, me, ve, ge), Jl.register(pe, me, ve, ge), Ql.register(pe, me, ve, ge), cr.register(pe, me, ve, ge), ll.register(pe, me, ve, ge), Ro.register(pe, me, ve, ge), Kl.register(pe, me, ve, ge), Zl.register(pe, me, ve, ge), il.register(pe, me, ve, ge), er.register(pe, me, ve, ge), nr.register(pe, me, ve, ge), tr.register(pe, me, ve, ge), or.register(pe, me, ve, ge), ar.register(pe, me, ve, ge), lr.register(pe, me, ve, ge), Bl.register(pe, me, ve, ge), rr.register(pe, me, ve, ge), ur.register(pe, me, ve, ge), dr.register(pe, me, ve, ge), fr.register(pe, me, ve, ge), pr.register(pe, me, ve, ge), mr.register(pe, me, ve, ge), gr.register(pe, me, ve, ge), hr.register(pe, me, ve, ge), yr.register(pe, me, ve, ge), al.register(pe, me, ve, ge), br.register(pe, me, ve, ge), Cr.register(pe, me, ve, ge));
 }
 function yc() {
   hc();
   function e(i) {
-    const r = me[i];
+    const r = pe[i];
     if (!r)
       throw new Error(`Could not find the editor of type '${i}'`);
     return r;
   }
   function t(i, r) {
-    const s = ve[i];
+    const s = me[i];
     return s ? s(r) : {};
   }
   function n(i) {
@@ -7132,7 +7133,7 @@ const bc = {
   emits: [],
   setup(e, t) {
     const n = S(e.errors);
-    pe(() => e.errors, (l) => {
+    he(() => e.errors, (l) => {
       n.value = l;
     });
     const o = S(!0), a = R(() => {
@@ -7198,7 +7199,7 @@ const bc = {
         errors: f.value
       }, null);
     }
-    return pe([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([x, b, M, _, E, O, P, B, D, A]) => {
+    return he([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([x, b, M, _, E, O, P, B, D, A]) => {
       var $;
       n.value = x, o.value = b, a.value = M, l.value = _, i.value = E, r.value = O, s.value = (($ = a.value) == null ? void 0 : $.required) || P, c.value = B, d.value = D, f.value = A;
     }), t.expose({
@@ -8181,7 +8182,7 @@ function sd(e, t) {
 }
 function ud(e, t, n) {
   const o = S(), a = S(e.draggable), l = S(e.lockAxis), i = S(), r = S(), s = S(!1), c = S(new Je(0, 0)), d = S(new Je(0, 0)), u = S(new Je(0, 0)), f = S(new Je(0, 0));
-  pe(() => n.value, (T) => {
+  he(() => n.value, (T) => {
     i.value.style.cursor = T ? "move" : "default";
   });
   function m(T, x) {
@@ -8341,17 +8342,17 @@ const Ht = /* @__PURE__ */ Be({
       const oe = document.querySelectorAll(".farris-modal").length;
       (!oe || oe - 1 <= 0) && document.body.classList.remove("modal-open"), y.value && y.value.classList.remove("show");
     }
-    pe(() => e.title, (oe, Te) => {
+    he(() => e.title, (oe, Te) => {
       oe !== Te && (w.value = oe);
-    }), pe(() => e.modelValue, (oe, Te) => {
+    }), he(() => e.modelValue, (oe, Te) => {
       oe !== Te && (a.value = oe, a.value && e.draggable && De(() => {
         E.value && !h.value && (h.value = E.value.parentElement, A.value = h.value, H(_.value, E.value, A.value), V());
       }), oe || (h.value && (h.value = null), K())), a.value ? F.value = W() : (O.value = !1, z.value = e.draggable);
-    }), pe(() => e.showHeader, (oe, Te) => {
+    }), he(() => e.showHeader, (oe, Te) => {
       oe !== Te && (s.value = oe);
-    }), pe(() => e.showButtons, (oe, Te) => {
+    }), he(() => e.showButtons, (oe, Te) => {
       oe !== Te && (C.value = oe);
-    }), pe(() => $.value, (oe, Te) => {
+    }), he(() => $.value, (oe, Te) => {
       const We = oe || {}, Re = Te || {};
       JSON.stringify(We) !== JSON.stringify(Re) && t.emit("resize", {
         newSize: oe,
@@ -8359,7 +8360,7 @@ const Ht = /* @__PURE__ */ Be({
         isMaximized: O.value
       });
     });
-    const Z = R(() => (a.value && document.body.classList.add("modal-open"), a.value)), de = R(() => {
+    const Z = R(() => (a.value && document.body.classList.add("modal-open"), a.value)), ce = R(() => {
       var We;
       const oe = {
         modal: !0,
@@ -8411,7 +8412,7 @@ const Ht = /* @__PURE__ */ Be({
         height: `${e.footerHeight || 60}px`
       };
     }
-    const ce = R(() => {
+    const de = R(() => {
       const oe = {
         textAlgin: g.value
       }, Te = te();
@@ -8466,7 +8467,7 @@ const Ht = /* @__PURE__ */ Be({
     function nt() {
       return v("div", {
         class: "modal-footer",
-        style: ce.value
+        style: de.value
       }, [x.value && x.value.map((oe) => {
         const Te = S(oe.disabled);
         return v("button", {
@@ -8539,7 +8540,7 @@ const Ht = /* @__PURE__ */ Be({
       }, {
         default: () => [v("div", {
           ref: y,
-          class: de.value,
+          class: ce.value,
           style: q.value,
           onClick: $e
         }, [qe()])]
@@ -9614,7 +9615,7 @@ function _d(e, t, n, o, a, l, i, r, s) {
   function Z() {
     b.value && (k = z(Math.abs(h.value)), F = k + l.value - 1, (k < m.value || F > f.value - i / 2) && V());
   }
-  function de(fe) {
+  function ce(fe) {
     let Ce = h.value + fe;
     Ce > D && (Ce = D);
     const xe = O();
@@ -9638,10 +9639,10 @@ function _d(e, t, n, o, a, l, i, r, s) {
     const fe = O();
     K(h.value, fe);
   }
-  pe([x, p], () => {
+  he([x, p], () => {
     U(0);
-  }), pe(T, (fe, Ce) => {
-    fe !== Ce && fe >= c.value.length * w && de(0);
+  }), he(T, (fe, Ce) => {
+    fe !== Ce && fe >= c.value.length * w && ce(0);
   });
   function N(fe) {
     let { deltaX: Ce } = fe, xe = -1 * fe.deltaY;
@@ -9652,7 +9653,7 @@ function _d(e, t, n, o, a, l, i, r, s) {
       return;
     fe.preventDefault(), fe.stopPropagation();
     const { deltaX: Ce, deltaY: xe } = N(fe);
-    de(xe), U(Ce);
+    ce(xe), U(Ce);
   }
   const Q = R(() => ({
     height: `${c.value.length * w}px`,
@@ -9660,7 +9661,7 @@ function _d(e, t, n, o, a, l, i, r, s) {
     transform: `translateY(${h.value}px)`
   })), te = R(() => ({
     transform: `translateY(${h.value}px)`
-  })), ce = R(() => ({
+  })), de = R(() => ({
     height: `${(e.autoHeight ? d.value : c.value).length * w}px`,
     width: `${p.value}px`,
     transform: `translate(${y.value}px, ${h.value}px)`
@@ -9710,7 +9711,7 @@ function _d(e, t, n, o, a, l, i, r, s) {
       const Ce = oe.value - fe.pageY, xe = O(), He = xe - P.value;
       if (Math.abs(Ce) <= He) {
         const Ge = Ce / (T.value - P.value) * (xe - T.value);
-        de(Ge), oe.value = fe.pageY;
+        ce(Ge), oe.value = fe.pageY;
       }
     }
   }
@@ -9728,18 +9729,18 @@ function _d(e, t, n, o, a, l, i, r, s) {
   function Ft(fe) {
     const Ce = c.value.length * w - T.value;
     let xe = fe * w;
-    xe >= Ce && (xe = Ce), de(-xe - h.value);
+    xe >= Ce && (xe = Ce), ce(-xe - h.value);
   }
   function _t() {
     Ft(c.value.length);
   }
   function Rt(fe) {
-    de(fe - h.value);
+    ce(fe - h.value);
   }
   return {
     dataGridWidth: I,
     fitHorizontalScroll: X,
-    gridDataStyle: ce,
+    gridDataStyle: de,
     gridHeaderColumnsStyle: ze,
     gridMergedDataStyle: G,
     gridSideStyle: Se,
@@ -10047,17 +10048,17 @@ function La(e, t, n, o, a, l, i) {
       checked: $,
       disabled: j,
       indeterminate: z,
-      setRef: (de) => {
-        H.ref = de;
+      setRef: (ce) => {
+        H.ref = ce;
       },
       visible: A && V || A && !e.hierarchy,
       status: St.initial,
-      updateCell: (de, U) => {
-        p(de, T, H, U), t.updateSummary();
+      updateCell: (ce, U) => {
+        p(ce, T, H, U), t.updateSummary();
       },
-      updateCells: (de, U) => {
+      updateCells: (ce, U) => {
         U.forEach((X) => {
-          p(de, T, H, X);
+          p(ce, T, H, X);
         });
       }
     };
@@ -10244,18 +10245,18 @@ function Aa(e, t, n, o, a) {
       selectOnCreated: e.selectOnEditingCell,
       editor: Z,
       modelValue: V.editingData,
-      "onUpdate:modelValue": (de) => V.editingData = de,
+      "onUpdate:modelValue": (ce) => V.editingData = ce,
       id: H.id,
-      onMousedown: (de) => M(de),
-      onMouseup: (de) => _(de)
+      onMousedown: (ce) => M(ce),
+      onMouseup: (ce) => _(ce)
     }, null)) : V.data;
   }
   function $() {
     F(f);
   }
-  pe(() => e.editable, () => {
+  he(() => e.editable, () => {
     i.value = e.editable;
-  }), pe(() => {
+  }), he(() => {
     var V;
     return (V = e.editOption) == null ? void 0 : V.editMode;
   }, (V) => {
@@ -10410,7 +10411,7 @@ function Wa(e, t, n, o) {
 }
 function za(e, t, n, o, a) {
   const { idField: l } = n, { dataView: i, getSelectionItems: r } = t, s = S(""), c = R(() => e.selection.enableSelectRow), d = S(e.selection.multiSelect ?? !1), u = S(e.selection.multiSelectMode || "DependOnCheck"), f = S(e.selection.showCheckbox), m = S(e.selection.showSelectAll), p = S(e.selectionValues || []), g = S(!!p.value.length && o.value.length === p.value.length), C = S(!!p.value.length && o.value.length !== p.value.length);
-  pe(() => e.selection.showSelectAll, (G, le) => {
+  he(() => e.selection.showSelectAll, (G, le) => {
     G !== le && (m.value = G);
   });
   function w() {
@@ -10460,11 +10461,11 @@ function za(e, t, n, o, a) {
       k(Se);
     });
   }
-  pe(() => o.value, () => {
+  he(() => o.value, () => {
     P();
-  }), pe(() => e.selectionValues, (G) => {
+  }), he(() => e.selectionValues, (G) => {
     p.value = G, P();
-  }, { immediate: !0 }), pe(() => e.selection, (G) => {
+  }, { immediate: !0 }), he(() => e.selection, (G) => {
     d.value = !!G.multiSelect, u.value = G.multiSelectMode || "DependOnCheck", f.value = !!G.showCheckbox;
   });
   const B = R(() => !d.value);
@@ -10510,7 +10511,7 @@ function za(e, t, n, o, a) {
   function Z(G) {
     G.__fv_checked__ = !1, G.__fv_indeterminate__ = !0, p.value = p.value.filter((le) => le !== G[l.value]);
   }
-  function de(G) {
+  function ce(G) {
     const le = G.raw;
     le.__fv_checked__ = !1, le.__fv_indeterminate__ = !0, p.value = p.value.filter((ue) => ue !== le[l.value]), G.checked = !1, G.indeterminate = !0;
   }
@@ -10570,7 +10571,7 @@ function za(e, t, n, o, a) {
       H(G);
     }), _();
   }
-  function ce() {
+  function de() {
     return o.value.find((G) => G.raw[l.value] === s.value);
   }
   return {
@@ -10580,8 +10581,8 @@ function za(e, t, n, o, a) {
     enableSelectRow: c,
     findIndexInSelectedItems: A,
     getSelectedItems: h,
-    getSelectionRow: ce,
-    indeterminate: de,
+    getSelectionRow: de,
+    indeterminate: ce,
     indeterminateDataItem: Z,
     isSelectingHirarchyItem: T,
     multiSelectMode: u,
@@ -10615,7 +10616,7 @@ function $d(e, t) {
     var y, k;
     return r.value ? ((y = e.rowNumber) == null ? void 0 : y.heading) === "序号" ? n("datagrid.lineNumberTitle") : (k = e.rowNumber) == null ? void 0 : k.heading : "";
   }), f = R(() => (s.value && !e.hierarchy ? Number(d.value) : 0) + (r.value ? Number(c.value) : 0));
-  pe(() => e.rowNumber, (y) => {
+  he(() => e.rowNumber, (y) => {
     y && y.enable !== void 0 && (r.value = y.enable), y && y.width !== void 0 && (c.value = y.width);
   });
   function m(y) {
@@ -10768,18 +10769,18 @@ const fn = /* @__PURE__ */ Be({
       updateColumnRenderContext: z
     } = B;
     A(I, D);
-    const j = Hi(e, $), V = Fo(e, t, x, i), H = Bo(e, t, i, V, m), W = Eo(e), K = Mo(e, H, W), Z = Oo(e, I, H, h, i, W, K), de = Po(e, l, I, _, 0, Z), {
+    const j = Hi(e, $), V = Fo(e, t, x, i), H = Bo(e, t, i, V, m), W = Eo(e), K = Mo(e, H, W), Z = Oo(e, I, H, h, i, W, K), ce = Po(e, l, I, _, 0, Z), {
       getVisualData: U
-    } = de, X = Wi(e, $), q = zi(e, x), {
+    } = ce, X = Wi(e, $), q = zi(e, x), {
       sidebarWidth: Y
-    } = q, N = qi(e, I, m, $, de, _, 0, Y), {
+    } = q, N = qi(e, I, m, $, ce, _, 0, Y), {
       onWheel: J,
       dataGridWidth: Q,
       viewPortHeight: te,
-      viewPortWidth: ce,
+      viewPortWidth: de,
       resetScroll: G,
       updateVisibleRowsOnLatestVisibleScope: le
-    } = N, ue = Gi(e, $, c, ce, j), {
+    } = N, ue = Gi(e, $, c, de, j), {
       calculateColumnsSize: Se
     } = ue, Ie = Ui(), ze = Yi(c, f, I, Ie, N), nt = Xi(e, t, B, I, j, C, N), se = R(() => ({
       "fv-grid": !0,
@@ -10792,11 +10793,11 @@ const fn = /* @__PURE__ */ Be({
       "fv-grid-wrap-content": g.value
     })), {
       renderDataArea: $e
-    } = Wd(e, t, d, u, f, X, B, I, H, h, V, x, b, N, de, W, m), {
+    } = Wd(e, t, d, u, f, X, B, I, H, h, V, x, b, N, ce, W, m), {
       renderGridHeader: qe,
       renderGridColumnResizeOverlay: je,
       shouldShowHeader: oe
-    } = Ji(e, t, c, u, f, B, I, nt, ze, w, Ie, ue, j, x, q, D, N, ce, m), {
+    } = Ji(e, t, c, u, f, B, I, nt, ze, w, Ie, ue, j, x, q, D, N, de, m), {
       renderDataGridSidebar: Te
     } = Qi(e, V, x, q, N), {
       renderDisableMask: We
@@ -10814,10 +10815,10 @@ const fn = /* @__PURE__ */ Be({
     }
     Ae(() => {
       c.value && (a.value = Math.max(Math.ceil(c.value.clientHeight / o), a.value), m.value = U(0, _.value + 0 - 1), wo(c.value, yt), Se(), De(() => {
-        c.value && (Q.value = c.value.clientWidth), d.value && (ce.value = d.value.clientWidth, te.value = d.value.clientHeight);
+        c.value && (Q.value = c.value.clientWidth), d.value && (de.value = d.value.clientWidth, te.value = d.value.clientHeight);
       })), k.value && F();
     }), Tt(() => {
-    }), pe(ce, () => {
+    }), he(de, () => {
       c.value && Se();
     });
     function Pt(we) {
@@ -10858,7 +10859,7 @@ const fn = /* @__PURE__ */ Be({
     function ot(we) {
       we && (l.value = we, P(l), z(l.value), A(I, D), Se());
     }
-    pe(() => e.columns, (we) => {
+    he(() => e.columns, (we) => {
       ot(we);
     });
     function ut(we, Ee) {
@@ -11077,14 +11078,14 @@ const Mn = /* @__PURE__ */ Be({
       }, j), j;
     });
     function I(j, V) {
-      var K, Z, de;
+      var K, Z, ce;
       if (j && (j.preventDefault(), j.stopPropagation()), (K = h == null ? void 0 : h.designerContext) != null && K.checkCanDeleteControl && !h.designerContext.checkCanDeleteControl(V))
         return;
       if (m.value.triggerBelongedComponentToDeleteWhenDeleted) {
         const U = m.value.getBelongedComponentInstance(m);
         if (U && U.parent) {
           const X = S(U == null ? void 0 : U.parent), q = X.value.contents.findIndex((Y) => Y.id === U.schema.id);
-          (de = (Z = X.value) == null ? void 0 : Z.contents) == null || de.splice(q, 1), gt.value++;
+          (ce = (Z = X.value) == null ? void 0 : Z.contents) == null || ce.splice(q, 1), gt.value++;
         }
         return;
       }
@@ -11148,7 +11149,7 @@ const Mn = /* @__PURE__ */ Be({
       let V;
       const H = j.type, W = Sc[H], K = xc[H], Z = K ? K(j) : {};
       Z.customClass = e.ignore ? Z.customClass : "", Z.componentId = r.value, Z.id = j.id;
-      const de = j.contents && j.contents.length === 0;
+      const ce = j.contents && j.contents.length === 0;
       return j.contents && !!j.contents.length && W ? v(W, xt({
         ref: m
       }, Z), Ud(V = j.contents.map((X) => v(Mn, {
@@ -11160,7 +11161,7 @@ const Mn = /* @__PURE__ */ Be({
         onDragEnd: E
       }, null))) ? V : {
         default: () => [V]
-      }) : W ? de ? v(W, xt({
+      }) : W ? ce ? v(W, xt({
         ref: m
       }, Z), {
         default: () => [v(Gd, null, null)]
@@ -11187,7 +11188,7 @@ const Mn = /* @__PURE__ */ Be({
           }, null);
       }
     }
-    pe([() => e.modelValue, () => e.componentId], ([j, V]) => {
+    he([() => e.modelValue, () => e.componentId], ([j, V]) => {
       i.value = j, n.value = `${j.id}-component`, V && (r.value = V), ki(u);
     }, {
       deep: !0
@@ -11687,12 +11688,12 @@ function Qd(e, t, n, o, a) {
       y(t), t.value = Object.assign({}, t.value);
     }
   }
-  return pe(() => {
+  return he(() => {
     var T;
     return (T = e.columnOption) == null ? void 0 : T.fitColumns;
   }, (T, x) => {
     T !== x && T && I();
-  }), pe(f, (T, x) => {
+  }), he(f, (T, x) => {
     T !== x && u.value && I();
   }), { calculateColumnHeaders: y, calculateColumnsSize: I, calculateColumnsWidth: k };
 }
@@ -11858,7 +11859,7 @@ const tf = /* @__PURE__ */ Be({
     d.value = V(0, F.value + o - 1);
     const K = _d(e, y, d, _, j, F, o, W), {
       onWheel: Z,
-      dataGridWidth: de,
+      dataGridWidth: ce,
       viewPortHeight: U,
       viewPortWidth: X,
       updateVisibleRowsOnLatestVisibleScope: q
@@ -11876,24 +11877,24 @@ const tf = /* @__PURE__ */ Be({
     })), {
       renderGridHeader: te
     } = Yd(p, e, b, K, "tree-grid-column"), {
-      renderHorizontalScrollbar: ce
+      renderHorizontalScrollbar: de
     } = Pu(e, s, K);
     function G() {
       var ze, nt;
       const Ie = Math.ceil(s.value.clientHeight / a);
-      Ie > l.value && (l.value = Ie, q()), U.value = ((ze = c.value) == null ? void 0 : ze.clientHeight) || 0, de.value = ((nt = s.value) == null ? void 0 : nt.clientWidth) || 0, N();
+      Ie > l.value && (l.value = Ie, q()), U.value = ((ze = c.value) == null ? void 0 : ze.clientHeight) || 0, ce.value = ((nt = s.value) == null ? void 0 : nt.clientWidth) || 0, N();
     }
     Ae(() => {
       n.value.componentInstance = C, s.value && (l.value = Math.max(Math.ceil(s.value.clientHeight / a), l.value), d.value = V(0, F.value + o - 1), wo(s.value, G), N(), De(() => {
-        s.value && (de.value = s.value.clientWidth), c.value && (X.value = c.value.clientWidth, U.value = c.value.clientHeight);
+        s.value && (ce.value = s.value.clientWidth), c.value && (X.value = c.value.clientWidth, U.value = c.value.clientHeight);
       }));
     });
     function le(Ie) {
       Ie && (i.value = Ie, x(i), E(i.value), M(y, O), N());
     }
-    return pe(() => e.columns, (Ie) => {
+    return he(() => e.columns, (Ie) => {
       le(Ie);
-    }), pe(X, () => {
+    }), he(X, () => {
       s.value && N();
     }), t.expose(C.value), () => v("div", {
       ref: n,
@@ -11910,7 +11911,7 @@ const tf = /* @__PURE__ */ Be({
       onMouseleave: () => {
         u.value = !1;
       }
-    }, [ce()])]);
+    }, [de()])]);
   }
 });
 fn.register = (e, t, n, o) => {
@@ -12288,7 +12289,7 @@ const qa = /* @__PURE__ */ Be({
         "data-noattach": "true"
       }, [v("div", null, [F(), T(), I(B), x()])]);
     }
-    pe(() => e.modelValue, (B) => {
+    he(() => e.modelValue, (B) => {
       c.value = B, g.schema = B;
     });
     function M(B) {
@@ -12672,7 +12673,7 @@ function Tf(e, t, n, o, a, l) {
     const { parentElement: J } = N;
     J && (N.scrollWidth > J.offsetWidth ? F(N, "farris-title-text-custom") : I(N, "farris-title-text-custom"));
   }
-  pe(() => e.activeId, (N, J) => {
+  he(() => e.activeId, (N, J) => {
     N !== J && k(N);
   });
   function x(N) {
@@ -12689,7 +12690,7 @@ function Tf(e, t, n, o, a, l) {
     i.value = i.value.filter((J) => J.props.id !== N), r.value === N && (r.value = "", C(i));
   }
   function _(N, J, Q = !1) {
-    const te = i.value.findIndex((ce) => ce.props.id === J);
+    const te = i.value.findIndex((de) => de.props.id === J);
     M(J), b(N), De(() => {
       f.value++, x(n), Q && (s.value = !0), t.emit("tabRemove", {
         removeIndex: te,
@@ -12732,19 +12733,19 @@ function Tf(e, t, n, o, a, l) {
     const Q = o.schema.contents, te = Q == null ? void 0 : Q.find((ue) => ue.id === N);
     if (!te || !((le = (G = te.toolbar) == null ? void 0 : G.buttons) != null && le.length))
       return;
-    const ce = (ue) => {
+    const de = (ue) => {
       ue.forEach((Se) => {
         const Ie = J.findIndex((ze) => ze.target === Se.id);
-        Ie > -1 && J.splice(Ie, 1), Se.children && Se.children.length && ce(Se.children);
+        Ie > -1 && J.splice(Ie, 1), Se.children && Se.children.length && de(Se.children);
       });
     };
-    ce(te.toolbar.buttons);
+    de(te.toolbar.buttons);
   }
   function z(N, J) {
-    var ce, G;
+    var de, G;
     D(N);
     const Q = o.schema.contents, te = Q == null ? void 0 : Q.findIndex((le) => le.id === J);
-    !Q || te === -1 || te === void 0 || (ce = l == null ? void 0 : l.designerContext) != null && ce.checkCanDeleteControl && !l.designerContext.checkCanDeleteControl(Q[te]) || ($(J), A(J), Q == null || Q.splice(te, 1), M(J), w(), (G = o == null ? void 0 : o.setupContext) == null || G.emit("selectionChange"), gt.value++);
+    !Q || te === -1 || te === void 0 || (de = l == null ? void 0 : l.designerContext) != null && de.checkCanDeleteControl && !l.designerContext.checkCanDeleteControl(Q[te]) || ($(J), A(J), Q == null || Q.splice(te, 1), M(J), w(), (G = o == null ? void 0 : o.setupContext) == null || G.emit("selectionChange"), gt.value++);
   }
   function j() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
@@ -12758,12 +12759,12 @@ function Tf(e, t, n, o, a, l) {
   }
   function H(N, J) {
     var G;
-    const { contents: Q = [] } = o.schema, te = Q == null ? void 0 : Q.findIndex((le) => le.id === N), ce = Q[te];
-    (G = o == null ? void 0 : o.setupContext) == null || G.emit("selectionChange", ce.type, ce, e.componentId, J);
+    const { contents: Q = [] } = o.schema, te = Q == null ? void 0 : Q.findIndex((le) => le.id === N), de = Q[te];
+    (G = o == null ? void 0 : o.setupContext) == null || G.emit("selectionChange", de.type, de, e.componentId, J);
   }
   function W(N, J) {
-    const Q = J.getBoundingClientRect(), te = N.getBoundingClientRect(), ce = te.left + te.width <= Q.left + Q.width, G = te.left + te.width >= Q.left;
-    return ce && G;
+    const Q = J.getBoundingClientRect(), te = N.getBoundingClientRect(), de = te.left + te.width <= Q.left + Q.width, G = te.left + te.width >= Q.left;
+    return de && G;
   }
   function K(N, J) {
     if (N || (N = p.value.querySelector(".farris-tabs-header").querySelector(".dgComponentSelected")), J || (J = p.value.querySelector(".farris-nav-tabs")), N && J) {
@@ -12777,7 +12778,7 @@ function Tf(e, t, n, o, a, l) {
       K(J, N.target);
     });
   }
-  function de(N) {
+  function ce(N) {
     if (N && N.parentElement) {
       let J = N.getBoundingClientRect(), Q = N.parentElement.getBoundingClientRect();
       (J.left < Q.left || J.right > Q.right) && (n.value.scrollLeft = 0, J = N.getBoundingClientRect(), Q = N.parentElement.getBoundingClientRect(), n.value.scrollLeft = J.left - Q.left), Sn(N);
@@ -12787,12 +12788,12 @@ function Tf(e, t, n, o, a, l) {
     var G, le, ue;
     j(), D(N), V(N), H(J, Q);
     const te = N.currentTarget;
-    de(te);
-    const ce = (le = (G = Q.schema) == null ? void 0 : G.contents) == null ? void 0 : le.find((Se) => Se.id === J);
-    if (ce && (!ce.toolbar || ((ue = ce.toolbar.buttons) == null ? void 0 : ue.length) === 0)) {
+    ce(te);
+    const de = (le = (G = Q.schema) == null ? void 0 : G.contents) == null ? void 0 : le.find((Se) => Se.id === J);
+    if (de && (!de.toolbar || ((ue = de.toolbar.buttons) == null ? void 0 : ue.length) === 0)) {
       const Se = N.currentTarget;
       De(() => {
-        j(), Se == null || Se.classList.add("dgComponentFocused", "dgComponentSelected"), de(Se);
+        j(), Se == null || Se.classList.add("dgComponentFocused", "dgComponentSelected"), ce(Se);
       });
     }
   }
@@ -12807,11 +12808,11 @@ function Tf(e, t, n, o, a, l) {
     if (!te)
       return;
     (!te.toolbar || !te.toolbar.buttons) && (te.toolbar = { id: `${te.id}_toolbar`, buttons: [] }), te.toolbar.id || (te.toolbar.id = `${te.id}_toolbar`);
-    const ce = jn("tab-toolbar-item");
-    ce.id = `tab_toolbar_item_${Math.random().toString().slice(2, 6)}`, te.toolbar.buttons.push(ce), d.value = [...te.toolbar.buttons], c.value = te.toolbar, X(te.id), De(() => {
+    const de = jn("tab-toolbar-item");
+    de.id = `tab_toolbar_item_${Math.random().toString().slice(2, 6)}`, te.toolbar.buttons.push(de), d.value = [...te.toolbar.buttons], c.value = te.toolbar, X(te.id), De(() => {
       if (n && n.value) {
         const G = n.value.querySelector(".f-state-active");
-        G && de(G);
+        G && ce(G);
       }
     });
   }
@@ -12832,7 +12833,7 @@ function Tf(e, t, n, o, a, l) {
     changeToolbarItems: w,
     addTabPageToolbar: q,
     listenTabNavElementScroll: Z,
-    setHorizontalScrollbarPosition: de,
+    setHorizontalScrollbarPosition: ce,
     needUpdateNavigationLayout: f,
     checkActiveIdAndSelect: k,
     toggleShowTab: E,
@@ -14008,7 +14009,7 @@ const Ua = /* @__PURE__ */ Be({
       "no-drag": !0,
       "w-100": !0
     }));
-    pe(() => e.items, () => {
+    he(() => e.items, () => {
       n.value = Pn(e.items), De(() => {
         b(), O();
       });
@@ -14243,7 +14244,7 @@ const $f = /* @__PURE__ */ Be({
     function Z() {
       return !!w.value.length && Vf(u, i, l, a, e.componentId);
     }
-    const de = A.get(e.tabType) || A.get("default");
+    const ce = A.get(e.tabType) || A.get("default");
     function U() {
       var Y, N, J, Q;
       return v("div", {
@@ -14253,7 +14254,7 @@ const $f = /* @__PURE__ */ Be({
       }, [(N = (Y = t.slots).headerPrefix) == null ? void 0 : N.call(Y)]), v("div", {
         class: "farris-tabs-title scroll-tabs",
         style: V.value
-      }, [de && de()]), Z(), v("div", {
+      }, [ce && ce()]), Z(), v("div", {
         class: "farris-tabs-header-post"
       }, [(Q = (J = t.slots).headerSuffix) == null ? void 0 : Q.call(J)])]);
     }
@@ -14810,7 +14811,7 @@ const lp = /* @__PURE__ */ Be({
         class: f.value
       }, [r.value === "inContent" && d(), t.slots.default && t.slots.default()]);
     }
-    return pe(() => e.expandStatus, (C, w) => {
+    return he(() => e.expandStatus, (C, w) => {
       C !== w && (i.value = C);
     }), Ae(() => {
       n.value && n.value && (o.value = n.value.parentElement);
@@ -14882,7 +14883,7 @@ const up = /* @__PURE__ */ Be({
     const u = R(() => (e == null ? void 0 : e.id) === (r == null ? void 0 : r.activeId.value)), f = R(() => ({
       display: u.value ? "" : "none"
     }));
-    pe(() => e, (h) => {
+    he(() => e, (h) => {
       r == null || r.updateTab({
         props: h,
         slots: t.slots
@@ -15231,8 +15232,8 @@ const Mp = "search-box", Op = "A Farris Component", Pp = "object", Rp = {
       const d = {};
       return d.padding = "8px", e.maxHeight !== void 0 && e.maxHeight > 0 && (d.maxHeight = `${e.maxHeight}px`), d;
     });
-    return pe(() => e.loading, (d) => {
-    }), pe(() => e.data, (d) => {
+    return he(() => e.loading, (d) => {
+    }), he(() => e.data, (d) => {
       d !== n.value && (n.value = d), o.value.updateDataSource(d);
     }), t.expose({
       search: i
@@ -15268,10 +15269,10 @@ const Mp = "search-box", Op = "A Farris Component", Pp = "object", Rp = {
     const n = S(), o = S(), a = S(e.placeholder), l = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', i = R(() => e.loading ? l : e.buttonContent);
     S(e.editable);
     const r = S(e.modelValue);
-    pe(r, (m) => {
+    he(r, (m) => {
       var p;
       (p = o.value) == null || p.search(m), t.emit("update:modelValue", m);
-    }), pe(() => e.modelValue, (m) => {
+    }), he(() => e.modelValue, (m) => {
       r.value = m;
     });
     function s(m) {
@@ -15338,10 +15339,10 @@ const Mp = "search-box", Op = "A Farris Component", Pp = "object", Rp = {
     const n = S(e.data), o = S(), a = S(), l = S("请输入关键词"), i = S('<i class="f-icon f-icon-search"></i>'), r = S(e.modelValue), s = S(), c = Oe("design-item-context"), d = qt(s, c);
     Ae(() => {
       s.value.componentInstance = d;
-    }), t.expose(d.value), pe(r, (m) => {
+    }), t.expose(d.value), he(r, (m) => {
       var p;
       (p = a.value) == null || p.search(m), t.emit("update:modelValue", m);
-    }), pe(() => e.modelValue, (m) => {
+    }), he(() => e.modelValue, (m) => {
       r.value = m;
     });
     function u(m) {
@@ -15856,7 +15857,7 @@ function pn(e, t, n) {
   function s(f) {
     l.value = "";
   }
-  pe(l, (f) => {
+  he(l, (f) => {
     e.enableHighlightSearch && n.search(f), t.emit("afterSearch", f);
   });
   const c = R(() => {
@@ -16113,14 +16114,14 @@ const ht = /* @__PURE__ */ Be({
       activeRowById: Z,
       getCurrentRowId: K
     });
-    function de(U) {
+    function ce(U) {
       e.multiSelect && (U.preventDefault(), U.stopPropagation());
     }
-    return pe(() => e.selectionValues, (U, X) => {
+    return he(() => e.selectionValues, (U, X) => {
       U !== X && W(U);
     }), () => v("div", {
       class: b.value,
-      onClick: de
+      onClick: ce
     }, [O(), v("div", {
       ref: n,
       class: "f-list-view-content",
@@ -16705,9 +16706,9 @@ function di(e, t, n, o) {
   const {
     t: a
   } = Ze(), l = S(a("pagination.goto.prefix")), i = S(""), r = S(e.value);
-  pe(r, (u, f) => {
+  he(r, (u, f) => {
     u >= 1 && u <= t.value ? e.value = u : r.value = f;
-  }), pe(e, (u) => {
+  }), he(e, (u) => {
     r.value !== u && (r.value = u);
   });
   function s(u) {
@@ -17048,18 +17049,12 @@ const Jt = /* @__PURE__ */ Be({
     } = vi(e, r, c, i, t), {
       renderGotoButton: B
     } = di(r, g, i, t);
-    d(r.value, i.value, s.value, 7), pe(() => e.totalItems, (V) => {
-      s.value = V;
-    }), pe([r, i, s], () => {
-      d(r.value, i.value, s.value, 7);
-    }), pe(r, (V, H) => {
-    }), pe(i, (V, H) => {
-    }), pe(() => e.totalItems, (V) => {
+    d(r.value, i.value, s.value, 7), he(() => e.totalItems, (V) => {
       s.value = V, d(r.value, i.value, s.value, 7);
-    }), pe(() => e.currentPage, (V, H) => {
-      V !== H && (r.value = V);
-    }), pe(() => e.pageSize, (V, H) => {
-      V !== H && (i.value = V);
+    }), he(() => e.currentPage, (V, H) => {
+      V !== H && (r.value = V, d(r.value, i.value, s.value, 7));
+    }), he(() => e.pageSize, (V, H) => {
+      V !== H && (i.value = V, d(r.value, i.value, s.value, 7));
     }), Bi(() => {
       if (!p.value || !p.value.length)
         return;
@@ -17136,11 +17131,11 @@ const Jt = /* @__PURE__ */ Be({
     } = vi(e, r, f, i, t), {
       renderGotoButton: D
     } = di(r, C, i, t);
-    m(r.value, i.value, s.value, 7), pe([r, i], () => {
+    m(r.value, i.value, s.value, 7), he([r, i], () => {
       m(r.value, i.value, s.value, 7);
-    }), pe(r, () => {
+    }), he(r, () => {
       t.emit("pageIndexChanged", r.value);
-    }), pe(i, () => {
+    }), he(i, () => {
       t.emit("pageSizeChanged", i.value);
     });
     const A = R(() => ({
@@ -17218,7 +17213,7 @@ const Tn = {
     function f(y) {
       l.value.updateDataSource(y);
     }
-    pe(() => r == null ? void 0 : r.value, (y, k) => {
+    he(() => r == null ? void 0 : r.value, (y, k) => {
       let F = a.value;
       y && y !== k && (F = a.value.filter((I) => `${I.name} ${I.code}`.toLowerCase().indexOf(y.toLowerCase()) > -1)), i.value = F, f(i.value), s.value = e.pagination && !y;
     });
@@ -17480,7 +17475,7 @@ const Tn = {
     function c(g) {
       n.value.updateDataSource(g);
     }
-    pe(() => r == null ? void 0 : r.value, (g, C) => {
+    he(() => r == null ? void 0 : r.value, (g, C) => {
       let w = i.value;
       g && g !== C && (w = i.value.filter((h) => `${h.name} ${h.code}`.toLowerCase().indexOf(g.toLowerCase()) > -1)), l.value = w, c(l.value);
     });
@@ -17653,7 +17648,7 @@ const $m = {
       close: h,
       setLoadingId: C,
       getLoadingId: w
-    }), pe(() => e.isActive, (I) => {
+    }), he(() => e.isActive, (I) => {
       a.value = I, g(), I || h();
     });
     function F(I) {
@@ -18138,7 +18133,7 @@ function Xm(e, t, n, o, a, l) {
   function d(p) {
     i.value = p, c.value = p;
   }
-  pe(a, () => {
+  he(a, () => {
     d(!!a.value);
   });
   function u(p) {
@@ -18186,7 +18181,7 @@ function Jm(e, t, n, o, a) {
   function h(_) {
     r.value = !1, w(_, !0);
   }
-  pe(
+  he(
     () => e.modelValue,
     (_) => {
       n.value = _;
@@ -18242,7 +18237,7 @@ function Jm(e, t, n, o, a) {
 const jt = "FarrisVue_PopoverInstancesKey";
 function Qm(e, t, n, o) {
   const a = S(), l = S(!1), { judgeCanOpen: i } = Ci(e, o);
-  pe(() => a.value, (m, p) => {
+  he(() => a.value, (m, p) => {
     window[jt] = window[jt] || /* @__PURE__ */ new WeakMap(), m ? window[jt].set(n.value, m) : window[jt].delete(n.value);
   });
   function r() {
@@ -18352,11 +18347,11 @@ function Zm(e, t, n) {
   function u(p) {
     l(p.map((g) => g.name).join(o.value), !0);
   }
-  pe(() => e.separator, (p) => {
+  he(() => e.separator, (p) => {
     o.value = p;
   });
   const f = S(!e.disable && !e.readonly);
-  pe([() => e.disable, () => e.readonly], ([p, g], [C, w]) => {
+  he([() => e.disable, () => e.readonly], ([p, g], [C, w]) => {
     f.value = !p && !g;
   });
   function m(p) {
@@ -18493,7 +18488,7 @@ const nv = /* @__PURE__ */ Be({
       }, [Le("+"), T.value])])]) : Km(e, a, f);
     }
     let b = x();
-    pe([() => e.multiSelect, () => e.inputType], () => {
+    he([() => e.multiSelect, () => e.inputType], () => {
       b = x();
     });
     const {
@@ -18664,9 +18659,9 @@ const kn = /* @__PURE__ */ Be({
       let p = "";
       l.value && Array.isArray(l.value) && (p = l.value.map((g) => g[e.textField]).join(",")), e.displayFormatter && (p = e.displayFormatter(l.value)), i.value = p;
     }
-    pe(e.title, (p) => {
+    he(e.title, (p) => {
       s.value = p;
-    }), pe(() => e.modelValue, (p) => {
+    }), he(() => e.modelValue, (p) => {
       typeof p == "string" ? i.value = p : c();
     });
     function d(p) {