@yester/virtual-table 1.1.3 → 1.1.5

package/dist/virtual-table.es.js

@@ -1,5 +1,5 @@
 import * as re from "react";
-import Ye, { version as Tr, isValidElement as Pr, forwardRef as jr, useMemo as we, memo as Ut, useState as Ie, useImperativeHandle as Ar, useEffect as Ze, createElement as Mt, useLayoutEffect as Et, useRef as ze, useCallback as ge } from "react";
+import Ye, { version as Tr, isValidElement as Pr, forwardRef as jr, useMemo as ye, memo as Ut, useState as Ie, useImperativeHandle as Ar, useEffect as Ze, createElement as Mt, useLayoutEffect as Et, useRef as ze, useCallback as ge } from "react";
 import zt from "react-dom";
 function Mr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -21,14 +21,14 @@ function zr() {
   It = 1;
   var e = Ye, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function a(l, c, f) {
-    var h, b = {}, p = null, j = null;
-    f !== void 0 && (p = "" + f), c.key !== void 0 && (p = "" + c.key), c.ref !== void 0 && (j = c.ref);
+    var h, E = {}, v = null, A = null;
+    f !== void 0 && (v = "" + f), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (A = c.ref);
     for (h in c)
-      n.call(c, h) && !s.hasOwnProperty(h) && (b[h] = c[h]);
+      n.call(c, h) && !s.hasOwnProperty(h) && (E[h] = c[h]);
     if (l && l.defaultProps)
       for (h in c = l.defaultProps, c)
-        b[h] === void 0 && (b[h] = c[h]);
-    return { $$typeof: t, type: l, key: p, ref: j, props: b, _owner: i.current };
+        E[h] === void 0 && (E[h] = c[h]);
+    return { $$typeof: t, type: l, key: v, ref: A, props: E, _owner: i.current };
   }
   return We.Fragment = r, We.jsx = a, We.jsxs = a, We;
 }
@@ -45,46 +45,46 @@ var Ve = {};
 var Lt;
 function Ir() {
   return Lt || (Lt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Ye, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), T = Symbol.iterator, w = "@@iterator";
+    var e = Ye, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), P = Symbol.iterator, _ = "@@iterator";
     function d(o) {
       if (o === null || typeof o != "object")
         return null;
-      var u = T && o[T] || o[w];
+      var u = P && o[P] || o[_];
       return typeof u == "function" ? u : null;
     }
-    var F = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(o) {
+    var k = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function $(o) {
       {
-        for (var u = arguments.length, m = new Array(u > 1 ? u - 1 : 0), $ = 1; $ < u; $++)
-          m[$ - 1] = arguments[$];
-        J("error", o, m);
+        for (var u = arguments.length, g = new Array(u > 1 ? u - 1 : 0), L = 1; L < u; L++)
+          g[L - 1] = arguments[L];
+        J("error", o, g);
       }
     }
-    function J(o, u, m) {
+    function J(o, u, g) {
       {
-        var $ = F.ReactDebugCurrentFrame, K = $.getStackAddendum();
-        K !== "" && (u += "%s", m = m.concat([K]));
-        var X = m.map(function(V) {
+        var L = k.ReactDebugCurrentFrame, K = L.getStackAddendum();
+        K !== "" && (u += "%s", g = g.concat([K]));
+        var X = g.map(function(V) {
           return String(V);
         });
         X.unshift("Warning: " + u), Function.prototype.apply.call(console[o], console, X);
       }
     }
-    var A = !1, P = !1, D = !1, z = !1, I = !1, B;
+    var j = !1, F = !1, D = !1, z = !1, p = !1, B;
     B = Symbol.for("react.module.reference");
     function M(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === n || o === s || I || o === i || o === f || o === h || z || o === j || A || P || D || typeof o == "object" && o !== null && (o.$$typeof === p || o.$$typeof === b || o.$$typeof === a || o.$$typeof === l || o.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof o == "string" || typeof o == "function" || o === n || o === s || p || o === i || o === f || o === h || z || o === A || j || F || D || typeof o == "object" && o !== null && (o.$$typeof === v || o.$$typeof === E || o.$$typeof === a || o.$$typeof === l || o.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       o.$$typeof === B || o.getModuleId !== void 0));
     }
-    function W(o, u, m) {
-      var $ = o.displayName;
-      if ($)
-        return $;
+    function W(o, u, g) {
+      var L = o.displayName;
+      if (L)
+        return L;
       var K = u.displayName || u.name || "";
-      return K !== "" ? m + "(" + K + ")" : m;
+      return K !== "" ? g + "(" + K + ")" : g;
     }
     function Y(o) {
       return o.displayName || "Context";
@@ -92,7 +92,7 @@ function Ir() {
     function q(o) {
       if (o == null)
         return null;
-      if (typeof o.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+      if (typeof o.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
         return o.displayName || o.name || null;
       if (typeof o == "string")
         return o;
@@ -116,14 +116,14 @@ function Ir() {
             var u = o;
             return Y(u) + ".Consumer";
           case a:
-            var m = o;
-            return Y(m._context) + ".Provider";
+            var g = o;
+            return Y(g._context) + ".Provider";
           case c:
             return W(o, o.render, "ForwardRef");
-          case b:
-            var $ = o.displayName || null;
-            return $ !== null ? $ : q(o.type) || "Memo";
-          case p: {
+          case E:
+            var L = o.displayName || null;
+            return L !== null ? L : q(o.type) || "Memo";
+          case v: {
             var K = o, X = K._payload, V = K._init;
             try {
               return q(V(X));
@@ -134,18 +134,18 @@ function Ir() {
         }
       return null;
     }
-    var te = Object.assign, he = 0, ye, Te, _e, be, Se, g, C;
-    function E() {
+    var te = Object.assign, he = 0, be, Te, _e, Ee, Se, y, C;
+    function w() {
     }
-    E.__reactDisabledLog = !0;
-    function y() {
+    w.__reactDisabledLog = !0;
+    function b() {
       {
         if (he === 0) {
-          ye = console.log, Te = console.info, _e = console.warn, be = console.error, Se = console.group, g = console.groupCollapsed, C = console.groupEnd;
+          be = console.log, Te = console.info, _e = console.warn, Ee = console.error, Se = console.group, y = console.groupCollapsed, C = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
-            value: E,
+            value: w,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -161,7 +161,7 @@ function Ir() {
         he++;
       }
     }
-    function v() {
+    function m() {
       {
         if (he--, he === 0) {
           var o = {
@@ -171,7 +171,7 @@ function Ir() {
           };
           Object.defineProperties(console, {
             log: te({}, o, {
-              value: ye
+              value: be
             }),
             info: te({}, o, {
               value: Te
@@ -180,55 +180,55 @@ function Ir() {
               value: _e
             }),
             error: te({}, o, {
-              value: be
+              value: Ee
             }),
             group: te({}, o, {
               value: Se
             }),
             groupCollapsed: te({}, o, {
-              value: g
+              value: y
             }),
             groupEnd: te({}, o, {
               value: C
             })
           });
         }
-        he < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        he < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var x = F.ReactCurrentDispatcher, _;
-    function R(o, u, m) {
+    var O = k.ReactCurrentDispatcher, R;
+    function S(o, u, g) {
       {
-        if (_ === void 0)
+        if (R === void 0)
           try {
             throw Error();
           } catch (K) {
-            var $ = K.stack.trim().match(/\n( *(at )?)/);
-            _ = $ && $[1] || "";
+            var L = K.stack.trim().match(/\n( *(at )?)/);
+            R = L && L[1] || "";
           }
         return `
-` + _ + o;
+` + R + o;
       }
     }
-    var S = !1, L;
+    var x = !1, I;
     {
       var H = typeof WeakMap == "function" ? WeakMap : Map;
-      L = new H();
+      I = new H();
     }
     function ae(o, u) {
-      if (!o || S)
+      if (!o || x)
         return "";
       {
-        var m = L.get(o);
-        if (m !== void 0)
-          return m;
+        var g = I.get(o);
+        if (g !== void 0)
+          return g;
       }
-      var $;
-      S = !0;
+      var L;
+      x = !0;
       var K = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var X;
-      X = x.current, x.current = null, y();
+      X = O.current, O.current = null, b();
       try {
         if (u) {
           var V = function() {
@@ -242,14 +242,14 @@ function Ir() {
             try {
               Reflect.construct(V, []);
             } catch (ve) {
-              $ = ve;
+              L = ve;
             }
             Reflect.construct(o, [], V);
           } else {
             try {
               V.call();
             } catch (ve) {
-              $ = ve;
+              L = ve;
             }
             o.call(V.prototype);
           }
@@ -257,14 +257,14 @@ function Ir() {
           try {
             throw Error();
           } catch (ve) {
-            $ = ve;
+            L = ve;
           }
           o();
         }
       } catch (ve) {
-        if (ve && $ && typeof ve.stack == "string") {
+        if (ve && L && typeof ve.stack == "string") {
           for (var N = ve.stack.split(`
-`), de = $.stack.split(`
+`), de = L.stack.split(`
 `), ne = N.length - 1, se = de.length - 1; ne >= 1 && se >= 0 && N[ne] !== de[se]; )
             se--;
           for (; ne >= 1 && se >= 0; ne--, se--)
@@ -272,65 +272,65 @@ function Ir() {
               if (ne !== 1 || se !== 1)
                 do
                   if (ne--, se--, se < 0 || N[ne] !== de[se]) {
-                    var Ee = `
+                    var we = `
 ` + N[ne].replace(" at new ", " at ");
-                    return o.displayName && Ee.includes("<anonymous>") && (Ee = Ee.replace("<anonymous>", o.displayName)), typeof o == "function" && L.set(o, Ee), Ee;
+                    return o.displayName && we.includes("<anonymous>") && (we = we.replace("<anonymous>", o.displayName)), typeof o == "function" && I.set(o, we), we;
                   }
                 while (ne >= 1 && se >= 0);
               break;
             }
         }
       } finally {
-        S = !1, x.current = X, v(), Error.prepareStackTrace = K;
+        x = !1, O.current = X, m(), Error.prepareStackTrace = K;
       }
-      var ke = o ? o.displayName || o.name : "", Me = ke ? R(ke) : "";
-      return typeof o == "function" && L.set(o, Me), Me;
+      var ke = o ? o.displayName || o.name : "", Me = ke ? S(ke) : "";
+      return typeof o == "function" && I.set(o, Me), Me;
     }
-    function le(o, u, m) {
+    function le(o, u, g) {
       return ae(o, !1);
     }
-    function O(o) {
+    function T(o) {
       var u = o.prototype;
       return !!(u && u.isReactComponent);
     }
-    function Q(o, u, m) {
+    function Q(o, u, g) {
       if (o == null)
         return "";
       if (typeof o == "function")
-        return ae(o, O(o));
+        return ae(o, T(o));
       if (typeof o == "string")
-        return R(o);
+        return S(o);
       switch (o) {
         case f:
-          return R("Suspense");
+          return S("Suspense");
         case h:
-          return R("SuspenseList");
+          return S("SuspenseList");
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
           case c:
             return le(o.render);
-          case b:
-            return Q(o.type, u, m);
-          case p: {
-            var $ = o, K = $._payload, X = $._init;
+          case E:
+            return Q(o.type, u, g);
+          case v: {
+            var L = o, K = L._payload, X = L._init;
             try {
-              return Q(X(K), u, m);
+              return Q(X(K), u, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var ee = Object.prototype.hasOwnProperty, fe = {}, Le = F.ReactDebugCurrentFrame;
+    var ee = Object.prototype.hasOwnProperty, fe = {}, Le = k.ReactDebugCurrentFrame;
     function pe(o) {
       if (o) {
-        var u = o._owner, m = Q(o.type, o._source, u ? u.type : null);
-        Le.setExtraStackFrame(m);
+        var u = o._owner, g = Q(o.type, o._source, u ? u.type : null);
+        Le.setExtraStackFrame(g);
       } else
         Le.setExtraStackFrame(null);
     }
-    function oe(o, u, m, $, K) {
+    function oe(o, u, g, L, K) {
       {
         var X = Function.call.bind(ee);
         for (var V in o)
@@ -338,14 +338,14 @@ function Ir() {
             var N = void 0;
             try {
               if (typeof o[V] != "function") {
-                var de = Error(($ || "React class") + ": " + m + " type `" + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[V] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var de = Error((L || "React class") + ": " + g + " type `" + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[V] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw de.name = "Invariant Violation", de;
               }
-              N = o[V](u, V, $, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              N = o[V](u, V, L, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ne) {
               N = ne;
             }
-            N && !(N instanceof Error) && (pe(K), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", $ || "React class", m, V, typeof N), pe(null)), N instanceof Error && !(N.message in fe) && (fe[N.message] = !0, pe(K), k("Failed %s type: %s", m, N.message), pe(null));
+            N && !(N instanceof Error) && (pe(K), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", L || "React class", g, V, typeof N), pe(null)), N instanceof Error && !(N.message in fe) && (fe[N.message] = !0, pe(K), $("Failed %s type: %s", g, N.message), pe(null));
           }
       }
     }
@@ -355,8 +355,8 @@ function Ir() {
     }
     function je(o) {
       {
-        var u = typeof Symbol == "function" && Symbol.toStringTag, m = u && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return m;
+        var u = typeof Symbol == "function" && Symbol.toStringTag, g = u && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return g;
       }
     }
     function Ke(o) {
@@ -371,9 +371,9 @@ function Ir() {
     }
     function Ne(o) {
       if (Ke(o))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", je(o)), Ae(o);
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", je(o)), Ae(o);
     }
-    var Ce = F.ReactCurrentOwner, ur = {
+    var xe = k.ReactCurrentOwner, ur = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -397,41 +397,41 @@ function Ir() {
       return o.key !== void 0;
     }
     function hr(o, u) {
-      if (typeof o.ref == "string" && Ce.current && u && Ce.current.stateNode !== u) {
-        var m = q(Ce.current.type);
-        et[m] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', q(Ce.current.type), o.ref), et[m] = !0);
+      if (typeof o.ref == "string" && xe.current && u && xe.current.stateNode !== u) {
+        var g = q(xe.current.type);
+        et[g] || ($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', q(xe.current.type), o.ref), et[g] = !0);
       }
     }
     function pr(o, u) {
       {
-        var m = function() {
-          Rt || (Rt = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+        var g = function() {
+          Rt || (Rt = !0, $("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
         };
-        m.isReactWarning = !0, Object.defineProperty(o, "key", {
-          get: m,
+        g.isReactWarning = !0, Object.defineProperty(o, "key", {
+          get: g,
           configurable: !0
         });
       }
     }
     function vr(o, u) {
       {
-        var m = function() {
-          St || (St = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+        var g = function() {
+          St || (St = !0, $("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
         };
-        m.isReactWarning = !0, Object.defineProperty(o, "ref", {
-          get: m,
+        g.isReactWarning = !0, Object.defineProperty(o, "ref", {
+          get: g,
           configurable: !0
         });
       }
     }
-    var mr = function(o, u, m, $, K, X, V) {
+    var mr = function(o, u, g, L, K, X, V) {
       var N = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: o,
         key: u,
-        ref: m,
+        ref: g,
         props: V,
         // Record the component responsible for creating this element.
         _owner: X
@@ -445,7 +445,7 @@ function Ir() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: $
+        value: L
       }), Object.defineProperty(N, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -453,10 +453,10 @@ function Ir() {
         value: K
       }), Object.freeze && (Object.freeze(N.props), Object.freeze(N)), N;
     };
-    function gr(o, u, m, $, K) {
+    function gr(o, u, g, L, K) {
       {
         var X, V = {}, N = null, de = null;
-        m !== void 0 && (Ne(m), N = "" + m), dr(u) && (Ne(u.key), N = "" + u.key), fr(u) && (de = u.ref, hr(u, K));
+        g !== void 0 && (Ne(g), N = "" + g), dr(u) && (Ne(u.key), N = "" + u.key), fr(u) && (de = u.ref, hr(u, K));
         for (X in u)
           ee.call(u, X) && !ur.hasOwnProperty(X) && (V[X] = u[X]);
         if (o && o.defaultProps) {
@@ -468,23 +468,23 @@ function Ir() {
           var se = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
           N && pr(V, se), de && vr(V, se);
         }
-        return mr(o, N, de, K, $, Ce.current, V);
+        return mr(o, N, de, K, L, xe.current, V);
       }
     }
-    var tt = F.ReactCurrentOwner, Ct = F.ReactDebugCurrentFrame;
+    var tt = k.ReactCurrentOwner, xt = k.ReactDebugCurrentFrame;
     function $e(o) {
       if (o) {
-        var u = o._owner, m = Q(o.type, o._source, u ? u.type : null);
-        Ct.setExtraStackFrame(m);
+        var u = o._owner, g = Q(o.type, o._source, u ? u.type : null);
+        xt.setExtraStackFrame(g);
       } else
-        Ct.setExtraStackFrame(null);
+        xt.setExtraStackFrame(null);
     }
     var rt;
     rt = !1;
     function nt(o) {
       return typeof o == "object" && o !== null && o.$$typeof === t;
     }
-    function xt() {
+    function Ct() {
       {
         if (tt.current) {
           var o = q(tt.current.type);
@@ -499,10 +499,10 @@ Check the render method of \`` + o + "`.";
     function yr(o) {
       {
         if (o !== void 0) {
-          var u = o.fileName.replace(/^.*[\\\/]/, ""), m = o.lineNumber;
+          var u = o.fileName.replace(/^.*[\\\/]/, ""), g = o.lineNumber;
           return `
 
-Check your code at ` + u + ":" + m + ".";
+Check your code at ` + u + ":" + g + ".";
         }
         return "";
       }
@@ -510,12 +510,12 @@ Check your code at ` + u + ":" + m + ".";
     var Ot = {};
     function br(o) {
       {
-        var u = xt();
+        var u = Ct();
         if (!u) {
-          var m = typeof o == "string" ? o : o.displayName || o.name;
-          m && (u = `
+          var g = typeof o == "string" ? o : o.displayName || o.name;
+          g && (u = `
 
-Check the top-level render call using <` + m + ">.");
+Check the top-level render call using <` + g + ">.");
         }
         return u;
       }
@@ -525,12 +525,12 @@ Check the top-level render call using <` + m + ">.");
         if (!o._store || o._store.validated || o.key != null)
           return;
         o._store.validated = !0;
-        var m = br(u);
-        if (Ot[m])
+        var g = br(u);
+        if (Ot[g])
           return;
-        Ot[m] = !0;
-        var $ = "";
-        o && o._owner && o._owner !== tt.current && ($ = " It was passed a child from " + q(o._owner.type) + "."), $e(o), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, $), $e(null);
+        Ot[g] = !0;
+        var L = "";
+        o && o._owner && o._owner !== tt.current && (L = " It was passed a child from " + q(o._owner.type) + "."), $e(o), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, L), $e(null);
       }
     }
     function Pt(o, u) {
@@ -538,9 +538,9 @@ Check the top-level render call using <` + m + ">.");
         if (typeof o != "object")
           return;
         if (ce(o))
-          for (var m = 0; m < o.length; m++) {
-            var $ = o[m];
-            nt($) && Tt($, u);
+          for (var g = 0; g < o.length; g++) {
+            var L = o[g];
+            nt(L) && Tt(L, u);
           }
         else if (nt(o))
           o._store && (o._store.validated = !0);
@@ -557,91 +557,91 @@ Check the top-level render call using <` + m + ">.");
         var u = o.type;
         if (u == null || typeof u == "string")
           return;
-        var m;
+        var g;
         if (typeof u == "function")
-          m = u.propTypes;
+          g = u.propTypes;
         else if (typeof u == "object" && (u.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        u.$$typeof === b))
-          m = u.propTypes;
+        u.$$typeof === E))
+          g = u.propTypes;
         else
           return;
-        if (m) {
-          var $ = q(u);
-          oe(m, o.props, "prop", $, o);
+        if (g) {
+          var L = q(u);
+          oe(g, o.props, "prop", L, o);
         } else if (u.PropTypes !== void 0 && !rt) {
           rt = !0;
           var K = q(u);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", K || "Unknown");
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", K || "Unknown");
         }
-        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function wr(o) {
       {
-        for (var u = Object.keys(o.props), m = 0; m < u.length; m++) {
-          var $ = u[m];
-          if ($ !== "children" && $ !== "key") {
-            $e(o), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), $e(null);
+        for (var u = Object.keys(o.props), g = 0; g < u.length; g++) {
+          var L = u[g];
+          if (L !== "children" && L !== "key") {
+            $e(o), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), $e(null);
             break;
           }
         }
-        o.ref !== null && ($e(o), k("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
+        o.ref !== null && ($e(o), $("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
     var jt = {};
-    function At(o, u, m, $, K, X) {
+    function At(o, u, g, L, K, X) {
       {
         var V = M(o);
         if (!V) {
           var N = "";
           (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (N += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var de = yr(K);
-          de ? N += de : N += xt();
+          de ? N += de : N += Ct();
           var ne;
-          o === null ? ne = "null" : ce(o) ? ne = "array" : o !== void 0 && o.$$typeof === t ? (ne = "<" + (q(o.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof o, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, N);
+          o === null ? ne = "null" : ce(o) ? ne = "array" : o !== void 0 && o.$$typeof === t ? (ne = "<" + (q(o.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof o, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, N);
         }
-        var se = gr(o, u, m, K, X);
+        var se = gr(o, u, g, K, X);
         if (se == null)
           return se;
         if (V) {
-          var Ee = u.children;
-          if (Ee !== void 0)
-            if ($)
-              if (ce(Ee)) {
-                for (var ke = 0; ke < Ee.length; ke++)
-                  Pt(Ee[ke], o);
-                Object.freeze && Object.freeze(Ee);
+          var we = u.children;
+          if (we !== void 0)
+            if (L)
+              if (ce(we)) {
+                for (var ke = 0; ke < we.length; ke++)
+                  Pt(we[ke], o);
+                Object.freeze && Object.freeze(we);
               } else
-                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Pt(Ee, o);
+              Pt(we, o);
         }
         if (ee.call(u, "key")) {
           var Me = q(o), ve = Object.keys(u).filter(function(Or) {
             return Or !== "key";
           }), ot = ve.length > 0 ? "{key: someKey, " + ve.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!jt[Me + ot]) {
-            var xr = ve.length > 0 ? "{" + ve.join(": ..., ") + ": ...}" : "{}";
-            k(`A props object containing a "key" prop is being spread into JSX:
+            var Cr = ve.length > 0 ? "{" + ve.join(": ..., ") + ": ...}" : "{}";
+            $(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ot, Me, xr, Me), jt[Me + ot] = !0;
+  <%s key={someKey} {...props} />`, ot, Me, Cr, Me), jt[Me + ot] = !0;
           }
         }
         return o === n ? wr(se) : Er(se), se;
       }
     }
-    function _r(o, u, m) {
-      return At(o, u, m, !0);
+    function _r(o, u, g) {
+      return At(o, u, g, !0);
     }
-    function Rr(o, u, m) {
-      return At(o, u, m, !1);
+    function Rr(o, u, g) {
+      return At(o, u, g, !1);
     }
-    var Sr = Rr, Cr = _r;
-    Ve.Fragment = n, Ve.jsx = Sr, Ve.jsxs = Cr;
+    var Sr = Rr, xr = _r;
+    Ve.Fragment = n, Ve.jsx = Sr, Ve.jsxs = xr;
   }()), Ve;
 }
 process.env.NODE_ENV === "production" ? dt.exports = zr() : dt.exports = Ir();
@@ -762,12 +762,12 @@ function Vr() {
   if (Nt)
     return G;
   Nt = 1;
-  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.server_context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), T;
-  T = Symbol.for("react.module.reference");
-  function w(d) {
+  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.server_context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), P;
+  P = Symbol.for("react.module.reference");
+  function _(d) {
     if (typeof d == "object" && d !== null) {
-      var F = d.$$typeof;
-      switch (F) {
+      var k = d.$$typeof;
+      switch (k) {
         case e:
           switch (d = d.type, d) {
             case r:
@@ -781,50 +781,50 @@ function Vr() {
                 case l:
                 case a:
                 case c:
-                case p:
-                case b:
+                case v:
+                case E:
                 case s:
                   return d;
                 default:
-                  return F;
+                  return k;
               }
           }
         case t:
-          return F;
+          return k;
       }
     }
   }
-  return G.ContextConsumer = a, G.ContextProvider = s, G.Element = e, G.ForwardRef = c, G.Fragment = r, G.Lazy = p, G.Memo = b, G.Portal = t, G.Profiler = i, G.StrictMode = n, G.Suspense = f, G.SuspenseList = h, G.isAsyncMode = function() {
+  return G.ContextConsumer = a, G.ContextProvider = s, G.Element = e, G.ForwardRef = c, G.Fragment = r, G.Lazy = v, G.Memo = E, G.Portal = t, G.Profiler = i, G.StrictMode = n, G.Suspense = f, G.SuspenseList = h, G.isAsyncMode = function() {
     return !1;
   }, G.isConcurrentMode = function() {
     return !1;
   }, G.isContextConsumer = function(d) {
-    return w(d) === a;
+    return _(d) === a;
   }, G.isContextProvider = function(d) {
-    return w(d) === s;
+    return _(d) === s;
   }, G.isElement = function(d) {
     return typeof d == "object" && d !== null && d.$$typeof === e;
   }, G.isForwardRef = function(d) {
-    return w(d) === c;
+    return _(d) === c;
   }, G.isFragment = function(d) {
-    return w(d) === r;
+    return _(d) === r;
   }, G.isLazy = function(d) {
-    return w(d) === p;
+    return _(d) === v;
   }, G.isMemo = function(d) {
-    return w(d) === b;
+    return _(d) === E;
   }, G.isPortal = function(d) {
-    return w(d) === t;
+    return _(d) === t;
   }, G.isProfiler = function(d) {
-    return w(d) === i;
+    return _(d) === i;
   }, G.isStrictMode = function(d) {
-    return w(d) === n;
+    return _(d) === n;
   }, G.isSuspense = function(d) {
-    return w(d) === f;
+    return _(d) === f;
   }, G.isSuspenseList = function(d) {
-    return w(d) === h;
+    return _(d) === h;
   }, G.isValidElementType = function(d) {
-    return typeof d == "string" || typeof d == "function" || d === r || d === i || d === n || d === f || d === h || d === j || typeof d == "object" && d !== null && (d.$$typeof === p || d.$$typeof === b || d.$$typeof === s || d.$$typeof === a || d.$$typeof === c || d.$$typeof === T || d.getModuleId !== void 0);
-  }, G.typeOf = w, G;
+    return typeof d == "string" || typeof d == "function" || d === r || d === i || d === n || d === f || d === h || d === A || typeof d == "object" && d !== null && (d.$$typeof === v || d.$$typeof === E || d.$$typeof === s || d.$$typeof === a || d.$$typeof === c || d.$$typeof === P || d.getModuleId !== void 0);
+  }, G.typeOf = _, G;
 }
 var U = {};
 /**
@@ -839,21 +839,21 @@ var U = {};
 var Wt;
 function Hr() {
   return Wt || (Wt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.server_context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), T = !1, w = !1, d = !1, F = !1, k = !1, J;
+    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.server_context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), P = !1, _ = !1, d = !1, k = !1, $ = !1, J;
     J = Symbol.for("react.module.reference");
-    function A(O) {
-      return !!(typeof O == "string" || typeof O == "function" || O === r || O === i || k || O === n || O === f || O === h || F || O === j || T || w || d || typeof O == "object" && O !== null && (O.$$typeof === p || O.$$typeof === b || O.$$typeof === s || O.$$typeof === a || O.$$typeof === c || // This needs to include all possible module reference object
+    function j(T) {
+      return !!(typeof T == "string" || typeof T == "function" || T === r || T === i || $ || T === n || T === f || T === h || k || T === A || P || _ || d || typeof T == "object" && T !== null && (T.$$typeof === v || T.$$typeof === E || T.$$typeof === s || T.$$typeof === a || T.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      O.$$typeof === J || O.getModuleId !== void 0));
+      T.$$typeof === J || T.getModuleId !== void 0));
     }
-    function P(O) {
-      if (typeof O == "object" && O !== null) {
-        var Q = O.$$typeof;
+    function F(T) {
+      if (typeof T == "object" && T !== null) {
+        var Q = T.$$typeof;
         switch (Q) {
           case e:
-            var ee = O.type;
+            var ee = T.type;
             switch (ee) {
               case r:
               case i:
@@ -867,8 +867,8 @@ function Hr() {
                   case l:
                   case a:
                   case c:
-                  case p:
-                  case b:
+                  case v:
+                  case E:
                   case s:
                     return fe;
                   default:
@@ -880,50 +880,50 @@ function Hr() {
         }
       }
     }
-    var D = a, z = s, I = e, B = c, M = r, W = p, Y = b, q = t, te = i, he = n, ye = f, Te = h, _e = !1, be = !1;
-    function Se(O) {
+    var D = a, z = s, p = e, B = c, M = r, W = v, Y = E, q = t, te = i, he = n, be = f, Te = h, _e = !1, Ee = !1;
+    function Se(T) {
       return _e || (_e = !0), !1;
     }
-    function g(O) {
-      return be || (be = !0), !1;
+    function y(T) {
+      return Ee || (Ee = !0), !1;
     }
-    function C(O) {
-      return P(O) === a;
+    function C(T) {
+      return F(T) === a;
     }
-    function E(O) {
-      return P(O) === s;
+    function w(T) {
+      return F(T) === s;
     }
-    function y(O) {
-      return typeof O == "object" && O !== null && O.$$typeof === e;
+    function b(T) {
+      return typeof T == "object" && T !== null && T.$$typeof === e;
     }
-    function v(O) {
-      return P(O) === c;
+    function m(T) {
+      return F(T) === c;
     }
-    function x(O) {
-      return P(O) === r;
+    function O(T) {
+      return F(T) === r;
     }
-    function _(O) {
-      return P(O) === p;
+    function R(T) {
+      return F(T) === v;
     }
-    function R(O) {
-      return P(O) === b;
+    function S(T) {
+      return F(T) === E;
     }
-    function S(O) {
-      return P(O) === t;
+    function x(T) {
+      return F(T) === t;
     }
-    function L(O) {
-      return P(O) === i;
+    function I(T) {
+      return F(T) === i;
     }
-    function H(O) {
-      return P(O) === n;
+    function H(T) {
+      return F(T) === n;
     }
-    function ae(O) {
-      return P(O) === f;
+    function ae(T) {
+      return F(T) === f;
     }
-    function le(O) {
-      return P(O) === h;
+    function le(T) {
+      return F(T) === h;
     }
-    U.ContextConsumer = D, U.ContextProvider = z, U.Element = I, U.ForwardRef = B, U.Fragment = M, U.Lazy = W, U.Memo = Y, U.Portal = q, U.Profiler = te, U.StrictMode = he, U.Suspense = ye, U.SuspenseList = Te, U.isAsyncMode = Se, U.isConcurrentMode = g, U.isContextConsumer = C, U.isContextProvider = E, U.isElement = y, U.isForwardRef = v, U.isFragment = x, U.isLazy = _, U.isMemo = R, U.isPortal = S, U.isProfiler = L, U.isStrictMode = H, U.isSuspense = ae, U.isSuspenseList = le, U.isValidElementType = A, U.typeOf = P;
+    U.ContextConsumer = D, U.ContextProvider = z, U.Element = p, U.ForwardRef = B, U.Fragment = M, U.Lazy = W, U.Memo = Y, U.Portal = q, U.Profiler = te, U.StrictMode = he, U.Suspense = be, U.SuspenseList = Te, U.isAsyncMode = Se, U.isConcurrentMode = y, U.isContextConsumer = C, U.isContextProvider = w, U.isElement = b, U.isForwardRef = m, U.isFragment = O, U.isLazy = R, U.isMemo = S, U.isPortal = x, U.isProfiler = I, U.isStrictMode = H, U.isSuspense = ae, U.isSuspenseList = le, U.isValidElementType = j, U.typeOf = F;
   }()), U;
 }
 process.env.NODE_ENV === "production" ? vt.exports = Vr() : vt.exports = Hr();
@@ -1364,7 +1364,7 @@ function Sn(e) {
     return Rn(this, r);
   };
 }
-var Cn = /* @__PURE__ */ function(e) {
+var xn = /* @__PURE__ */ function(e) {
   wn(r, e);
   var t = Sn(r);
   function r() {
@@ -1377,53 +1377,53 @@ var Cn = /* @__PURE__ */ function(e) {
     }
   }]), r;
 }(re.Component);
-function xn(e, t) {
+function Cn(e, t) {
   var r = e.children, n = e.disabled, i = re.useRef(null), s = re.useRef(null), a = re.useContext(mt), l = typeof r == "function", c = l ? r(i) : r, f = re.useRef({
     width: -1,
     height: -1,
     offsetWidth: -1,
     offsetHeight: -1
-  }), h = !l && /* @__PURE__ */ re.isValidElement(c) && qr(c), b = h ? Jr(c) : null, p = Ur(b, i), j = function() {
-    var F;
+  }), h = !l && /* @__PURE__ */ re.isValidElement(c) && qr(c), E = h ? Jr(c) : null, v = Ur(E, i), A = function() {
+    var k;
     return it(i.current) || // Support `nativeElement` format
-    (i.current && Re(i.current) === "object" ? it((F = i.current) === null || F === void 0 ? void 0 : F.nativeElement) : null) || it(s.current);
+    (i.current && Re(i.current) === "object" ? it((k = i.current) === null || k === void 0 ? void 0 : k.nativeElement) : null) || it(s.current);
   };
   re.useImperativeHandle(t, function() {
-    return j();
+    return A();
   });
-  var T = re.useRef(e);
-  T.current = e;
-  var w = re.useCallback(function(d) {
-    var F = T.current, k = F.onResize, J = F.data, A = d.getBoundingClientRect(), P = A.width, D = A.height, z = d.offsetWidth, I = d.offsetHeight, B = Math.floor(P), M = Math.floor(D);
-    if (f.current.width !== B || f.current.height !== M || f.current.offsetWidth !== z || f.current.offsetHeight !== I) {
+  var P = re.useRef(e);
+  P.current = e;
+  var _ = re.useCallback(function(d) {
+    var k = P.current, $ = k.onResize, J = k.data, j = d.getBoundingClientRect(), F = j.width, D = j.height, z = d.offsetWidth, p = d.offsetHeight, B = Math.floor(F), M = Math.floor(D);
+    if (f.current.width !== B || f.current.height !== M || f.current.offsetWidth !== z || f.current.offsetHeight !== p) {
       var W = {
         width: B,
         height: M,
         offsetWidth: z,
-        offsetHeight: I
+        offsetHeight: p
       };
       f.current = W;
-      var Y = z === Math.round(P) ? P : z, q = I === Math.round(D) ? D : I, te = Dt(Dt({}, W), {}, {
+      var Y = z === Math.round(F) ? F : z, q = p === Math.round(D) ? D : p, te = Dt(Dt({}, W), {}, {
         offsetWidth: Y,
         offsetHeight: q
       });
-      a == null || a(te, d, J), k && Promise.resolve().then(function() {
-        k(te, d);
+      a == null || a(te, d, J), $ && Promise.resolve().then(function() {
+        $(te, d);
       });
     }
   }, []);
   return re.useEffect(function() {
-    var d = j();
-    return d && !n && gn(d, w), function() {
-      return yn(d, w);
+    var d = A();
+    return d && !n && gn(d, _), function() {
+      return yn(d, _);
     };
-  }, [i.current, n]), /* @__PURE__ */ re.createElement(Cn, {
+  }, [i.current, n]), /* @__PURE__ */ re.createElement(xn, {
     ref: s
   }, h ? /* @__PURE__ */ re.cloneElement(c, {
-    ref: p
+    ref: v
   }) : c);
 }
-var sr = /* @__PURE__ */ re.forwardRef(xn);
+var sr = /* @__PURE__ */ re.forwardRef(Cn);
 process.env.NODE_ENV !== "production" && (sr.displayName = "SingleObserver");
 var On = "rc-observer-key";
 function Tn(e, t) {
@@ -1478,45 +1478,45 @@ var ar = { exports: {} };
 var Pn = ar.exports;
 const _t = /* @__PURE__ */ Mr(Pn);
 const jn = jr(({ columns: e, width: t, onScroll: r, meta: n }, i) => {
-  const s = we(() => {
+  const s = ye(() => {
     const a = [], l = (h) => {
-      let b = 0;
-      return h.forEach((p) => {
-        if (p.children && p.children.length > 0) {
-          const j = l(p.children);
-          j > b && (b = j);
+      let E = 0;
+      return h.forEach((v) => {
+        if (v.children && v.children.length > 0) {
+          const A = l(v.children);
+          A > E && (E = A);
         }
-      }), b + 1;
-    }, c = l(e), f = (h, b) => {
-      a[b] || (a[b] = []), h.forEach((p) => {
-        var d, F;
-        let j = "left";
-        (d = p.style) != null && d.textAlign && (j = p.style.textAlign);
-        let T = n == null ? void 0 : n.find((k) => k.field === p.field);
-        if (!T) {
-          const k = p.field.split("||");
-          if (k.length > 1) {
-            const J = k[k.length - 1];
-            T = n == null ? void 0 : n.find((A) => A.field === J);
+      }), E + 1;
+    }, c = l(e), f = (h, E) => {
+      a[E] || (a[E] = []), h.forEach((v) => {
+        var d, k;
+        let A = "left";
+        (d = v.style) != null && d.textAlign && (A = v.style.textAlign);
+        let P = n == null ? void 0 : n.find(($) => $.field === v.field);
+        if (!P) {
+          const $ = v.field.split("||");
+          if ($.length > 1) {
+            const J = $[$.length - 1];
+            P = n == null ? void 0 : n.find((j) => j.field === J);
           } else
-            p.field.includes("__") && (T = n == null ? void 0 : n.find((J) => p.field.startsWith(`${J.field}_`)));
+            v.field.includes("__") && (P = n == null ? void 0 : n.find((J) => v.field.startsWith(`${J.field}_`)));
         }
-        (F = T == null ? void 0 : T.style) != null && F.textAlign && (j = T.style.textAlign);
-        const w = {
-          key: p.field || p.dataIndex || p.title || String(Math.random()),
-          title: p.title,
-          width: p.width,
-          align: j,
-          className: p.field,
+        (k = P == null ? void 0 : P.style) != null && k.textAlign && (A = P.style.textAlign);
+        const _ = {
+          key: v.field || v.dataIndex || v.title || String(Math.random()),
+          title: v.title,
+          width: v.width,
+          align: A,
+          className: v.field,
           // col.className not in type, ignore
           colSpan: 1,
           rowSpan: 1
         };
-        if (p.children && p.children.length > 0) {
-          const k = (J) => J.children && J.children.length > 0 ? J.children.reduce((A, P) => A + k(P), 0) : 1;
-          w.colSpan = k(p), a[b].push(w), f(p.children, b + 1);
+        if (v.children && v.children.length > 0) {
+          const $ = (J) => J.children && J.children.length > 0 ? J.children.reduce((j, F) => j + $(F), 0) : 1;
+          _.colSpan = $(v), a[E].push(_), f(v.children, E + 1);
         } else
-          w.rowSpan = c - b, a[b].push(w);
+          _.rowSpan = c - E, a[E].push(_);
       });
     };
     return f(e, 0), a;
@@ -1559,7 +1559,7 @@ const jn = jr(({ columns: e, width: t, onScroll: r, meta: n }, i) => {
   for (const r in e)
     Object.prototype.hasOwnProperty.call(e, r) && (t[r] = bt(e[r]));
   return t;
-}, lr = 43, An = 100, xe = "-", Bt = "合计";
+}, lr = 43, An = 100, Ce = "-", Bt = "合计";
 function Mn(e) {
   let t = e;
   for (; t; ) {
@@ -1597,7 +1597,7 @@ function In({
   mode: s,
   style: a
 }) {
-  const { styleHeight: l, styleWidth: c } = we(
+  const { styleHeight: l, styleWidth: c } = ye(
     () => ({
       styleHeight: Yt(a == null ? void 0 : a.height),
       styleWidth: Yt(a == null ? void 0 : a.width)
@@ -1606,23 +1606,23 @@ function In({
   ), [f, h] = Ie({
     height: t,
     width: r
-  }), b = n || s === "only-height" && l !== void 0 || s === "only-width" && c !== void 0 || l !== void 0 && c !== void 0;
+  }), E = n || s === "only-height" && l !== void 0 || s === "only-width" && c !== void 0 || l !== void 0 && c !== void 0;
   return Xe(() => {
-    if (i === null || b)
+    if (i === null || E)
       return;
-    const p = new ResizeObserver((j) => {
-      for (const T of j) {
-        const { contentRect: w, target: d } = T;
-        i === d && h((F) => F.height === w.height && F.width === w.width ? F : {
-          height: w.height,
-          width: w.width
+    const v = new ResizeObserver((A) => {
+      for (const P of A) {
+        const { contentRect: _, target: d } = P;
+        i === d && h((k) => k.height === _.height && k.width === _.width ? k : {
+          height: _.height,
+          width: _.width
         });
       }
     });
-    return p.observe(i, { box: e }), () => {
-      p == null || p.unobserve(i);
+    return v.observe(i, { box: e }), () => {
+      v == null || v.unobserve(i);
     };
-  }, [e, b, i, l, c]), we(
+  }, [e, E, i, l, c]), ye(
     () => ({
       height: l ?? f.height,
       width: c ?? f.width
@@ -1749,14 +1749,14 @@ function lt({
   const s = n - 1;
   let a = 0, l = -1, c = 0, f = -1, h = 0;
   for (; h < s; ) {
-    const b = e.get(h);
-    if (b.scrollOffset + b.size > t)
+    const E = e.get(h);
+    if (E.scrollOffset + E.size > t)
       break;
     h++;
   }
   for (a = h, c = Math.max(0, a - i); h < s; ) {
-    const b = e.get(h);
-    if (b.scrollOffset + b.size >= t + r)
+    const E = e.get(h);
+    if (E.scrollOffset + E.size >= t + r)
       break;
     h++;
   }
@@ -1823,7 +1823,7 @@ function Fn({
   itemProps: t,
   itemSize: r
 }) {
-  return we(
+  return ye(
     () => Dn({
       itemCount: e,
       itemProps: t,
@@ -1867,56 +1867,56 @@ function Kt({
   onResize: c,
   overscanCount: f
 }) {
-  const { height: h = r, width: b = r } = In({
+  const { height: h = r, width: E = r } = In({
     defaultHeight: n === "vertical" ? r : void 0,
     defaultWidth: n === "horizontal" ? r : void 0,
     element: e,
     mode: n === "vertical" ? "only-height" : "only-width",
     style: t
-  }), p = ze({
+  }), v = ze({
     height: 0,
     width: 0
-  }), j = n === "vertical" ? h : b, T = Nn({ containerSize: j, itemSize: l });
+  }), A = n === "vertical" ? h : E, P = Nn({ containerSize: A, itemSize: l });
   Et(() => {
     if (typeof c == "function") {
-      const M = p.current;
-      (M.height !== h || M.width !== b) && (c({ height: h, width: b }, { ...M }), M.height = h, M.width = b);
+      const M = v.current;
+      (M.height !== h || M.width !== E) && (c({ height: h, width: E }, { ...M }), M.height = h, M.width = E);
     }
-  }, [h, c, b]);
-  const w = Fn({
+  }, [h, c, E]);
+  const _ = Fn({
     itemCount: s,
     itemProps: a,
-    itemSize: T
+    itemSize: P
   }), d = ge(
-    (M) => w.get(M),
-    [w]
-  ), [F, k] = Ie(
+    (M) => _.get(M),
+    [_]
+  ), [k, $] = Ie(
     () => lt({
-      cachedBounds: w,
+      cachedBounds: _,
       // TODO Potentially support a defaultScrollOffset prop?
       containerScrollOffset: 0,
-      containerSize: j,
+      containerSize: A,
       itemCount: s,
       overscanCount: f
     })
   ), {
     startIndexVisible: J,
-    startIndexOverscan: A,
-    stopIndexVisible: P,
+    startIndexOverscan: j,
+    stopIndexVisible: F,
     stopIndexOverscan: D
   } = {
-    startIndexVisible: Math.min(s - 1, F.startIndexVisible),
-    startIndexOverscan: Math.min(s - 1, F.startIndexOverscan),
-    stopIndexVisible: Math.min(s - 1, F.stopIndexVisible),
-    stopIndexOverscan: Math.min(s - 1, F.stopIndexOverscan)
+    startIndexVisible: Math.min(s - 1, k.startIndexVisible),
+    startIndexOverscan: Math.min(s - 1, k.startIndexOverscan),
+    stopIndexVisible: Math.min(s - 1, k.stopIndexVisible),
+    stopIndexOverscan: Math.min(s - 1, k.stopIndexOverscan)
   }, z = ge(
     () => cr({
-      cachedBounds: w,
+      cachedBounds: _,
       itemCount: s,
-      itemSize: T
+      itemSize: P
     }),
-    [w, s, T]
-  ), I = ge(
+    [_, s, P]
+  ), p = ge(
     (M) => {
       const W = at({
         containerElement: e,
@@ -1925,17 +1925,17 @@ function Kt({
         scrollOffset: M
       });
       return lt({
-        cachedBounds: w,
+        cachedBounds: _,
         containerScrollOffset: W,
-        containerSize: j,
+        containerSize: A,
         itemCount: s,
         overscanCount: f
       });
     },
     [
-      w,
+      _,
       e,
-      j,
+      A,
       n,
       i,
       s,
@@ -1944,21 +1944,21 @@ function Kt({
   );
   Xe(() => {
     const M = (n === "vertical" ? e == null ? void 0 : e.scrollTop : e == null ? void 0 : e.scrollLeft) ?? 0;
-    k(I(M));
-  }, [e, n, I]), Xe(() => {
+    $(p(M));
+  }, [e, n, p]), Xe(() => {
     if (!e)
       return;
     const M = () => {
-      k((W) => {
+      $((W) => {
         const { scrollLeft: Y, scrollTop: q } = e, te = at({
           containerElement: e,
           direction: n,
           isRtl: i,
           scrollOffset: n === "vertical" ? q : Y
         }), he = lt({
-          cachedBounds: w,
+          cachedBounds: _,
           containerScrollOffset: te,
-          containerSize: j,
+          containerSize: A,
           itemCount: s,
           overscanCount: f
         });
@@ -1969,9 +1969,9 @@ function Kt({
       e.removeEventListener("scroll", M);
     };
   }, [
-    w,
+    _,
     e,
-    j,
+    A,
     n,
     s,
     f
@@ -1984,12 +1984,12 @@ function Kt({
     }) => {
       let q = kn({
         align: M,
-        cachedBounds: w,
+        cachedBounds: _,
         containerScrollOffset: W,
-        containerSize: j,
+        containerSize: A,
         index: Y,
         itemCount: s,
-        itemSize: T
+        itemSize: P
       });
       if (e) {
         if (q = at({
@@ -1998,8 +1998,8 @@ function Kt({
           isRtl: i,
           scrollOffset: q
         }), typeof e.scrollTo != "function") {
-          const te = I(q);
-          Be(F, te) || k(te);
+          const te = p(q);
+          Be(k, te) || $(te);
         }
         return q;
       }
@@ -2009,14 +2009,14 @@ function Kt({
     getCellBounds: d,
     getEstimatedSize: z,
     scrollToIndex: B,
-    startIndexOverscan: A,
+    startIndexOverscan: j,
     startIndexVisible: J,
     stopIndexOverscan: D,
-    stopIndexVisible: P
+    stopIndexVisible: F
   };
 }
 function Wn(e) {
-  return we(() => e, Object.values(e));
+  return ye(() => e, Object.values(e));
 }
 function Vn(e, t) {
   const {
@@ -2042,117 +2042,117 @@ function Hn({
   dir: c,
   gridRef: f,
   onCellsRendered: h,
-  onResize: b,
-  overscanCount: p = 3,
-  rowCount: j,
-  rowHeight: T,
-  style: w,
+  onResize: E,
+  overscanCount: v = 3,
+  rowCount: A,
+  rowHeight: P,
+  style: _,
   tagName: d = "div",
-  ...F
+  ...k
 }) {
-  const k = Wn(t), J = we(
+  const $ = Wn(t), J = ye(
     () => Ut(e, Vn),
     [e]
-  ), [A, P] = Ie(null), D = zn(A, c), {
+  ), [j, F] = Ie(null), D = zn(j, c), {
     getCellBounds: z,
-    getEstimatedSize: I,
+    getEstimatedSize: p,
     startIndexOverscan: B,
     startIndexVisible: M,
     scrollToIndex: W,
     stopIndexOverscan: Y,
     stopIndexVisible: q
   } = Kt({
-    containerElement: A,
-    containerStyle: w,
+    containerElement: j,
+    containerStyle: _,
     defaultContainerSize: l,
     direction: "horizontal",
     isRtl: D,
     itemCount: i,
-    itemProps: k,
+    itemProps: $,
     itemSize: s,
-    onResize: b,
-    overscanCount: p
+    onResize: E,
+    overscanCount: v
   }), {
     getCellBounds: te,
     getEstimatedSize: he,
-    startIndexOverscan: ye,
+    startIndexOverscan: be,
     startIndexVisible: Te,
     scrollToIndex: _e,
-    stopIndexOverscan: be,
+    stopIndexOverscan: Ee,
     stopIndexVisible: Se
   } = Kt({
-    containerElement: A,
-    containerStyle: w,
+    containerElement: j,
+    containerStyle: _,
     defaultContainerSize: a,
     direction: "vertical",
-    itemCount: j,
-    itemProps: k,
-    itemSize: T,
-    onResize: b,
-    overscanCount: p
+    itemCount: A,
+    itemProps: $,
+    itemSize: P,
+    onResize: E,
+    overscanCount: v
   });
   Ar(
     f,
     () => ({
       get element() {
-        return A;
+        return j;
       },
       scrollToCell({
-        behavior: E = "auto",
-        columnAlign: y = "auto",
-        columnIndex: v,
-        rowAlign: x = "auto",
-        rowIndex: _
+        behavior: w = "auto",
+        columnAlign: b = "auto",
+        columnIndex: m,
+        rowAlign: O = "auto",
+        rowIndex: R
       }) {
-        const R = W({
-          align: y,
-          containerScrollOffset: (A == null ? void 0 : A.scrollLeft) ?? 0,
-          index: v
-        }), S = _e({
-          align: x,
-          containerScrollOffset: (A == null ? void 0 : A.scrollTop) ?? 0,
-          index: _
+        const S = W({
+          align: b,
+          containerScrollOffset: (j == null ? void 0 : j.scrollLeft) ?? 0,
+          index: m
+        }), x = _e({
+          align: O,
+          containerScrollOffset: (j == null ? void 0 : j.scrollTop) ?? 0,
+          index: R
         });
-        typeof (A == null ? void 0 : A.scrollTo) == "function" && A.scrollTo({
-          behavior: E,
-          left: R,
-          top: S
+        typeof (j == null ? void 0 : j.scrollTo) == "function" && j.scrollTo({
+          behavior: w,
+          left: S,
+          top: x
         });
       },
       scrollToColumn({
-        align: E = "auto",
-        behavior: y = "auto",
-        index: v
+        align: w = "auto",
+        behavior: b = "auto",
+        index: m
       }) {
-        const x = W({
-          align: E,
-          containerScrollOffset: (A == null ? void 0 : A.scrollLeft) ?? 0,
-          index: v
+        const O = W({
+          align: w,
+          containerScrollOffset: (j == null ? void 0 : j.scrollLeft) ?? 0,
+          index: m
         });
-        typeof (A == null ? void 0 : A.scrollTo) == "function" && A.scrollTo({
-          behavior: y,
-          left: x
+        typeof (j == null ? void 0 : j.scrollTo) == "function" && j.scrollTo({
+          behavior: b,
+          left: O
         });
       },
       scrollToRow({
-        align: E = "auto",
-        behavior: y = "auto",
-        index: v
+        align: w = "auto",
+        behavior: b = "auto",
+        index: m
       }) {
-        const x = _e({
-          align: E,
-          containerScrollOffset: (A == null ? void 0 : A.scrollTop) ?? 0,
-          index: v
+        const O = _e({
+          align: w,
+          containerScrollOffset: (j == null ? void 0 : j.scrollTop) ?? 0,
+          index: m
         });
-        typeof (A == null ? void 0 : A.scrollTo) == "function" && A.scrollTo({
-          behavior: y,
-          top: x
+        typeof (j == null ? void 0 : j.scrollTo) == "function" && j.scrollTo({
+          behavior: b,
+          top: O
         });
       }
     }),
-    [A, W, _e]
+    [j, W, _e]
   ), Ze(() => {
-    B >= 0 && Y >= 0 && ye >= 0 && be >= 0 && h && h(
+    B >= 0 && Y >= 0 && be >= 0 && Ee >= 0 && h && h(
       {
         columnStartIndex: M,
         columnStopIndex: q,
@@ -2162,8 +2162,8 @@ function Hn({
       {
         columnStartIndex: B,
         columnStopIndex: Y,
-        rowStartIndex: ye,
-        rowStopIndex: be
+        rowStartIndex: be,
+        rowStopIndex: Ee
       }
     );
   }, [
@@ -2172,66 +2172,66 @@ function Hn({
     M,
     Y,
     q,
-    ye,
-    Te,
     be,
+    Te,
+    Ee,
     Se
   ]);
-  const g = we(() => {
-    const E = [];
-    if (i > 0 && j > 0)
-      for (let y = ye; y <= be; y++) {
-        const v = te(y), x = [];
-        for (let _ = B; _ <= Y; _++) {
-          const R = z(_);
-          x.push(
+  const y = ye(() => {
+    const w = [];
+    if (i > 0 && A > 0)
+      for (let b = be; b <= Ee; b++) {
+        const m = te(b), O = [];
+        for (let R = B; R <= Y; R++) {
+          const S = z(R);
+          O.push(
             /* @__PURE__ */ Mt(
               J,
               {
-                ...k,
+                ...$,
                 ariaAttributes: {
-                  "aria-colindex": _ + 1,
+                  "aria-colindex": R + 1,
                   role: "gridcell"
                 },
-                columnIndex: _,
-                key: _,
-                rowIndex: y,
+                columnIndex: R,
+                key: R,
+                rowIndex: b,
                 style: {
                   position: "absolute",
                   left: D ? void 0 : 0,
                   right: D ? 0 : void 0,
-                  transform: `translate(${D ? -R.scrollOffset : R.scrollOffset}px, ${v.scrollOffset}px)`,
-                  height: v.size,
-                  width: R.size
+                  transform: `translate(${D ? -S.scrollOffset : S.scrollOffset}px, ${m.scrollOffset}px)`,
+                  height: m.size,
+                  width: S.size
                 }
               }
             )
           );
         }
-        E.push(
-          /* @__PURE__ */ Z.jsx("div", { role: "row", "aria-rowindex": y + 1, children: x }, y)
+        w.push(
+          /* @__PURE__ */ Z.jsx("div", { role: "row", "aria-rowindex": b + 1, children: O }, b)
         );
       }
-    return E;
+    return w;
   }, [
     J,
-    k,
+    $,
     i,
     B,
     Y,
     z,
     te,
     D,
-    j,
-    ye,
-    be
+    A,
+    be,
+    Ee
   ]), C = /* @__PURE__ */ Z.jsx(
     "div",
     {
       "aria-hidden": !0,
       style: {
         height: he(),
-        width: I(),
+        width: p(),
         zIndex: -1
       }
     }
@@ -2240,22 +2240,22 @@ function Hn({
     d,
     {
       "aria-colcount": i,
-      "aria-rowcount": j,
+      "aria-rowcount": A,
       role: "grid",
-      ...F,
+      ...k,
       className: n,
       dir: c,
-      ref: P,
+      ref: F,
       style: {
         position: "relative",
         maxHeight: "100%",
         maxWidth: "100%",
         flexGrow: 1,
         overflow: "auto",
-        ...w
+        ..._
       }
     },
-    g,
+    y,
     r,
     C
   );
@@ -2271,38 +2271,38 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
   const n = (i = r[e]) == null ? void 0 : i[t];
   return !n || n.rowspan === 0 || n.colspan === 0;
 }, Gn = (e, t, r, n, i, s) => {
-  var j, T;
-  const a = (j = n[e]) == null ? void 0 : j[t];
+  var A, P;
+  const a = (A = n[e]) == null ? void 0 : A[t];
   if (!a || a.rowspan === 0 || a.colspan === 0)
     return;
   const l = { ...r };
   let c = i[t];
-  const f = c.field.split("||"), h = f[f.length - 1], b = s == null ? void 0 : s.find((w) => w.field === h || w.field === c.field);
-  b && b.style;
-  const p = (b == null ? void 0 : b.style) || (c == null ? void 0 : c.style);
+  const f = c.field.split("||"), h = f[f.length - 1], E = s == null ? void 0 : s.find((_) => _.field === h || _.field === c.field);
+  E && E.style;
+  const v = (E == null ? void 0 : E.style) || (c == null ? void 0 : c.style);
   if (a.colspan > 1) {
-    let w = 0;
+    let _ = 0;
     for (let d = t; d < t + a.colspan; d++)
-      w += Number((T = i[d]) == null ? void 0 : T.width) || 100;
-    l.width = w;
+      _ += Number((P = i[d]) == null ? void 0 : P.width) || 100;
+    l.width = _;
   }
-  return a.rowspan > 1 && (l.height = a.rowspan * lr), p != null && p.textAlign && (l.textAlign = p.textAlign, p.textAlign === "right" && (l.justifyContent = "flex-end"), p.textAlign === "center" && (l.justifyContent = "center")), l.border = "1px solid #f0f0f0", l.padding = "8px 16px", l.display = "flex", l.alignItems = "center", l.backgroundColor = "#fff", l;
+  return a.rowspan > 1 && (l.height = a.rowspan * lr), v != null && v.textAlign && (l.textAlign = v.textAlign, v.textAlign === "right" && (l.justifyContent = "flex-end"), v.textAlign === "center" && (l.justifyContent = "center")), l.border = "1px solid #f0f0f0", l.padding = "8px 16px", l.display = "flex", l.alignItems = "center", l.backgroundColor = "#fff", l;
 }, Un = ({ columnIndex: e, rowIndex: t, style: r, mergedData: n, columns: i, handleExpand: s, meta: a }) => {
   if (Kn(t, e, n))
     return null;
-  const l = n[t][e], c = Gn(t, e, r, n, i, a), f = i[e], h = f.field.split("||"), b = h[h.length - 1], p = a == null ? void 0 : a.find((w) => w.field === b || w.field === f.field), j = Ye.isValidElement(l.content);
-  let T;
-  if (T = l.content, "formatter" in f && f.formatter && !j && (T = f.formatter(T, l.data)), p != null && p.clickHandler && !j && T !== null && T !== void 0) {
-    const w = l.data;
-    T = /* @__PURE__ */ Z.jsx(
+  const l = n[t][e], c = Gn(t, e, r, n, i, a), f = i[e], h = f.field.split("||"), E = h[h.length - 1], v = a == null ? void 0 : a.find((_) => _.field === E || _.field === f.field), A = Ye.isValidElement(l.content);
+  let P;
+  if (P = l.content, "formatter" in f && f.formatter && !A && (P = f.formatter(P, l.data)), v != null && v.clickHandler && !A && P !== null && P !== void 0) {
+    const _ = l.data;
+    P = /* @__PURE__ */ Z.jsx(
       "a",
       {
         href: "javascript:void(0)",
         onClick: (d) => {
-          d.preventDefault(), d.stopPropagation(), p.clickHandler(w);
+          d.preventDefault(), d.stopPropagation(), v.clickHandler(_);
         },
         className: "virtual-table-cell-link",
-        children: T
+        children: P
       }
     );
   }
@@ -2313,83 +2313,90 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
       className: _t("table-cell", "virtual-table-cell", {
         "virtual-table-cell-last": e === i.length - 1
       }),
-      title: typeof T == "string" ? T : void 0,
+      title: typeof P == "string" ? P : void 0,
       children: [
         /* @__PURE__ */ Z.jsx("span", { className: "expand-icon", children: l.expandable ? l.expanded ? /* @__PURE__ */ Z.jsx(Bn, { onClick: () => {
           l.onClick && l.onClick(l), s(l);
         } }) : /* @__PURE__ */ Z.jsx(Yn, { onClick: () => {
           l.onClick && l.onClick(l), s(l);
         } }) : null }),
-        T
+        P
       ]
     }
   );
 }, qn = (e) => {
-  const { data: t, info: r, scroll: n, columns: i, tableWidth: s } = e, { ref: a, onScroll: l } = r, c = ze(), f = we(() => {
-    const P = {};
-    return Object.defineProperty(P, "scrollLeft", {
+  const { data: t, info: r, scroll: n, columns: i, tableWidth: s } = e, { ref: a, onScroll: l } = r, c = ze(), f = ye(() => {
+    const D = {};
+    return Object.defineProperty(D, "scrollLeft", {
       get: () => {
-        var D, z;
-        return ((z = (D = c.current) == null ? void 0 : D.element) == null ? void 0 : z.scrollLeft) || 0;
+        var z, p;
+        return ((p = (z = c.current) == null ? void 0 : z.element) == null ? void 0 : p.scrollLeft) || 0;
       },
-      set: (D) => {
-        var z;
-        (z = c.current) != null && z.element && (c.current.element.scrollLeft = D);
+      set: (z) => {
+        var p;
+        (p = c.current) != null && p.element && (c.current.element.scrollLeft = z);
       }
-    }), Object.defineProperty(P, "scrollTop", {
+    }), Object.defineProperty(D, "scrollTop", {
       get: () => {
-        var D, z;
-        return ((z = (D = c.current) == null ? void 0 : D.element) == null ? void 0 : z.scrollTop) || 0;
+        var z, p;
+        return ((p = (z = c.current) == null ? void 0 : z.element) == null ? void 0 : p.scrollTop) || 0;
       },
-      set: (D) => {
-        var z;
-        (z = c.current) != null && z.element && (c.current.element.scrollTop = D);
+      set: (z) => {
+        var p;
+        (p = c.current) != null && p.element && (c.current.element.scrollTop = z);
       }
-    }), P;
+    }), D;
   }, []);
   Ze(() => {
     a && (a.current = f);
   }, [a, f]);
-  const h = t, b = h.length, p = ge((P) => {
-    let D = 0;
-    return P.forEach((z) => {
-      z != null && z.children && z.children.length > 0 ? D += p(z.children) : D += 1;
-    }), D;
-  }, []), j = p(i), T = ge((P) => {
-    let D = [];
-    return P.forEach((z) => {
-      z != null && z.children && z.children.length > 0 ? D = [...D, ...T(z.children)] : D.push(z);
-    }), D;
-  }, []), w = T(i), d = ge((P) => {
-    const D = w[P];
-    let z = (D == null ? void 0 : D.width) || 100;
-    return typeof z == "string" && (z = parseInt(z.replace("px", "")) || 100), z;
-  }, [w]), F = ge((P) => lr, []), k = we(() => h.map((P) => P.cells), [h]), J = ge((P) => {
-    if (P && typeof P.scrollLeft == "number") {
-      l && l(P);
+  const h = t, E = h.length, v = ge((D) => {
+    let z = 0;
+    return D.forEach((p) => {
+      p != null && p.children && p.children.length > 0 ? z += v(p.children) : z += 1;
+    }), z;
+  }, []), A = v(i), P = ge((D) => {
+    let z = [];
+    return D.forEach((p) => {
+      p != null && p.children && p.children.length > 0 ? z = [...z, ...P(p.children)] : z.push(p);
+    }), z;
+  }, []), _ = P(i), d = ge((D) => {
+    const z = _[D];
+    let p = (z == null ? void 0 : z.width) || 100;
+    return typeof p == "string" && (p = parseInt(p.replace("px", "")) || 100), p;
+  }, [_]), k = ge((D) => lr, []), $ = ye(() => h.map((D) => D.cells), [h]), J = ge((D) => {
+    if (D && typeof D.scrollLeft == "number") {
+      l && l(D);
       return;
     }
-    if (P && P.target) {
-      const { scrollLeft: D, scrollTop: z } = P.target;
-      l && l({ scrollLeft: D, scrollTop: z });
+    if (D && D.target) {
+      const { scrollLeft: z, scrollTop: p } = D.target;
+      l && l({ scrollLeft: z, scrollTop: p });
     }
-  }, [l]), A = (typeof (n == null ? void 0 : n.y) == "number" ? n.y : parseInt((n == null ? void 0 : n.y) || "400")) || 400;
+  }, [l]), j = ye(() => {
+    let D = 1;
+    return t && t.length > 0 && t.forEach((z) => {
+      z.cells && z.cells.forEach((p) => {
+        p.rowspan > D && (D = p.rowspan);
+      });
+    }), D;
+  }, [t]), F = (typeof (n == null ? void 0 : n.y) == "number" ? n.y : parseInt((n == null ? void 0 : n.y) || "400")) || 400;
   return /* @__PURE__ */ Z.jsx(
     Hn,
     {
       gridRef: c,
-      columnCount: j,
+      columnCount: A,
       columnWidth: d,
-      rowCount: b,
-      rowHeight: F,
-      style: { height: A - 40, width: s, overflowY: "auto" },
+      rowCount: E,
+      rowHeight: k,
+      style: { height: F - 40, width: s, overflowY: "auto" },
       onScroll: J,
-      className: "virtual-grid",
-      overscanCount: 20,
+      className: `virtual-grid row-${j}`,
+      overscanCount: j + 3,
       cellComponent: Un,
       cellProps: {
-        mergedData: k,
-        columns: w,
+        mergedData: $,
+        columns: _,
         data: h,
         handleExpand: e.handleExpand,
         meta: e.meta
@@ -2409,7 +2416,7 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
       return n;
     n = n[i];
   }
-  return n == null && (n = xe), n;
+  return n == null && (n = Ce), n;
 }, ct = (e, t) => "|" + t.map((n) => me(e, n)).join("|"), Gt = (e, t) => {
   if (!e)
     return null;
@@ -2451,157 +2458,157 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
   if (!t || t.length === 0 || !i.length && !s.length && !a.length)
     return {
       list: [],
-      dataExpandFilter: (g) => g
+      dataExpandFilter: (y) => y
     };
-  const l = He(i), c = He(s), f = He(a).filter((g) => !g.hidden), h = l.map((g) => g.field), b = c.map((g) => g.field), p = /* @__PURE__ */ new Map(), j = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map();
-  t.forEach((g) => {
-    const C = ct(g, h);
-    p.has(C) || p.set(C, []), p.get(C).push(g);
-    const E = ct(g, b);
-    j.has(E) || j.set(E, []), j.get(E).push(g);
-    const y = `${C}||${E}`;
-    T.has(y) || T.set(y, []), T.get(y).push(g);
+  const l = He(i), c = He(s), f = He(a).filter((y) => !y.hidden), h = l.map((y) => y.field), E = c.map((y) => y.field), v = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
+  t.forEach((y) => {
+    const C = ct(y, h);
+    v.has(C) || v.set(C, []), v.get(C).push(y);
+    const w = ct(y, E);
+    A.has(w) || A.set(w, []), A.get(w).push(y);
+    const b = `${C}||${w}`;
+    P.has(b) || P.set(b, []), P.get(b).push(y);
   });
-  const w = () => Array.from(p.entries()).sort(([g, C], [E, y]) => {
+  const _ = () => Array.from(v.entries()).sort(([y, C], [w, b]) => {
     if (r && r.length > 0)
-      for (const v of r) {
-        const { field: x, sortType: _ } = v, R = _ === "asc", S = me(C[0], x), L = me(y[0], x);
-        if (S < L)
-          return R ? -1 : 1;
-        if (S > L)
-          return R ? 1 : -1;
+      for (const m of r) {
+        const { field: O, sortType: R } = m, S = R === "asc", x = me(C[0], O), I = me(b[0], O);
+        if (x < I)
+          return S ? -1 : 1;
+        if (x > I)
+          return S ? 1 : -1;
       }
-    for (let v = 0; v < h.length; v++) {
-      const x = h[v], _ = l[v], R = me(C[0], x), S = me(y[0], x);
-      if (R !== S)
-        if (_.sort && _.sort.enabled) {
-          const L = _.sort.type === "asc";
-          if (R < S)
-            return L ? -1 : 1;
-          if (R > S)
-            return L ? 1 : -1;
+    for (let m = 0; m < h.length; m++) {
+      const O = h[m], R = l[m], S = me(C[0], O), x = me(b[0], O);
+      if (S !== x)
+        if (R.sort && R.sort.enabled) {
+          const I = R.sort.type === "asc";
+          if (S < x)
+            return I ? -1 : 1;
+          if (S > x)
+            return I ? 1 : -1;
         } else {
-          if (R < S)
+          if (S < x)
             return -1;
-          if (R > S)
+          if (S > x)
             return 1;
         }
     }
     return 0;
-  }), d = () => Array.from(j.entries()).sort(([g, C], [E, y]) => {
-    for (let v = 0; v < b.length; v++) {
-      const x = b[v], _ = c[v], R = me(C[0], x), S = me(y[0], x);
-      if (R !== S)
-        if (_.sort && _.sort.enabled) {
-          const L = _.sort.type === "asc";
-          if (R < S)
-            return L ? -1 : 1;
-          if (R > S)
-            return L ? 1 : -1;
+  }), d = () => Array.from(A.entries()).sort(([y, C], [w, b]) => {
+    for (let m = 0; m < E.length; m++) {
+      const O = E[m], R = c[m], S = me(C[0], O), x = me(b[0], O);
+      if (S !== x)
+        if (R.sort && R.sort.enabled) {
+          const I = R.sort.type === "asc";
+          if (S < x)
+            return I ? -1 : 1;
+          if (S > x)
+            return I ? 1 : -1;
         } else {
-          if (R < S)
+          if (S < x)
             return -1;
-          if (R > S)
+          if (S > x)
             return 1;
         }
     }
     return 0;
-  }), F = () => {
-    const g = [], C = He(i);
-    for (let E = 1; E <= C.length; E++)
-      g.push(C.slice(0, E));
-    return g;
-  }, k = () => {
-    const g = F(), C = /* @__PURE__ */ new Set();
-    return g.forEach((E, y) => {
-      const v = E[E.length - 1];
-      v.total && v.total.enabled && C.add(y);
+  }), k = () => {
+    const y = [], C = He(i);
+    for (let w = 1; w <= C.length; w++)
+      y.push(C.slice(0, w));
+    return y;
+  }, $ = () => {
+    const y = k(), C = /* @__PURE__ */ new Set();
+    return y.forEach((w, b) => {
+      const m = w[w.length - 1];
+      m.total && m.total.enabled && C.add(b);
     }), C;
   }, J = () => {
-    const g = F(), C = [], E = k();
-    return E.size === 0 || E.forEach((y) => {
-      let v = [];
-      y > 0 && (v = g[y - 1]);
-      const x = {};
-      t.forEach((_) => {
-        let R = "";
-        if (y > 0 ? R = v.map((S) => me(_, S.field)).join("|") : R = "__GLOBAL__", !x[R]) {
-          const L = g[y][y].total;
-          x[R] = {
+    const y = k(), C = [], w = $();
+    return w.size === 0 || w.forEach((b) => {
+      let m = [];
+      b > 0 && (m = y[b - 1]);
+      const O = {};
+      t.forEach((R) => {
+        let S = "";
+        if (b > 0 ? S = m.map((x) => me(R, x.field)).join("|") : S = "__GLOBAL__", !O[S]) {
+          const I = y[b][b].total;
+          O[S] = {
             records: [],
-            config: L
+            config: I
           };
         }
-        x[R].records.push(_);
-      }), C.push({ level: y, data: x });
+        O[S].records.push(R);
+      }), C.push({ level: b, data: O });
     }), C;
-  }, A = d(), P = /* @__PURE__ */ new Map(), D = (g, C) => {
-    if (ue.has(g)) {
-      const E = ue.get(g), v = !E.get(C);
-      E.set(C, v), ut.set("rowKey", C), ut.set("level", g), ut.set("expanded", v);
-      const x = g - 1;
-      if (x >= 0 && x < l.length && l[x].clickExpandChildren && v === !0) {
-        const R = g + 1;
-        if (ue.has(R)) {
-          const S = ue.get(R), L = C + "|";
-          S.forEach((H, ae) => {
-            ae.startsWith(L) && (S.set(ae, !0), z(R, ae));
+  }, j = d(), F = /* @__PURE__ */ new Map(), D = (y, C) => {
+    if (ue.has(y)) {
+      const w = ue.get(y), m = !w.get(C);
+      w.set(C, m), ut.set("rowKey", C), ut.set("level", y), ut.set("expanded", m);
+      const O = y - 1;
+      if (O >= 0 && O < l.length && l[O].clickExpandChildren && m === !0) {
+        const S = y + 1;
+        if (ue.has(S)) {
+          const x = ue.get(S), I = C + "|";
+          x.forEach((H, ae) => {
+            ae.startsWith(I) && (x.set(ae, !0), z(S, ae));
           });
         }
       }
     }
-  }, z = (g, C) => {
-    const E = g + 1;
-    if (ue.has(E)) {
-      const y = ue.get(E), v = C + "|";
-      y.forEach((x, _) => {
-        _.startsWith(v) && (y.set(_, !0), z(E, _));
+  }, z = (y, C) => {
+    const w = y + 1;
+    if (ue.has(w)) {
+      const b = ue.get(w), m = C + "|";
+      b.forEach((O, R) => {
+        R.startsWith(m) && (b.set(R, !0), z(w, R));
       });
     }
-  }, I = (g) => {
-    const C = J(), E = [...g];
+  }, p = (y) => {
+    const C = J(), w = [...y];
     if (C.length === 0)
-      return E;
-    for (let y = 0; y < C.length; y++) {
-      const { level: v, data: x } = C[y];
-      Object.keys(x).forEach((_) => {
-        const { records: R, config: S } = x[_], { label: L = Bt, position: H = "bottom" } = S || {}, ae = _.split("|");
-        let le = -1, O = -1;
-        if (v === 0)
-          le = 0, O = E.length - 1;
+      return w;
+    for (let b = 0; b < C.length; b++) {
+      const { level: m, data: O } = C[b];
+      Object.keys(O).forEach((R) => {
+        const { records: S, config: x } = O[R], { label: I = Bt, position: H = "bottom" } = x || {}, ae = R.split("|");
+        let le = -1, T = -1;
+        if (m === 0)
+          le = 0, T = w.length - 1;
         else
-          for (let Q = 0; Q < E.length; Q++) {
-            const ee = E[Q];
-            h.slice(0, v).every((Le, pe) => {
+          for (let Q = 0; Q < w.length; Q++) {
+            const ee = w[Q];
+            h.slice(0, m).every((Le, pe) => {
               var oe;
               return ((oe = ee[pe]) == null ? void 0 : oe.content) === ae[pe];
-            }) && (le === -1 && (le = Q), O = Q);
+            }) && (le === -1 && (le = Q), T = Q);
           }
         if (le !== -1) {
           const Q = [];
           let ee = "";
           h.forEach((Le, pe) => {
-            let oe = xe;
+            let oe = Ce;
             const ie = pe + 1, ce = ie < h.length, je = l[pe];
-            pe <= v && (pe === v ? oe = L : oe = ae[pe], ee += `|${oe}`);
+            pe <= m && (pe === m ? oe = I : oe = ae[pe], ee += `|${oe}`);
             const Ke = ue.has(ie) && ue.get(ie).get(ee) || !0;
-            (oe === xe || oe === null || oe === void 0) && je.emptyReplace && (oe = je.emptyReplace), Q.push({
+            (oe === Ce || oe === null || oe === void 0) && je.emptyReplace && (oe = je.emptyReplace), Q.push({
               content: oe,
               rowspan: 1,
               colspan: 1,
               data: null,
               rowKey: ee,
-              expandable: H === "top" && ce && oe !== xe && oe !== Bt,
+              expandable: H === "top" && ce && oe !== Ce && oe !== Bt,
               expanded: H === "top" ? Ke : !1,
               level: ie,
               onClick: H === "top" && ce ? (Ae) => D(Ae.level, Ae.rowKey) : void 0
             });
-          }), A.forEach(([Le, pe]) => {
+          }), j.forEach(([Le, pe]) => {
             const oe = {};
             f.forEach((ie) => {
               if (ie.calculateType === "expr")
                 return;
-              const ce = ie.field, je = ie.calculateType || "sum", Ae = R.filter((Ce) => ct(Ce, b) === Le).map((Ce) => me(Ce, ce));
+              const ce = ie.field, je = ie.calculateType || "sum", Ae = S.filter((xe) => ct(xe, E) === Le).map((xe) => me(xe, ce));
               let Ne = 0;
               Ge[je] && (Ne = Ge[je](Ae)), oe[ie.field] = Ne;
             }), f.forEach((ie) => {
@@ -2611,7 +2618,7 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
               }
             }), f.forEach((ie) => {
               let ce = oe[ie.field];
-              (ce === xe || ce === null || ce === void 0 || typeof ce == "number" && isNaN(ce)) && ie.emptyReplace && (ce = ie.emptyReplace), Q.push({
+              (ce === Ce || ce === null || ce === void 0 || typeof ce == "number" && isNaN(ce)) && ie.emptyReplace && (ce = ie.emptyReplace), Q.push({
                 content: ce,
                 rowspan: 1,
                 colspan: 1,
@@ -2619,132 +2626,132 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
               });
             });
           });
-          const fe = H === "top" ? le : O + 1;
-          ft.has(ee) || (E.splice(fe, 0, Q), ft.set(ee, 1), H === "top" && v > 0 && P.set(_, ee));
+          const fe = H === "top" ? le : T + 1;
+          ft.has(ee) || (w.splice(fe, 0, Q), ft.set(ee, 1), H === "top" && m > 0 && F.set(R, ee));
         }
       });
     }
-    return E;
+    return w;
   }, B = He(i);
-  ue.clear(), t.forEach((g) => {
+  ue.clear(), t.forEach((y) => {
     let C = "";
-    h.forEach((E, y) => {
-      const v = y + 1, x = me(g, E);
-      C += `|${x}`, ue.has(v) || ue.set(v, /* @__PURE__ */ new Map());
-      const _ = l[y].collapsed;
-      ue.get(v).set(C, !_);
+    h.forEach((w, b) => {
+      const m = b + 1, O = me(y, w);
+      C += `|${O}`, ue.has(m) || ue.set(m, /* @__PURE__ */ new Map());
+      const R = l[b].collapsed;
+      ue.get(m).set(C, !R);
     });
   });
-  const M = w();
+  const M = _();
   let W = [];
   const Y = /* @__PURE__ */ new Map();
-  M.forEach(([g, C]) => {
-    const E = C[0];
-    let y = "";
-    h.forEach((v, x) => {
-      const _ = me(E, v), R = x + 1;
-      y += `|${_}`, Y.has(R) || Y.set(R, /* @__PURE__ */ new Map());
-      const S = Y.get(R);
-      S.set(y, (S.get(y) || 0) + 1);
+  M.forEach(([y, C]) => {
+    const w = C[0];
+    let b = "";
+    h.forEach((m, O) => {
+      const R = me(w, m), S = O + 1;
+      b += `|${R}`, Y.has(S) || Y.set(S, /* @__PURE__ */ new Map());
+      const x = Y.get(S);
+      x.set(b, (x.get(b) || 0) + 1);
     });
-  }), M.forEach(([g, C]) => {
-    const E = C[0], y = [];
-    let v = "";
-    h.forEach((x, _) => {
+  }), M.forEach(([y, C]) => {
+    const w = C[0], b = [];
+    let m = "";
+    h.forEach((O, R) => {
       var ee;
-      let R = me(E, x);
-      const S = _ + 1, L = S < h.length, H = l[_];
-      v += `|${R}`;
-      let ae = g;
-      const le = B.find((fe) => fe.field === x);
-      if ((ee = le == null ? void 0 : le.total) != null && ee.enabled && le.total.label && (ae = `${v}|${le.total.label}`), L) {
-        const fe = v;
-        P.has(fe) || P.set(fe, ae);
+      let S = me(w, O);
+      const x = R + 1, I = x < h.length, H = l[R];
+      m += `|${S}`;
+      let ae = y;
+      const le = B.find((fe) => fe.field === O);
+      if ((ee = le == null ? void 0 : le.total) != null && ee.enabled && le.total.label && (ae = `${m}|${le.total.label}`), I) {
+        const fe = m;
+        F.has(fe) || F.set(fe, ae);
       }
-      const O = ue.has(S) && ue.get(S).get(v) || !0, Q = S < h.length ? (Y.get(S).get(v) || 0) > 1 : !1;
-      (R === xe || R === null || R === void 0) && H.emptyReplace && (R = H.emptyReplace), y.push({
-        content: R,
+      const T = ue.has(x) && ue.get(x).get(m) || !0, Q = x < h.length ? (Y.get(x).get(m) || 0) > 1 : !1;
+      (S === Ce || S === null || S === void 0) && H.emptyReplace && (S = H.emptyReplace), b.push({
+        content: S,
         rowspan: 1,
         colspan: 1,
-        data: E,
-        expandable: L && Q,
-        expanded: O,
-        level: S,
-        rowKey: v,
-        onClick: L && Q ? (fe) => D(fe.level, fe.rowKey) : void 0
+        data: w,
+        expandable: I && Q,
+        expanded: T,
+        level: x,
+        rowKey: m,
+        onClick: I && Q ? (fe) => D(fe.level, fe.rowKey) : void 0
       });
-    }), A.forEach(([x, _]) => {
-      const R = {};
-      f.forEach((S) => {
-        if (S.calculateType === "expr")
+    }), j.forEach(([O, R]) => {
+      const S = {};
+      f.forEach((x) => {
+        if (x.calculateType === "expr")
           return;
-        const L = S.field, H = S.calculateType || "sum", ae = `${g}||${x}`, O = (T.get(ae) || []).map((ee) => me(ee, L));
+        const I = x.field, H = x.calculateType || "sum", ae = `${y}||${O}`, T = (P.get(ae) || []).map((ee) => me(ee, I));
         let Q = 0;
-        Ge[H] && (Q = Ge[H](O)), R[S.field] = Q;
-      }), f.forEach((S) => {
-        if (S.calculateType === "expr" && S.expression) {
-          const L = Gt(S.expression, R);
-          R[S.field] = L !== null ? L : 0;
+        Ge[H] && (Q = Ge[H](T)), S[x.field] = Q;
+      }), f.forEach((x) => {
+        if (x.calculateType === "expr" && x.expression) {
+          const I = Gt(x.expression, S);
+          S[x.field] = I !== null ? I : 0;
         }
-      }), f.forEach((S) => {
-        let L = R[S.field];
-        (L === xe || L === null || L === void 0 || typeof L == "number" && isNaN(L)) && S.emptyReplace && (L = S.emptyReplace), y.push({
-          content: L,
+      }), f.forEach((x) => {
+        let I = S[x.field];
+        (I === Ce || I === null || I === void 0 || typeof I == "number" && isNaN(I)) && x.emptyReplace && (I = x.emptyReplace), b.push({
+          content: I,
           rowspan: 1,
           colspan: 1,
-          data: E
+          data: w
         });
       });
-    }), W.push({ cells: y, rowKey: v });
+    }), W.push({ cells: b, rowKey: m });
   });
-  const q = (g) => {
-    const E = g.split("|").filter(Boolean).length;
-    for (let y = 1; y < E; y++)
-      if (ue.has(y)) {
-        const v = ue.get(y), x = g.split("|").slice(0, y + 1).join("|");
-        if (v.has(x) && !v.get(x)) {
-          const _ = x, R = P.get(_);
-          if (g !== R)
+  const q = (y) => {
+    const w = y.split("|").filter(Boolean).length;
+    for (let b = 1; b < w; b++)
+      if (ue.has(b)) {
+        const m = ue.get(b), O = y.split("|").slice(0, b + 1).join("|");
+        if (m.has(O) && !m.get(O)) {
+          const R = O, S = F.get(R);
+          if (y !== S)
             return !1;
         }
       }
     return !0;
-  }, te = (g) => {
-    var C, E;
-    if (!g || g.length === 0)
-      return g;
-    for (let y = 0; y < l.length; y++) {
-      let v = g[0][y].content, x = 0, _ = l[y], R = (C = _.total) == null ? void 0 : C.enabled, S = ((E = _.total) == null ? void 0 : E.label) || "";
-      for (let L = 1; L < g.length; L++) {
-        const H = g[L][y];
-        H.content !== xe && (!R || H.content !== S) && H.content === v ? (H.rowspan = 0, g[x][y].rowspan++) : (v = H.content, x = L);
+  }, te = (y) => {
+    var C, w;
+    if (!y || y.length === 0)
+      return y;
+    for (let b = 0; b < l.length; b++) {
+      let m = y[0][b].content, O = 0, R = l[b], S = (C = R.total) == null ? void 0 : C.enabled, x = ((w = R.total) == null ? void 0 : w.label) || "";
+      for (let I = 1; I < y.length; I++) {
+        const H = y[I][b];
+        H.content !== Ce && (!S || H.content !== x) && H.content === m ? (H.rowspan = 0, y[O][b].rowspan++) : (m = H.content, O = I);
       }
     }
-    return g;
-  }, he = (g) => {
-    const C = g.filter((v) => q(v.rowKey)), E = C.map((v) => v.cells.map((x) => {
-      const _ = { ...x };
-      if (_.expandable && _.level && _.rowKey && ue.has(_.level)) {
-        const R = ue.get(_.level);
-        R.has(_.rowKey) && (_.expanded = R.get(_.rowKey));
+    return y;
+  }, he = (y) => {
+    const C = y.filter((m) => q(m.rowKey)), w = C.map((m) => m.cells.map((O) => {
+      const R = { ...O };
+      if (R.expandable && R.level && R.rowKey && ue.has(R.level)) {
+        const S = ue.get(R.level);
+        S.has(R.rowKey) && (R.expanded = S.get(R.rowKey));
       }
-      return _;
+      return R;
     }));
-    return te(E), C.map((v, x) => ({
-      rowKey: v.rowKey,
-      cells: E[x]
+    return te(w), C.map((m, O) => ({
+      rowKey: m.rowKey,
+      cells: w[O]
     }));
   };
   ft.clear();
-  const ye = W.map((g) => g.cells), _e = I(ye).map((g, C) => {
-    let E = "";
-    return g.forEach((y, v) => {
-      v < h.length && y.rowKey && (E = y.rowKey);
-    }), { cells: g, rowKey: E };
+  const be = W.map((y) => y.cells), _e = p(be).map((y, C) => {
+    let w = "";
+    return y.forEach((b, m) => {
+      m < h.length && b.rowKey && (w = b.rowKey);
+    }), { cells: y, rowKey: w };
   }), Se = (() => {
-    const g = [];
+    const y = [];
     if (l.forEach((C) => {
-      g.push({
+      y.push({
         ...C,
         width: C.width || 100,
         fixed: "left",
@@ -2752,7 +2759,7 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
       });
     }), c.length === 0)
       f.forEach((C) => {
-        g.push({
+        y.push({
           ...C,
           width: C.width || 100,
           key: C.field
@@ -2760,34 +2767,34 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
       });
     else {
       const C = [];
-      A.forEach(([E, y]) => {
-        const v = E.split("|").filter((_) => _ !== "");
-        let x = C;
-        v.forEach((_, R) => {
-          var L;
-          let S = x.find((H) => H.title === _);
-          if (!S) {
-            const ae = `${((L = c[R]) == null ? void 0 : L.field) || "unknown"}_${_}`, le = {
+      j.forEach(([w, b]) => {
+        const m = w.split("|").filter((R) => R !== "");
+        let O = C;
+        m.forEach((R, S) => {
+          var I;
+          let x = O.find((H) => H.title === R);
+          if (!x) {
+            const ae = `${((I = c[S]) == null ? void 0 : I.field) || "unknown"}__${R}`, le = {
               field: ae,
-              title: _,
+              title: R,
               children: [],
               key: ae
             };
-            x.push(le), S = le;
+            O.push(le), x = le;
           }
-          R === v.length - 1 ? f.forEach((H) => {
-            S.children || (S.children = []), S.children.push({
+          S === m.length - 1 ? f.forEach((H) => {
+            x.children || (x.children = []), x.children.push({
               ...H,
-              field: `${E}||${H.field}`,
+              field: `${w}||${H.field}`,
               title: H.title || H.field,
               width: H.width || 100,
-              key: `${E}||${H.field}`
+              key: `${w}||${H.field}`
             });
-          }) : (S.children || (S.children = []), x = S.children);
+          }) : (x.children || (x.children = []), O = x.children);
         });
-      }), g.push(...C);
+      }), y.push(...C);
     }
-    return g;
+    return y;
   })();
   return {
     list: _e,
@@ -2807,11 +2814,11 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
       key: f.field
     }));
     return {
-      list: t.map((f, h) => ({ cells: a.map((p) => ({
-        content: f[p.field] ?? xe,
+      list: t.map((f, h) => ({ cells: a.map((v) => ({
+        content: f[v.field] ?? Ce,
         rowspan: 1,
         colspan: 1,
-        style: p.style,
+        style: v.style,
         data: f
         // Pass original record for detail view cells
       })), rowKey: h.toString() })),
@@ -2821,12 +2828,12 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
   }
   return Jn(e);
 }, eo = Ut((e) => {
-  const { scroll: t, data: r, meta: n, sortParams: i, fields: s } = e, [a, l] = Ie(0), [c, f] = Ie([]), [h, b] = Ie([]), p = ze(null), j = ge(() => {
-    if (p.current) {
-      let I = p.current;
-      if (!I || !I.list || !I.dataExpandFilter)
+  const { scroll: t, data: r, meta: n, sortParams: i, fields: s } = e, [a, l] = Ie(0), [c, f] = Ie([]), [h, E] = Ie([]), v = ze(null), A = ge(() => {
+    if (v.current) {
+      let p = v.current;
+      if (!p || !p.list || !p.dataExpandFilter)
         return;
-      f(I.dataExpandFilter(I.list));
+      f(p.dataExpandFilter(p.list));
     }
   }, []);
   Ze(() => {
@@ -2836,50 +2843,50 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
       sortParams: i,
       fields: s
     });
-    p.current = B, B.tableColumns && b(B.tableColumns), j();
-  }, [r, n, i, s, j]);
-  const T = ge((I) => I ? typeof I == "string" ? parseInt(I.replace("px", "")) || 0 : typeof I == "number" ? I : 0 : 0, []), { baseWidth: w, colCount: d } = we(() => {
-    let I = 0, B = 0;
+    v.current = B, B.tableColumns && E(B.tableColumns), A();
+  }, [r, n, i, s, A]);
+  const P = ge((p) => p ? typeof p == "string" ? parseInt(p.replace("px", "")) || 0 : typeof p == "number" ? p : 0 : 0, []), { baseWidth: _, colCount: d } = ye(() => {
+    let p = 0, B = 0;
     const M = (W) => {
       W.forEach((Y) => {
-        (!("type" in Y) || Y.type !== "group") && (I += T(Y.width), B += 1), Y != null && Y.children && Y.children.length > 0 && M(Y.children);
+        (!("type" in Y) || Y.type !== "group") && (p += P(Y.width), B += 1), Y != null && Y.children && Y.children.length > 0 && M(Y.children);
       });
     };
-    return M(h), { baseWidth: I, colCount: B };
-  }, [h, T]), F = we(() => {
-    const I = (B) => B.map((M) => {
+    return M(h), { baseWidth: p, colCount: B };
+  }, [h, P]), k = ye(() => {
+    const p = (B) => B.map((M) => {
       let W = 0;
-      w < a && d > 0 && (W = Math.floor((a - w) / d));
-      const q = (M.width ? T(M.width) : An) + W;
-      return M.colSpan && M.colSpan > 1 ? M.width = q * M.colSpan : M.width = q, M.fixed && (M.fixed = !1), M != null && M.children && M.children.length > 0 && (M.children = I(M.children)), M;
+      _ < a && d > 0 && (W = Math.floor((a - _) / d));
+      const q = (M.width ? P(M.width) : An) + W;
+      return M.colSpan && M.colSpan > 1 ? M.width = q * M.colSpan : M.width = q, M.fixed && (M.fixed = !1), M != null && M.children && M.children.length > 0 && (M.children = p(M.children)), M;
     });
-    return I(bt(h));
-  }, [h, w, a, d, T]), k = we(() => {
-    let I = 0;
+    return p(bt(h));
+  }, [h, _, a, d, P]), $ = ye(() => {
+    let p = 0;
     const B = (M) => {
       M.forEach((W) => {
-        (!("type" in W) || W.type !== "group") && (I += T(W.width)), W != null && W.children && W.children.length > 0 && B(W.children);
+        (!("type" in W) || W.type !== "group") && (p += P(W.width)), W != null && W.children && W.children.length > 0 && B(W.children);
       });
     };
-    return B(F), I;
-  }, [F, T]), J = ze(null), A = ze(null), P = ze(!1), D = ge(({ scrollLeft: I }) => {
-    P.current || (P.current = !0, J.current && (J.current.scrollLeft = I), requestAnimationFrame(() => {
-      P.current = !1;
+    return B(k), p;
+  }, [k, P]), J = ze(null), j = ze(null), F = ze(!1), D = ge(({ scrollLeft: p }) => {
+    F.current || (F.current = !0, J.current && (J.current.scrollLeft = p), requestAnimationFrame(() => {
+      F.current = !1;
     }));
-  }, []), z = ge((I) => {
-    if (P.current)
+  }, []), z = ge((p) => {
+    if (F.current)
       return;
-    P.current = !0;
-    const B = I.currentTarget.scrollLeft;
-    A.current && (A.current.scrollLeft = B), requestAnimationFrame(() => {
-      P.current = !1;
+    F.current = !0;
+    const B = p.currentTarget.scrollLeft;
+    j.current && (j.current.scrollLeft = B), requestAnimationFrame(() => {
+      F.current = !1;
     });
   }, []);
   return /* @__PURE__ */ Z.jsx(
     wt,
     {
-      onResize: ({ width: I }) => {
-        I && I !== a && l(I);
+      onResize: ({ width: p }) => {
+        p && p !== a && l(p);
       },
       children: /* @__PURE__ */ Z.jsxs(
         "div",
@@ -2891,7 +2898,7 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
               jn,
               {
                 ref: J,
-                columns: F,
+                columns: k,
                 width: a - 8,
                 onScroll: z,
                 meta: n
@@ -2902,14 +2909,14 @@ const Bn = (e) => /* @__PURE__ */ Z.jsxs("svg", { viewBox: "64 64 896 896", focu
               {
                 data: c,
                 info: {
-                  ref: A,
+                  ref: j,
                   onScroll: D
                 },
                 scroll: t,
-                columns: F,
+                columns: k,
                 tableWidth: a,
-                gridWidth: k,
-                handleExpand: j,
+                gridWidth: $,
+                handleExpand: A,
                 meta: n
               }
             ) })