@rhino-design/vue 0.2.6 → 0.2.8

package/dist/components/XTable.vue2.js

@@ -1,38 +1,43 @@
-import { defineComponent as Lt, computed as y, ref as $, watch as se, onMounted as Mt, nextTick as Pt, openBlock as u, createElementBlock as c, normalizeClass as L, createElementVNode as w, normalizeStyle as m, Fragment as S, renderList as F, createCommentVNode as g, renderSlot as k, createTextVNode as M, toDisplayString as C, withModifiers as oe, createBlock as G, mergeProps as zt, withCtx as Et, unref as we, resolveDynamicComponent as Kt, createVNode as Nt } from "vue";
-import _t from "./XPagination.vue.js";
-import Bt from "./XEmpty.vue.js";
-import Ht from "./XTooltip.vue.js";
-import Je from "./XTableFilter.vue.js";
-import { useXConfig as At } from "../composables/config.js";
-import { useXConfigProviderSlotRender as Ft } from "../composables/config-provider.js";
-import { useXI18n as Ot } from "../composables/i18n.js";
-const jt = ["rowspan"], Vt = ["rowspan"], Wt = ["rowspan"], Xt = ["checked"], It = { key: 1 }, Gt = ["colspan", "rowspan", "onClick"], Jt = ["data-order", "onClick"], Ut = ["onMousedown"], qt = { key: 1 }, Qt = ["checked"], Yt = { key: 1 }, Zt = ["onClick"], el = ["data-order", "onClick"], tl = ["onMousedown"], ll = { key: 1 }, al = ["colspan"], nl = ["draggable", "onClick", "onDragstart", "onDragover", "onDrop"], rl = ["onClick"], il = {
+import { defineComponent as jt, computed as p, useSlots as Wt, ref as C, watch as W, onUnmounted as Xt, onMounted as It, nextTick as Gt, openBlock as u, createElementBlock as d, normalizeClass as D, createElementVNode as h, normalizeStyle as k, Fragment as x, renderList as A, createCommentVNode as g, renderSlot as w, createTextVNode as L, toDisplayString as $, withModifiers as ye, createBlock as q, createVNode as Q, withCtx as Y, mergeProps as Ut, unref as Re, resolveDynamicComponent as Jt } from "vue";
+import qt from "./XPagination.vue.js";
+import Qt from "./XEmpty.vue.js";
+import Yt from "./XTooltip.vue.js";
+import lt from "./XTableFilter.vue.js";
+import pe from "./XSkeleton.vue.js";
+import { useXConfig as Zt } from "../composables/config.js";
+import { useXConfigProviderSlotRender as el } from "../composables/config-provider.js";
+import { useXI18n as tl } from "../composables/i18n.js";
+const ll = ["rowspan"], nl = ["rowspan"], al = ["rowspan"], sl = ["checked"], ol = { key: 1 }, il = ["colspan", "rowspan", "onClick"], rl = ["data-order", "onClick"], ul = ["onMousedown"], dl = { key: 1 }, cl = ["checked"], fl = { key: 1 }, yl = ["onClick"], pl = ["data-order", "onClick"], gl = ["onMousedown"], vl = {
+  key: 1,
+  class: "x-table__skeleton-body"
+}, hl = { class: "x-table__skeleton-shell" }, kl = { key: 2 }, bl = ["colspan"], ml = ["draggable", "onClick", "onDragstart", "onDragover", "onDrop"], xl = ["onClick"], wl = {
   key: 0,
   class: "x-table__loading-icon"
-}, sl = { key: 1 }, ol = ["type", "checked", "disabled", "onChange"], ul = ["onClick"], dl = { class: "x-table__cell-content is-ellipsis" }, cl = {
+}, Sl = { key: 1 }, Cl = ["type", "checked", "disabled", "onChange"], $l = ["onClick"], _l = { class: "x-table__cell-content is-ellipsis" }, Rl = {
   key: 0,
   class: "x-table__expanded-row"
-}, fl = ["colspan"], pl = ["colspan"], yl = { key: 2 }, hl = ["colspan"], gl = { key: 3 }, vl = {
+}, Dl = ["colspan"], Ml = ["colspan"], Ll = { key: 3 }, Tl = ["colspan"], Pl = { key: 4 }, zl = {
   key: 0,
   class: "x-table__drag-col"
-}, kl = {
+}, El = {
   key: 1,
   class: "x-table__expand-col"
-}, bl = {
+}, Kl = {
   key: 2,
   class: "x-table__selection-col"
-}, xl = {
+}, Nl = {
   key: 0,
   class: "x-table__loading"
-}, wl = {
+}, Al = {
   key: 1,
   class: "x-table__pagination"
-}, Ml = /* @__PURE__ */ Lt({
+}, Bl = 5, Hl = 1e3, Jl = /* @__PURE__ */ jt({
   __name: "XTable",
   props: {
     columns: {},
     data: {},
     loading: { type: Boolean, default: !1 },
+    loadingAnimation: { type: Boolean, default: !0 },
     pagination: { type: [Boolean, Object], default: !1 },
     rowSelection: { default: void 0 },
     expandable: { default: void 0 },
@@ -62,13 +67,13 @@ const jt = ["rowspan"], Vt = ["rowspan"], Wt = ["rowspan"], Xt = ["checked"], It
     filterIconAlignLeft: { type: Boolean, default: !1 }
   },
   emits: ["update:selectedRowKeys", "update:expandedRowKeys", "select", "selectAll", "sort", "filter", "expand", "pageChange", "pageSizeChange", "rowClick", "cellClick", "headerClick", "resizeColumn", "change", "drag"],
-  setup(f, { emit: Ue }) {
-    var Xe, Ie;
-    function O(e) {
+  setup(c, { emit: nt }) {
+    var Ze, et;
+    function V(e) {
       if (!(e == null || e === ""))
         return typeof e == "number" ? `${e}px` : e;
     }
-    function ue(e) {
+    function ge(e) {
       if (typeof e == "number") return e;
       if (typeof e == "string") {
         const l = Number.parseFloat(e);
@@ -76,160 +81,198 @@ const jt = ["rowspan"], Vt = ["rowspan"], Wt = ["rowspan"], Xt = ["checked"], It
       }
       return 160;
     }
-    function me(e, l) {
+    function De(e, l) {
       return e === l || e == null && l == null ? !0 : e == null || l == null ? !1 : String(e) === String(l);
     }
-    function qe(e, l) {
+    function at(e, l) {
       const t = e.key == null ? "" : String(e.key).trim();
       if (t) return t;
-      const a = e.dataIndex == null ? "" : String(e.dataIndex).trim();
-      return a || `col-${l.join("-")}`;
+      const n = e.dataIndex == null ? "" : String(e.dataIndex).trim();
+      return n || `col-${l.join("-")}`;
     }
-    function J(e, l = []) {
-      return e.map((t, a) => {
-        var o;
-        const r = [...l, a], i = (o = t.children) != null && o.length ? J(t.children, r) : void 0;
+    function Z(e, l = []) {
+      return e.map((t, n) => {
+        var i;
+        const s = [...l, n], o = (i = t.children) != null && i.length ? Z(t.children, s) : void 0;
         return {
           ...t,
-          key: qe(t, r),
-          children: i
+          key: at(t, s),
+          children: o
         };
       });
     }
-    const n = f, de = y(() => J(n.columns)), Qe = At(), { t: ce } = Ot(), fe = y(() => n.size ?? Qe.size.value), Ye = y(() => n.summaryText === "合计" ? ce("table.summaryText", void 0, "合计") : n.summaryText), Ze = y(() => n.emptyText === "暂无数据" ? ce("table.emptyText", void 0, "暂无数据") : n.emptyText), Se = Ft(
+    const a = c, ve = p(() => Z(a.columns)), st = Zt(), ot = Wt(), { t: he } = tl(), ke = p(() => a.size ?? st.size.value), it = p(() => a.summaryText === "合计" ? he("table.summaryText", void 0, "合计") : a.summaryText), rt = p(() => a.emptyText === "暂无数据" ? he("table.emptyText", void 0, "暂无数据") : a.emptyText), Me = el(
       "empty",
-      y(() => ({ component: "table" }))
-    ), b = Ue;
-    function et() {
-      const e = J(n.columns), l = (a) => {
-        var r;
-        for (const i of a) {
-          if ((r = i.children) != null && r.length) {
-            const o = l(i.children);
-            if (o) return o;
+      p(() => ({ component: "table" }))
+    ), S = nt;
+    function ut() {
+      const e = Z(a.columns), l = (n) => {
+        var s;
+        for (const o of n) {
+          if ((s = o.children) != null && s.length) {
+            const i = l(o.children);
+            if (i) return i;
           }
-          if (i.defaultSortOrder)
-            return { key: i.key, order: i.defaultSortOrder };
-          if (i.sortOrder)
-            return { key: i.key, order: i.sortOrder };
+          if (o.defaultSortOrder)
+            return { key: o.key, order: o.defaultSortOrder };
+          if (o.sortOrder)
+            return { key: o.key, order: o.sortOrder };
         }
         return null;
       }, t = l(e);
       return t || { key: "", order: null };
     }
-    function tt() {
-      const e = {}, l = J(n.columns), t = (a) => {
-        var r;
-        for (const i of a)
-          (r = i.children) != null && r.length && t(i.children), i.defaultFilteredValue ? e[i.key] = i.defaultFilteredValue.map(String) : i.filteredValue && (e[i.key] = i.filteredValue.map(String));
+    function dt() {
+      const e = {}, l = Z(a.columns), t = (n) => {
+        var s;
+        for (const o of n)
+          (s = o.children) != null && s.length && t(o.children), o.defaultFilteredValue ? e[o.key] = o.defaultFilteredValue.map(String) : o.filteredValue && (e[o.key] = o.filteredValue.map(String));
       };
       return t(l), e;
     }
-    const D = $(et()), E = $(tt()), V = $(1), U = $(10), pe = $((Xe = n.rowSelection) != null && Xe.defaultSelectedRowKeys ? [...n.rowSelection.defaultSelectedRowKeys] : []), q = $((Ie = n.expandable) != null && Ie.defaultExpandedRowKeys ? [...n.expandable.defaultExpandedRowKeys] : []), Q = $(null), H = $({}), ye = $(/* @__PURE__ */ new Set()), j = $(), Ce = $(), Y = $(!1), K = $({ isDragging: !1, dragIndex: -1, dropIndex: -1 }), Z = $(0), Re = $(0), $e = $(0);
-    se(
-      () => n.pagination,
+    const R = C(ut()), E = C(dt()), X = C(1), ee = C(10), be = C((Ze = a.rowSelection) != null && Ze.defaultSelectedRowKeys ? [...a.rowSelection.defaultSelectedRowKeys] : []), te = C((et = a.expandable) != null && et.defaultExpandedRowKeys ? [...a.expandable.defaultExpandedRowKeys] : []), le = C(null), B = C({}), me = C(/* @__PURE__ */ new Set()), j = C(), Le = C(), ne = C(!1), K = C({ isDragging: !1, dragIndex: -1, dropIndex: -1 }), F = C(a.loading), Te = C(a.loading ? Date.now() : 0);
+    let I;
+    function Pe() {
+      I !== void 0 && (clearTimeout(I), I = void 0);
+    }
+    function ct() {
+      const e = Date.now() - Te.value;
+      return Math.max(0, Hl - e);
+    }
+    function ze(e) {
+      if (Pe(), e) {
+        Te.value = Date.now(), F.value = !0;
+        return;
+      }
+      if (!F.value) return;
+      const l = ct();
+      if (l === 0) {
+        F.value = !1;
+        return;
+      }
+      I = setTimeout(() => {
+        F.value = !1, I = void 0;
+      }, l);
+    }
+    W(
+      () => a.loading,
+      (e) => {
+        ze(e);
+      },
+      { immediate: !0 }
+    ), W(
+      () => a.loadingAnimation,
+      () => {
+        a.loading || ze(!1);
+      }
+    ), Xt(() => {
+      Pe();
+    });
+    const ae = C(0), Ee = C(0), Ke = C(0);
+    W(
+      () => a.pagination,
       (e) => {
-        e && typeof e == "object" && (V.value = e.current ?? V.value, U.value = e.pageSize ?? U.value);
+        e && typeof e == "object" && (X.value = e.current ?? X.value, ee.value = e.pageSize ?? ee.value);
       },
       { immediate: !0 }
-    ), se(
+    ), W(
       () => {
         var e;
-        return (e = n.rowSelection) == null ? void 0 : e.selectedRowKeys;
+        return (e = a.rowSelection) == null ? void 0 : e.selectedRowKeys;
       },
       (e) => {
-        e !== void 0 && (pe.value = [...e]);
+        e !== void 0 && (be.value = [...e]);
       },
       { immediate: !0 }
-    ), se(
+    ), W(
       () => {
         var e;
-        return (e = n.expandable) == null ? void 0 : e.expandedRowKeys;
+        return (e = a.expandable) == null ? void 0 : e.expandedRowKeys;
       },
       (e) => {
-        e !== void 0 && (q.value = [...e]);
+        e !== void 0 && (te.value = [...e]);
       },
       { immediate: !0 }
-    ), Mt(() => {
-      if (n.virtualListProps && j.value && xe(), n.defaultExpandAllRows && n.treeData) {
+    ), It(() => {
+      if (a.virtualListProps && j.value && _e(), a.defaultExpandAllRows && a.treeData) {
         const e = [], l = (t) => {
-          t.forEach((a, r) => {
-            const i = P(a, r);
-            e.push(i);
-            const o = a[n.childrenColumnName] || [];
-            o.length > 0 && l(o);
+          t.forEach((n, s) => {
+            const o = P(n, s);
+            e.push(o);
+            const i = n[a.childrenColumnName] || [];
+            i.length > 0 && l(i);
           });
         };
-        l(n.data), q.value = e;
+        l(a.data), te.value = e;
       }
     });
     function P(e, l) {
-      return typeof n.rowKey == "function" ? n.rowKey(e, l) : e[n.rowKey] ?? l;
+      return typeof a.rowKey == "function" ? a.rowKey(e, l) : e[a.rowKey] ?? l;
     }
-    function R(e, l) {
-      return l.dataIndex ? typeof l.dataIndex == "string" && l.dataIndex.includes(".") ? l.dataIndex.split(".").reduce((t, a) => t == null ? void 0 : t[a], e) : e[l.dataIndex] : "";
+    function _(e, l) {
+      return l.dataIndex ? typeof l.dataIndex == "string" && l.dataIndex.includes(".") ? l.dataIndex.split(".").reduce((t, n) => t == null ? void 0 : t[n], e) : e[l.dataIndex] : "";
     }
-    const B = y(() => n.pagination === !1 ? null : n.pagination === !0 ? {} : n.pagination ?? null), N = y(() => {
+    const H = p(() => a.pagination === !1 ? null : a.pagination === !0 ? {} : a.pagination ?? null), N = p(() => {
       var e;
-      return ((e = n.rowSelection) == null ? void 0 : e.selectedRowKeys) ?? pe.value;
-    }), ee = y(() => {
+      return ((e = a.rowSelection) == null ? void 0 : e.selectedRowKeys) ?? be.value;
+    }), se = p(() => {
       var e;
-      return ((e = n.expandable) == null ? void 0 : e.expandedRowKeys) ?? q.value;
-    }), lt = y(() => {
+      return ((e = a.expandable) == null ? void 0 : e.expandedRowKeys) ?? te.value;
+    }), ft = p(() => {
       var e;
-      return typeof n.bordered == "boolean" ? n.bordered : ((e = n.bordered) == null ? void 0 : e.wrapper) ?? !1;
-    }), De = y(() => {
+      return typeof a.bordered == "boolean" ? a.bordered : ((e = a.bordered) == null ? void 0 : e.wrapper) ?? !1;
+    }), xe = p(() => {
       var e;
-      return typeof n.bordered == "boolean" ? n.bordered : ((e = n.bordered) == null ? void 0 : e.cell) ?? !1;
-    }), Te = y(() => {
+      return typeof a.bordered == "boolean" ? a.bordered : ((e = a.bordered) == null ? void 0 : e.cell) ?? !1;
+    }), Ne = p(() => {
       var e;
-      return typeof n.bordered == "boolean" ? n.bordered : ((e = n.bordered) == null ? void 0 : e.headerCell) ?? !1;
-    }), x = y(() => {
+      return typeof a.bordered == "boolean" ? a.bordered : ((e = a.bordered) == null ? void 0 : e.headerCell) ?? !1;
+    }), b = p(() => {
       const e = [], l = (t) => {
-        t.forEach((a) => {
-          a.children && a.children.length > 0 ? l(a.children) : e.push(a);
+        t.forEach((n) => {
+          n.children && n.children.length > 0 ? l(n.children) : e.push(n);
         });
       };
-      return l(de.value), e;
-    }), at = y(() => {
-      let e = [...n.data];
+      return l(ve.value), e;
+    }), yt = p(() => {
+      let e = [...a.data];
       return Object.entries(E.value).forEach(([l, t]) => {
         if (t.length > 0) {
-          const a = x.value.find((r) => r.key === l);
-          a && (e = e.filter((r) => {
-            const i = String(R(r, a));
-            return t.some((o) => i.includes(String(o)));
+          const n = b.value.find((s) => s.key === l);
+          n && (e = e.filter((s) => {
+            const o = String(_(s, n));
+            return t.some((i) => o.includes(String(i)));
           }));
         }
       }), e;
-    }), A = y(() => {
-      const e = [...at.value], l = x.value.find((a) => a.key === D.value.key);
-      if (!l || !D.value.order) return e;
-      const t = D.value.order === "ascend" ? 1 : -1;
-      return e.sort((a, r) => {
+    }), O = p(() => {
+      const e = [...yt.value], l = b.value.find((n) => n.key === R.value.key);
+      if (!l || !R.value.order) return e;
+      const t = R.value.order === "ascend" ? 1 : -1;
+      return e.sort((n, s) => {
         if (typeof l.sorter == "function")
-          return l.sorter(a, r) * t;
-        const i = R(a, l), o = R(r, l);
-        return i === o ? 0 : (String(i) > String(o) ? 1 : -1) * t;
+          return l.sorter(n, s) * t;
+        const o = _(n, l), i = _(s, l);
+        return o === i ? 0 : (String(o) > String(i) ? 1 : -1) * t;
       });
     });
-    function Le(e, l) {
+    function Ae(e, l) {
       const t = [];
-      return e.forEach((a, r) => {
-        const i = P(a, r), o = a[n.childrenColumnName] || [], p = a.isLeaf === !0, d = o.length > 0 || !p && !!n.loadMore, h = ee.value.includes(i), s = l ? l.level + 1 : 0, v = {
-          record: a,
-          index: r,
-          key: i,
-          level: s,
-          hasChildren: d,
-          expanded: h,
+      return e.forEach((n, s) => {
+        const o = P(n, s), i = n[a.childrenColumnName] || [], y = n.isLeaf === !0, f = i.length > 0 || !y && !!a.loadMore, v = se.value.includes(o), r = l ? l.level + 1 : 0, m = {
+          record: n,
+          index: s,
+          key: o,
+          level: r,
+          hasChildren: f,
+          expanded: v,
           parent: l,
-          loading: ye.value.has(i)
+          loading: me.value.has(o)
         };
-        t.push(v), h && o.length > 0 && t.push(...Le(o, v));
+        t.push(m), v && i.length > 0 && t.push(...Ae(i, m));
       }), t;
     }
-    const T = y(() => n.treeData ? Le(A.value) : A.value.map((e, l) => ({
+    const M = p(() => a.treeData ? Ae(O.value) : O.value.map((e, l) => ({
       record: e,
       index: l,
       key: P(e, l),
@@ -237,626 +280,743 @@ const jt = ["rowspan"], Vt = ["rowspan"], Wt = ["rowspan"], Xt = ["checked"], It
       hasChildren: !1,
       expanded: !1
     })));
-    se(
-      () => T.value.length,
+    W(
+      () => M.value.length,
       () => {
-        n.virtualListProps && Pt(() => xe());
+        a.virtualListProps && Gt(() => _e());
       }
     );
-    const W = y(() => fe.value === "small" ? 40 : fe.value === "large" ? 56 : 48), nt = y(() => n.virtualListProps ? typeof n.virtualListProps.height == "number" ? n.virtualListProps.height : parseInt(n.virtualListProps.height) : 0);
-    y(() => T.value.length * W.value);
-    const Me = y(() => {
-      if (!n.virtualListProps)
-        return T.value;
-      const e = n.virtualListProps.buffer ?? 5, l = Math.max(0, Z.value - e), t = Math.min(T.value.length, Re.value + e);
-      return T.value.slice(l, t).map((a, r) => ({
-        ...a,
-        _virtualIndex: l + r
+    const G = p(() => ke.value === "small" ? 40 : ke.value === "large" ? 56 : 48), pt = p(() => a.virtualListProps ? typeof a.virtualListProps.height == "number" ? a.virtualListProps.height : parseInt(a.virtualListProps.height) : 0);
+    p(() => M.value.length * G.value);
+    const Be = p(() => {
+      if (!a.virtualListProps)
+        return M.value;
+      const e = a.virtualListProps.buffer ?? 5, l = Math.max(0, ae.value - e), t = Math.min(M.value.length, Ee.value + e);
+      return M.value.slice(l, t).map((n, s) => ({
+        ...n,
+        _virtualIndex: l + s
       }));
-    }), Pe = y(() => {
-      if (!n.virtualListProps) return 0;
-      const e = n.virtualListProps.buffer ?? 5;
-      return Math.max(0, Z.value - e) * W.value;
-    }), ze = y(() => {
-      if (!n.virtualListProps) return 0;
-      const e = n.virtualListProps.buffer ?? 5, l = Math.max(0, Z.value - e);
-      return (T.value.length - Me.value.length - l) * W.value;
-    }), te = y(() => V.value), X = y(() => U.value), z = y(() => {
-      if (n.virtualListProps) return Me.value;
-      if (!B.value) return T.value;
-      const e = (te.value - 1) * X.value;
-      return T.value.slice(e, e + X.value);
-    }), le = y(() => {
-      let e = x.value.length;
-      return n.rowSelection && e++, (n.expandable || n.treeData) && e++, n.draggable && e++, e;
-    }), rt = y(() => {
+    }), He = p(() => {
+      if (!a.virtualListProps) return 0;
+      const e = a.virtualListProps.buffer ?? 5;
+      return Math.max(0, ae.value - e) * G.value;
+    }), Fe = p(() => {
+      if (!a.virtualListProps) return 0;
+      const e = a.virtualListProps.buffer ?? 5, l = Math.max(0, ae.value - e);
+      return (M.value.length - Be.value.length - l) * G.value;
+    }), oe = p(() => X.value), U = p(() => ee.value), z = p(() => {
+      if (a.virtualListProps) return Be.value;
+      if (!H.value) return M.value;
+      const e = (oe.value - 1) * U.value;
+      return M.value.slice(e, e + U.value);
+    }), gt = p(() => F.value), vt = p(() => typeof ot.loading == "function"), ht = p(() => F.value && vt.value);
+    function kt(e, l) {
+      const t = B.value[e.key] || e.width;
+      if (typeof t == "number")
+        return `${Math.round(Math.max(36, Math.min(180, t * 0.6)))}px`;
+      if (typeof t == "string") {
+        const o = Number.parseFloat(t);
+        if (Number.isFinite(o))
+          return t.trim().endsWith("%") ? `${Math.max(28, Math.min(82, Math.round(o * 0.6)))}%` : `${Math.round(Math.max(36, Math.min(180, o * 0.6)))}px`;
+      }
+      const n = `${e.key}-${l}`;
+      let s = 0;
+      for (let o = 0; o < n.length; o += 1)
+        s = (s + n.charCodeAt(o)) % 997;
+      return `${34 + s % 28}%`;
+    }
+    const ie = p(() => {
+      let e = b.value.length;
+      return a.rowSelection && e++, (a.expandable || a.treeData) && e++, a.draggable && e++, e;
+    }), bt = p(() => {
       var e;
-      return { minWidth: O((e = n.scroll) == null ? void 0 : e.x) };
-    }), it = y(() => {
+      return { minWidth: V((e = a.scroll) == null ? void 0 : e.x) };
+    }), mt = p(() => {
       var l, t;
       const e = {};
-      return (l = n.scroll) != null && l.y && (e.maxHeight = O((t = n.scroll) == null ? void 0 : t.y)), n.virtualListProps && (e.height = O(n.virtualListProps.height), e.overflow = "auto"), e;
-    }), he = y(() => x.value.some((e) => e.fixed === "left")), st = y(() => x.value.some((e) => e.fixed === "right")), Ee = y(() => {
+      return (l = a.scroll) != null && l.y && (e.maxHeight = V((t = a.scroll) == null ? void 0 : t.y)), a.virtualListProps && (e.height = V(a.virtualListProps.height), e.overflow = "auto"), e;
+    }), we = p(() => b.value.some((e) => e.fixed === "left")), xt = p(() => b.value.some((e) => e.fixed === "right")), Oe = p(() => {
       const e = {}, l = {};
       let t = 0;
-      he.value && (n.draggable && (t += 40), (n.expandable || n.treeData) && (t += 52), n.rowSelection && (t += 52));
-      let a = 0;
-      return x.value.forEach((r) => {
-        r.fixed === "left" && (e[r.key] = t, t += ue(H.value[r.key] || r.width));
-      }), [...x.value].reverse().forEach((r) => {
-        r.fixed === "right" && (l[r.key] = a, a += ue(H.value[r.key] || r.width));
+      we.value && (a.draggable && (t += 40), (a.expandable || a.treeData) && (t += 52), a.rowSelection && (t += 52));
+      let n = 0;
+      return b.value.forEach((s) => {
+        s.fixed === "left" && (e[s.key] = t, t += ge(B.value[s.key] || s.width));
+      }), [...b.value].reverse().forEach((s) => {
+        s.fixed === "right" && (l[s.key] = n, n += ge(B.value[s.key] || s.width));
       }), { left: e, right: l };
-    }), ae = y(() => {
-      if (n.virtualListProps) return T.value.map((l) => l.key);
-      if (!B.value) return T.value.map((l) => l.key);
-      const e = (te.value - 1) * X.value;
-      return T.value.slice(e, e + X.value).map((l) => l.key);
-    }), ge = y(
-      () => !!(n.rowSelection && n.rowSelection.type !== "radio" && ae.value.length && ae.value.every((e) => N.value.includes(e)))
-    ), ot = y(
-      () => ae.value.some((e) => N.value.includes(e)) && !ge.value
+    }), re = p(() => {
+      if (a.virtualListProps) return M.value.map((l) => l.key);
+      if (!H.value) return M.value.map((l) => l.key);
+      const e = (oe.value - 1) * U.value;
+      return M.value.slice(e, e + U.value).map((l) => l.key);
+    }), Se = p(
+      () => !!(a.rowSelection && a.rowSelection.type !== "radio" && re.value.length && re.value.every((e) => N.value.includes(e)))
+    ), wt = p(
+      () => re.value.some((e) => N.value.includes(e)) && !Se.value
     );
-    function ut(e, l) {
-      return typeof n.rowClass == "function" ? n.rowClass(e, l) : n.rowClass;
+    function St(e, l) {
+      return typeof a.rowClass == "function" ? a.rowClass(e, l) : a.rowClass;
     }
-    function ve(e, l = !1) {
-      const t = H.value[e.key] || e.width, a = {
+    function ue(e, l = !1) {
+      const t = B.value[e.key] || e.width, n = {
         textAlign: e.align || "left",
-        width: O(t),
-        minWidth: O(e.minWidth || t),
-        maxWidth: O(e.maxWidth)
+        width: V(t),
+        minWidth: V(e.minWidth || t),
+        maxWidth: V(e.maxWidth)
       };
-      return e.fixed === "left" && (a.position = "sticky", a.left = `${Ee.value.left[e.key] ?? 0}px`, a.zIndex = l ? "5" : "3"), e.fixed === "right" && (a.position = "sticky", a.right = `${Ee.value.right[e.key] ?? 0}px`, a.zIndex = l ? "5" : "3"), a;
+      return e.fixed === "left" && (n.position = "sticky", n.left = `${Oe.value.left[e.key] ?? 0}px`, n.zIndex = l ? "5" : "3"), e.fixed === "right" && (n.position = "sticky", n.right = `${Oe.value.right[e.key] ?? 0}px`, n.zIndex = l ? "5" : "3"), n;
     }
-    function _(e, l = !1) {
-      if (!he.value && e !== "drag") return;
+    function T(e, l = !1) {
+      if (!we.value && e !== "drag") return;
       let t = 0;
-      return e === "drag" && n.draggable ? t = 0 : e === "expand" ? t = n.draggable ? 40 : 0 : e === "selection" && (t = (n.draggable ? 40 : 0) + (n.expandable || n.treeData ? 52 : 0)), {
+      return e === "drag" && a.draggable ? t = 0 : e === "expand" ? t = a.draggable ? 40 : 0 : e === "selection" && (t = (a.draggable ? 40 : 0) + (a.expandable || a.treeData ? 52 : 0)), {
         position: "sticky",
         left: `${t}px`,
         zIndex: l ? "6" : "4"
       };
     }
-    function Ke(e) {
+    function Ve(e) {
       if (!e.sorter) return;
-      const l = D.value.key !== e.key ? "ascend" : D.value.order === "ascend" ? "descend" : D.value.order === "descend" ? null : "ascend";
-      D.value = { key: e.key, order: l }, b("sort", e.key, l), b("change", A.value, { type: "sort", sorter: { field: e.key, order: l } });
+      const l = R.value.key !== e.key ? "ascend" : R.value.order === "ascend" ? "descend" : R.value.order === "descend" ? null : "ascend";
+      R.value = { key: e.key, order: l }, S("sort", e.key, l), S("change", O.value, { type: "sort", sorter: { field: e.key, order: l } });
     }
-    function ne(e, l) {
+    function de(e, l) {
       E.value = {
         ...E.value,
         [l]: e
-      }, V.value = 1, b("filter", E.value), b("change", A.value, { type: "filter", filters: E.value });
+      }, X.value = 1, S("filter", E.value), S("change", O.value, { type: "filter", filters: E.value });
     }
-    function re(e) {
-      var t, a, r;
-      ((t = n.rowSelection) == null ? void 0 : t.selectedRowKeys) === void 0 && (pe.value = e), b("update:selectedRowKeys", e);
-      const l = n.data.filter((i, o) => e.includes(P(i, o)));
-      b("select", e, l), (r = (a = n.rowSelection) == null ? void 0 : a.onChange) == null || r.call(a, e, l);
+    function ce(e) {
+      var t, n, s;
+      ((t = a.rowSelection) == null ? void 0 : t.selectedRowKeys) === void 0 && (be.value = e), S("update:selectedRowKeys", e);
+      const l = a.data.filter((o, i) => e.includes(P(o, i)));
+      S("select", e, l), (s = (n = a.rowSelection) == null ? void 0 : n.onChange) == null || s.call(n, e, l);
     }
-    function ke(e) {
+    function Ce(e) {
       const l = [];
-      return (e[n.childrenColumnName] || []).forEach((a, r) => {
-        const i = P(a, r);
-        l.push(i), l.push(...ke(a));
+      return (e[a.childrenColumnName] || []).forEach((n, s) => {
+        const o = P(n, s);
+        l.push(o), l.push(...Ce(n));
       }), l;
     }
-    function Ne(e) {
-      if (!n.treeData) return;
-      const l = (t, a) => {
-        for (const r of t) {
-          const i = r[n.childrenColumnName] || [];
-          if (i.includes(a)) return r;
-          const o = l(i, a);
-          if (o) return o;
+    function je(e) {
+      if (!a.treeData) return;
+      const l = (t, n) => {
+        for (const s of t) {
+          const o = s[a.childrenColumnName] || [];
+          if (o.includes(n)) return s;
+          const i = l(o, n);
+          if (i) return i;
         }
       };
-      return l(n.data, e);
+      return l(a.data, e);
     }
-    function dt(e, l, t) {
-      var i, o, p;
-      const a = P(e, l);
-      if ((i = n.rowSelection) != null && i.getCheckboxProps && n.rowSelection.getCheckboxProps(e).disabled)
+    function Ct(e, l, t) {
+      var o, i, y;
+      const n = P(e, l);
+      if ((o = a.rowSelection) != null && o.getCheckboxProps && a.rowSelection.getCheckboxProps(e).disabled)
         return;
-      if (((o = n.rowSelection) == null ? void 0 : o.type) === "radio") {
-        re(t ? [a] : []);
+      if (((i = a.rowSelection) == null ? void 0 : i.type) === "radio") {
+        ce(t ? [n] : []);
         return;
       }
-      const r = ((p = n.rowSelection) == null ? void 0 : p.checkStrictly) !== !1;
-      if (n.treeData && r) {
-        let d = new Set(N.value);
-        t ? (d.add(a), ke(e).forEach((v) => d.add(v))) : (d.delete(a), ke(e).forEach((v) => d.delete(v)));
-        let h = Ne(e);
-        for (; h; ) {
-          const s = P(h, n.data.indexOf(h));
-          (h[n.childrenColumnName] || []).every((Ge) => {
-            const Tt = P(Ge, n.data.indexOf(Ge));
-            return d.has(Tt);
-          }) ? d.add(s) : d.delete(s), h = Ne(h);
+      const s = ((y = a.rowSelection) == null ? void 0 : y.checkStrictly) !== !1;
+      if (a.treeData && s) {
+        let f = new Set(N.value);
+        t ? (f.add(n), Ce(e).forEach((m) => f.add(m))) : (f.delete(n), Ce(e).forEach((m) => f.delete(m)));
+        let v = je(e);
+        for (; v; ) {
+          const r = P(v, a.data.indexOf(v));
+          (v[a.childrenColumnName] || []).every((tt) => {
+            const Vt = P(tt, a.data.indexOf(tt));
+            return f.has(Vt);
+          }) ? f.add(r) : f.delete(r), v = je(v);
         }
-        re([...d]);
+        ce([...f]);
       } else {
-        const d = t ? [.../* @__PURE__ */ new Set([...N.value, a])] : N.value.filter((h) => h !== a);
-        re(d);
+        const f = t ? [.../* @__PURE__ */ new Set([...N.value, n])] : N.value.filter((v) => v !== n);
+        ce(f);
       }
     }
-    function _e(e) {
-      const l = ae.value, t = e ? [.../* @__PURE__ */ new Set([...N.value, ...l])] : N.value.filter((a) => !l.includes(a));
-      re(t), b("selectAll", t, z.value.map((a) => a.record));
+    function We(e) {
+      const l = re.value, t = e ? [.../* @__PURE__ */ new Set([...N.value, ...l])] : N.value.filter((n) => !l.includes(n));
+      ce(t), S("selectAll", t, z.value.map((n) => n.record));
     }
-    function Be(e) {
-      e instanceof HTMLInputElement && (e.indeterminate = ot.value);
+    function Xe(e) {
+      e instanceof HTMLInputElement && (e.indeterminate = wt.value);
     }
-    function I(e, l) {
-      return ee.value.includes(P(e, l));
+    function J(e, l) {
+      return se.value.includes(P(e, l));
     }
-    function He(e) {
-      if (n.treeData) {
-        const l = e[n.childrenColumnName] || [], t = e.isLeaf === !0;
-        return l.length > 0 || n.loadMore && !t;
+    function Ie(e) {
+      if (a.treeData) {
+        const l = e[a.childrenColumnName] || [], t = e.isLeaf === !0;
+        return l.length > 0 || a.loadMore && !t;
       }
-      return n.expandable ? n.expandable.rowExpandable ? n.expandable.rowExpandable(e) : !!(n.expandable.expandedRowRender || !0) : !1;
+      return a.expandable ? a.expandable.rowExpandable ? a.expandable.rowExpandable(e) : !!(a.expandable.expandedRowRender || !0) : !1;
     }
-    function ct(e, l) {
-      var o;
-      if (!He(e)) return;
-      const t = P(e, l), a = e[n.childrenColumnName] || [], r = e.isLeaf === !0;
-      n.loadMore && a.length === 0 && !r && !I(e, l) && (ye.value.add(t), n.loadMore(e, (p) => {
-        ye.value.delete(t), p && p.length > 0 && (e[n.childrenColumnName] = p);
+    function $t(e, l) {
+      var i;
+      if (!Ie(e)) return;
+      const t = P(e, l), n = e[a.childrenColumnName] || [], s = e.isLeaf === !0;
+      a.loadMore && n.length === 0 && !s && !J(e, l) && (me.value.add(t), a.loadMore(e, (y) => {
+        me.value.delete(t), y && y.length > 0 && (e[a.childrenColumnName] = y);
       }));
-      const i = I(e, l) ? ee.value.filter((p) => p !== t) : [...ee.value, t];
-      ((o = n.expandable) == null ? void 0 : o.expandedRowKeys) === void 0 && (q.value = i), b("update:expandedRowKeys", i), b("expand", i, t);
+      const o = J(e, l) ? se.value.filter((y) => y !== t) : [...se.value, t];
+      ((i = a.expandable) == null ? void 0 : i.expandedRowKeys) === void 0 && (te.value = o), S("update:expandedRowKeys", o), S("expand", o, t);
     }
-    function Ae(e, l) {
-      V.value = e, U.value = l, b("pageChange", e, l), b("pageSizeChange", l), b("change", A.value, { type: "pagination" });
+    function Ge(e, l) {
+      X.value = e, ee.value = l, S("pageChange", e, l), S("pageSizeChange", l), S("change", O.value, { type: "pagination" });
     }
-    function Fe(e, l) {
-      l.preventDefault(), l.stopPropagation(), Q.value = e;
-      const t = l.clientX, a = x.value.find((p) => p.key === e), r = H.value[e] || ue(a == null ? void 0 : a.width), i = (p) => {
-        const d = p.clientX - t, h = Math.max(60, r + d);
-        H.value = { ...H.value, [e]: h };
-      }, o = () => {
-        Q.value = null, document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), b("resizeColumn", e, H.value[e]);
+    function Ue(e, l) {
+      l.preventDefault(), l.stopPropagation(), le.value = e;
+      const t = l.clientX, n = b.value.find((y) => y.key === e), s = B.value[e] || ge(n == null ? void 0 : n.width), o = (y) => {
+        const f = y.clientX - t, v = Math.max(60, s + f);
+        B.value = { ...B.value, [e]: v };
+      }, i = () => {
+        le.value = null, document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", i), S("resizeColumn", e, B.value[e]);
       };
-      document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
+      document.addEventListener("mousemove", o), document.addEventListener("mouseup", i);
     }
-    function be(e, l, t, a) {
-      if (n.spanMethod) {
-        const p = n.spanMethod({ record: t, column: a, rowIndex: e, columnIndex: l });
-        if (p)
+    function $e(e, l, t, n) {
+      if (a.spanMethod) {
+        const y = a.spanMethod({ record: t, column: n, rowIndex: e, columnIndex: l });
+        if (y)
           return {
-            rowspan: p.rowspan ?? 1,
-            colspan: p.colspan ?? 1,
+            rowspan: y.rowspan ?? 1,
+            colspan: y.colspan ?? 1,
             skip: !1
           };
       }
-      const r = `${e}-${a.key}`, i = pt.value.get(r), o = je.value.get(r);
-      return !i && !o ? { rowspan: 1, colspan: 1, skip: !1 } : {
-        rowspan: (i == null ? void 0 : i.rowspan) ?? (o == null ? void 0 : o.rowspan) ?? 1,
-        colspan: (o == null ? void 0 : o.colspan) ?? (i == null ? void 0 : i.colspan) ?? 1,
-        skip: ((i == null ? void 0 : i.skip) ?? !1) || ((o == null ? void 0 : o.skip) ?? !1)
+      const s = `${e}-${n.key}`, o = Rt.value.get(s), i = qe.value.get(s);
+      return !o && !i ? { rowspan: 1, colspan: 1, skip: !1 } : {
+        rowspan: (o == null ? void 0 : o.rowspan) ?? (i == null ? void 0 : i.rowspan) ?? 1,
+        colspan: (i == null ? void 0 : i.colspan) ?? (o == null ? void 0 : o.colspan) ?? 1,
+        skip: ((o == null ? void 0 : o.skip) ?? !1) || ((i == null ? void 0 : i.skip) ?? !1)
       };
     }
-    function Oe(e, l) {
-      const t = je.value.get(`${e}-${l.key}`);
+    function Je(e, l) {
+      const t = qe.value.get(`${e}-${l.key}`);
       return !!(t && !t.skip && t.colspan > 1);
     }
-    function ft(e, l) {
-      if (Oe(e, l))
+    function _t(e, l) {
+      if (Je(e, l))
         return { textAlign: "center" };
     }
-    const pt = y(() => {
+    const Rt = p(() => {
       var t;
       const e = /* @__PURE__ */ new Map();
-      return !((t = n.autoMergeColumns) != null && t.length) || !z.value.length || n.autoMergeColumns.filter(
-        (a) => x.value.some((r) => r.key === a)
-      ).forEach((a) => {
-        const r = x.value.find((d) => d.key === a);
-        if (!r) return;
-        let i = 0, o = R(z.value[0].record, r), p = 1;
-        for (let d = 1; d <= z.value.length; d++) {
-          const h = d < z.value.length ? R(z.value[d].record, r) : void 0;
-          if (me(o, h))
-            p++;
+      return !((t = a.autoMergeColumns) != null && t.length) || !z.value.length || a.autoMergeColumns.filter(
+        (n) => b.value.some((s) => s.key === n)
+      ).forEach((n) => {
+        const s = b.value.find((f) => f.key === n);
+        if (!s) return;
+        let o = 0, i = _(z.value[0].record, s), y = 1;
+        for (let f = 1; f <= z.value.length; f++) {
+          const v = f < z.value.length ? _(z.value[f].record, s) : void 0;
+          if (De(i, v))
+            y++;
           else {
-            for (let s = 0; s < p; s++) {
-              const v = i + s;
-              e.set(`${v}-${a}`, {
-                rowspan: s === 0 ? p : 0,
+            for (let r = 0; r < y; r++) {
+              const m = o + r;
+              e.set(`${m}-${n}`, {
+                rowspan: r === 0 ? y : 0,
                 colspan: 1,
-                skip: s !== 0
+                skip: r !== 0
               });
             }
-            i = d, o = h, p = 1;
+            o = f, i = v, y = 1;
           }
         }
       }), e;
-    }), je = y(() => {
+    }), qe = p(() => {
       const e = /* @__PURE__ */ new Map();
-      return !n.autoMergeRows || !z.value.length || z.value.forEach((l, t) => {
-        let a;
-        if (n.autoMergeRows === !0)
-          a = x.value;
-        else if (Array.isArray(n.autoMergeRows)) {
-          const p = n.autoMergeRows;
-          a = x.value.filter((d) => p.includes(d.key));
+      return !a.autoMergeRows || !z.value.length || z.value.forEach((l, t) => {
+        let n;
+        if (a.autoMergeRows === !0)
+          n = b.value;
+        else if (Array.isArray(a.autoMergeRows)) {
+          const y = a.autoMergeRows;
+          n = b.value.filter((f) => y.includes(f.key));
         } else
           return;
-        if (a.length < 2) return;
-        let r = 0, i = R(l.record, a[0]), o = 1;
-        for (let p = 1; p <= a.length; p++) {
-          const d = a[p], h = d ? R(l.record, d) : void 0;
-          if (me(i, h))
-            o++;
+        if (n.length < 2) return;
+        let s = 0, o = _(l.record, n[0]), i = 1;
+        for (let y = 1; y <= n.length; y++) {
+          const f = n[y], v = f ? _(l.record, f) : void 0;
+          if (De(o, v))
+            i++;
           else {
-            for (let s = 0; s < o; s++) {
-              const v = a[r + s].key;
-              e.set(`${t}-${v}`, {
+            for (let r = 0; r < i; r++) {
+              const m = n[s + r].key;
+              e.set(`${t}-${m}`, {
                 rowspan: 1,
-                colspan: s === 0 ? o : 0,
-                skip: s !== 0
+                colspan: r === 0 ? i : 0,
+                skip: r !== 0
               });
             }
-            r = p, i = h, o = 1;
+            s = y, o = v, i = 1;
           }
         }
       }), e;
     });
-    function yt() {
-      if (n.stickyHeader === !1 || n.stickyHeader === void 0 || n.stickyHeader === null || !j.value || !Ce.value)
+    function Dt() {
+      if (a.stickyHeader === !1 || a.stickyHeader === void 0 || a.stickyHeader === null || !j.value || !Le.value)
         return;
-      const l = j.value.scrollTop, t = typeof n.stickyHeader == "number" ? n.stickyHeader : 0;
-      Y.value = l > t;
+      const l = j.value.scrollTop, t = typeof a.stickyHeader == "number" ? a.stickyHeader : 0;
+      ne.value = l > t;
     }
-    function xe() {
-      if (!n.virtualListProps || !j.value) return;
+    function _e() {
+      if (!a.virtualListProps || !j.value) return;
       const e = j.value;
-      $e.value = e.scrollTop;
-      const l = Math.floor($e.value / W.value), t = Math.ceil(nt.value / W.value);
-      Z.value = l, Re.value = Math.min(l + t, T.value.length);
+      Ke.value = e.scrollTop;
+      const l = Math.floor(Ke.value / G.value), t = Math.ceil(pt.value / G.value);
+      ae.value = l, Ee.value = Math.min(l + t, M.value.length);
     }
-    function ht() {
-      yt(), xe();
+    function Mt() {
+      Dt(), _e();
     }
-    function gt(e, l) {
-      n.draggable && (K.value.isDragging = !0, K.value.dragIndex = e, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", String(e))));
+    function Lt(e, l) {
+      a.draggable && (K.value.isDragging = !0, K.value.dragIndex = e, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", String(e))));
     }
-    function vt(e, l) {
-      !n.draggable || !K.value.isDragging || (l.preventDefault(), K.value.dropIndex = e);
+    function Tt(e, l) {
+      !a.draggable || !K.value.isDragging || (l.preventDefault(), K.value.dropIndex = e);
     }
-    function kt(e, l) {
-      if (!n.draggable) return;
+    function Pt(e, l) {
+      if (!a.draggable) return;
       l.preventDefault();
-      const t = K.value.dragIndex, a = e;
-      if (t !== a && t >= 0) {
-        const r = [...n.data], [i] = r.splice(t, 1);
-        r.splice(a, 0, i), b("drag", t, a, r);
+      const t = K.value.dragIndex, n = e;
+      if (t !== n && t >= 0) {
+        const s = [...a.data], [o] = s.splice(t, 1);
+        s.splice(n, 0, o), S("drag", t, n, s);
       }
       K.value = { isDragging: !1, dragIndex: -1, dropIndex: -1 };
     }
-    function bt() {
+    function zt() {
       K.value = { isDragging: !1, dragIndex: -1, dropIndex: -1 };
     }
-    function xt(e, l) {
+    function Et(e, l) {
       if (e.ellipsis && !(typeof e.ellipsis == "object" && e.ellipsis.tooltip === !1))
-        return String(R(l, e) ?? "");
+        return String(_(l, e) ?? "");
     }
-    function wt(e) {
+    function Kt(e) {
       return e.some((l) => l.children && l.children.length > 0);
     }
-    function mt(e) {
+    function Nt(e) {
       const l = [];
-      function t(i) {
-        let o = 0;
-        return i.forEach((p) => {
-          p.children && p.children.length > 0 && (o = Math.max(o, 1 + t(p.children)));
-        }), o;
+      function t(o) {
+        let i = 0;
+        return o.forEach((y) => {
+          y.children && y.children.length > 0 && (i = Math.max(i, 1 + t(y.children)));
+        }), i;
       }
-      const a = t(e);
-      function r(i, o) {
-        l[o] || (l[o] = []), i.forEach((p) => {
-          if (p.children && p.children.length > 0) {
-            const d = Ve(p.children);
-            l[o].push({ columns: [p], rowSpan: 1, colSpan: d }), r(p.children, o + 1);
+      const n = t(e);
+      function s(o, i) {
+        l[i] || (l[i] = []), o.forEach((y) => {
+          if (y.children && y.children.length > 0) {
+            const f = Qe(y.children);
+            l[i].push({ columns: [y], rowSpan: 1, colSpan: f }), s(y.children, i + 1);
           } else
-            l[o].push({ columns: [p], rowSpan: a - o + 1, colSpan: 1 });
+            l[i].push({ columns: [y], rowSpan: n - i + 1, colSpan: 1 });
         });
       }
-      return r(e, 0), l;
+      return s(e, 0), l;
     }
-    function Ve(e) {
+    function Qe(e) {
       let l = 0;
       return e.forEach((t) => {
-        t.children && t.children.length > 0 ? l += Ve(t.children) : l++;
+        t.children && t.children.length > 0 ? l += Qe(t.children) : l++;
       }), l;
     }
-    const St = y(() => wt(de.value)), ie = y(() => mt(de.value));
-    function Ct() {
+    const At = p(() => Kt(ve.value)), fe = p(() => Nt(ve.value));
+    function Bt() {
       var e;
-      if (!n.summary) return [];
-      if (n.summary === !0) {
-        const l = { [n.rowKey]: "summary" };
-        return x.value.forEach((t) => {
+      if (!a.summary) return [];
+      if (a.summary === !0) {
+        const l = { [a.rowKey]: "summary" };
+        return b.value.forEach((t) => {
           if (t.dataIndex) {
-            const a = A.value.reduce((r, i) => {
-              const o = Number(R(i, t));
-              return r + (isNaN(o) ? 0 : o);
+            const n = O.value.reduce((s, o) => {
+              const i = Number(_(o, t));
+              return s + (isNaN(i) ? 0 : i);
             }, 0);
-            l[t.dataIndex] = a;
+            l[t.dataIndex] = n;
           }
-        }), l[(e = x.value[0]) == null ? void 0 : e.dataIndex] = n.summaryText, [l];
+        }), l[(e = b.value[0]) == null ? void 0 : e.dataIndex] = a.summaryText, [l];
       }
-      return n.summary({ columns: x.value, data: A.value });
+      return a.summary({ columns: b.value, data: O.value });
     }
-    function Rt(e) {
+    function Ht(e) {
       return !!(e.tooltip || typeof e.ellipsis == "object" && e.ellipsis.tooltip);
     }
-    function $t(e) {
+    function Ft(e) {
       return typeof e.tooltip == "object" ? e.tooltip.position || "top" : typeof e.ellipsis == "object" && typeof e.ellipsis.tooltip == "object" && e.ellipsis.tooltip.position || "top";
     }
-    function We(e) {
+    function Ye(e) {
       var l;
-      return (l = n.rowSelection) != null && l.getCheckboxProps ? n.rowSelection.getCheckboxProps(e).disabled ?? !1 : !1;
+      return (l = a.rowSelection) != null && l.getCheckboxProps ? a.rowSelection.getCheckboxProps(e).disabled ?? !1 : !1;
     }
-    return (e, l) => (u(), c("div", {
-      class: L(["x-table", [
-        `x-table--${fe.value}`,
+    return (e, l) => (u(), d("div", {
+      class: D(["x-table", [
+        `x-table--${ke.value}`,
         {
-          "is-bordered": lt.value,
-          "is-bordered-cell": De.value,
-          "is-stripe": f.stripe,
-          "is-loading": f.loading,
-          "is-hoverable": f.hoverable,
-          "has-fixed-column": he.value || st.value,
-          "is-sticky-header": Y.value
+          "is-bordered": ft.value,
+          "is-bordered-cell": xe.value,
+          "is-stripe": c.stripe,
+          "is-loading": F.value,
+          "is-hoverable": c.hoverable,
+          "has-fixed-column": we.value || xt.value,
+          "is-sticky-header": ne.value
         }
       ]])
     }, [
-      w("div", {
+      h("div", {
         ref_key: "tableContainerRef",
         ref: j,
         class: "x-table__container",
-        style: m(it.value),
-        onScroll: ht
+        style: k(mt.value),
+        onScroll: Mt
       }, [
-        w("table", {
-          style: m(rt.value)
+        h("table", {
+          style: k(bt.value)
         }, [
-          f.showHeader ? (u(), c("thead", {
+          c.showHeader ? (u(), d("thead", {
             key: 0,
             ref_key: "tableHeaderRef",
-            ref: Ce,
-            class: L({ "is-sticky": Y.value }),
-            style: m(Y.value ? { top: f.stickyOffsetTop + "px" } : {})
+            ref: Le,
+            class: D({ "is-sticky": ne.value }),
+            style: k(ne.value ? { top: c.stickyOffsetTop + "px" } : {})
           }, [
-            St.value ? (u(!0), c(S, { key: 0 }, F(ie.value, (t, a) => (u(), c("tr", { key: a }, [
-              a === 0 && f.draggable ? (u(), c("th", {
+            At.value ? (u(!0), d(x, { key: 0 }, A(fe.value, (t, n) => (u(), d("tr", { key: n }, [
+              n === 0 && c.draggable ? (u(), d("th", {
                 key: 0,
-                rowspan: ie.value.length,
+                rowspan: fe.value.length,
                 class: "x-table__drag-col x-table__sticky-helper",
-                style: m(_("drag", !0))
-              }, null, 12, jt)) : g("", !0),
-              a === 0 && (f.expandable || f.treeData) ? (u(), c("th", {
+                style: k(T("drag", !0))
+              }, null, 12, ll)) : g("", !0),
+              n === 0 && (c.expandable || c.treeData) ? (u(), d("th", {
                 key: 1,
-                rowspan: ie.value.length,
+                rowspan: fe.value.length,
                 class: "x-table__expand-col x-table__sticky-helper",
-                style: m(_("expand", !0))
+                style: k(T("expand", !0))
               }, [
-                k(e.$slots, "expand-title", {}, () => {
-                  var r;
+                w(e.$slots, "expand-title", {}, () => {
+                  var s;
                   return [
-                    M(C((r = f.expandable) == null ? void 0 : r.columnTitle), 1)
+                    L($((s = c.expandable) == null ? void 0 : s.columnTitle), 1)
                   ];
                 }, !0)
-              ], 12, Vt)) : g("", !0),
-              a === 0 && f.rowSelection ? (u(), c("th", {
+              ], 12, nl)) : g("", !0),
+              n === 0 && c.rowSelection ? (u(), d("th", {
                 key: 2,
-                rowspan: ie.value.length,
+                rowspan: fe.value.length,
                 class: "x-table__selection-col x-table__sticky-helper",
-                style: m(_("selection", !0))
+                style: k(T("selection", !0))
               }, [
-                f.rowSelection.type !== "radio" && f.rowSelection.showCheckedAll !== !1 ? (u(), c("input", {
+                c.rowSelection.type !== "radio" && c.rowSelection.showCheckedAll !== !1 ? (u(), d("input", {
                   key: 0,
                   ref_for: !0,
-                  ref: Be,
+                  ref: Xe,
                   type: "checkbox",
-                  checked: ge.value,
-                  onChange: l[0] || (l[0] = (r) => _e(r.target.checked))
-                }, null, 40, Xt)) : f.rowSelection.columnTitle ? (u(), c("span", It, C(f.rowSelection.columnTitle), 1)) : g("", !0)
-              ], 12, Wt)) : g("", !0),
-              (u(!0), c(S, null, F(t, ({ columns: r, rowSpan: i, colSpan: o }, p) => (u(), c("th", {
-                key: `${a}-${p}`,
-                class: L(["x-table__cell", [r[0].headerClassName, { "is-fixed-left": r[0].fixed === "left", "is-fixed-right": r[0].fixed === "right", "is-bordered": Te.value }]]),
-                style: m(ve(r[0], !0)),
-                colspan: o,
-                rowspan: i,
-                onClick: (d) => b("headerClick", r[0])
+                  checked: Se.value,
+                  onChange: l[0] || (l[0] = (s) => We(s.target.checked))
+                }, null, 40, sl)) : c.rowSelection.columnTitle ? (u(), d("span", ol, $(c.rowSelection.columnTitle), 1)) : g("", !0)
+              ], 12, al)) : g("", !0),
+              (u(!0), d(x, null, A(t, (s, o) => (u(), d("th", {
+                key: `${n}-${o}`,
+                class: D(["x-table__cell", [s.columns[0].headerClassName, { "is-fixed-left": s.columns[0].fixed === "left", "is-fixed-right": s.columns[0].fixed === "right", "is-bordered": Ne.value }]]),
+                style: k(ue(s.columns[0], !0)),
+                colspan: s.colSpan,
+                rowspan: s.rowSpan,
+                onClick: (i) => S("headerClick", s.columns[0])
               }, [
-                w("div", {
-                  class: L(["x-table__header-cell", { "filter-left": f.filterIconAlignLeft }])
+                h("div", {
+                  class: D(["x-table__header-cell", { "filter-left": c.filterIconAlignLeft }])
                 }, [
-                  k(e.$slots, `header-${r[0].titleSlotName || r[0].key}`, {
-                    column: r[0],
-                    title: r[0].title
+                  w(e.$slots, `header-${s.columns[0].titleSlotName || s.columns[0].key}`, {
+                    column: s.columns[0],
+                    title: s.columns[0].title
                   }, () => [
-                    r[0].headerCellRender ? (u(), c(S, { key: 0 }, [
-                      M(C(r[0].headerCellRender({ column: r[0], title: r[0].title })), 1)
-                    ], 64)) : (u(), c(S, { key: 1 }, [
-                      M(C(r[0].title), 1)
+                    s.columns[0].headerCellRender ? (u(), d(x, { key: 0 }, [
+                      L($(s.columns[0].headerCellRender({ column: s.columns[0], title: s.columns[0].title })), 1)
+                    ], 64)) : (u(), d(x, { key: 1 }, [
+                      L($(s.columns[0].title), 1)
                     ], 64))
                   ], !0),
-                  r[0].sorter ? (u(), c("button", {
+                  s.columns[0].sorter ? (u(), d("button", {
                     key: 0,
                     type: "button",
-                    class: L(["x-table__sorter", { "is-active": D.value.key === r[0].key && D.value.order }]),
-                    "data-order": D.value.key === r[0].key ? D.value.order : null,
-                    onClick: oe((d) => Ke(r[0]), ["stop"])
+                    class: D(["x-table__sorter", { "is-active": R.value.key === s.columns[0].key && R.value.order }]),
+                    "data-order": R.value.key === s.columns[0].key ? R.value.order : null,
+                    onClick: ye((i) => Ve(s.columns[0]), ["stop"])
                   }, [...l[4] || (l[4] = [
-                    w("span", { class: "x-table__sort-indicator" }, null, -1)
-                  ])], 10, Jt)) : g("", !0),
-                  k(e.$slots, `filter-${r[0].key}`, {
-                    column: r[0],
-                    filterState: E.value[r[0].key],
-                    setFilter: (d) => ne(d, r[0].key)
+                    h("span", { class: "x-table__sort-indicator" }, null, -1)
+                  ])], 10, rl)) : g("", !0),
+                  w(e.$slots, `filter-${s.columns[0].key}`, {
+                    column: s.columns[0],
+                    filterState: E.value[s.columns[0].key],
+                    setFilter: (i) => de(i, s.columns[0].key)
                   }, () => {
-                    var d;
+                    var i;
                     return [
-                      (d = r[0].filters) != null && d.length ? (u(), G(Je, {
+                      (i = s.columns[0].filters) != null && i.length ? (u(), q(lt, {
                         key: 0,
-                        options: r[0].filters,
-                        value: E.value[r[0].key] || [],
-                        multiple: r[0].filterMultiple !== !1,
-                        "column-key": r[0].key,
-                        "align-left": f.filterIconAlignLeft,
-                        onChange: ne
+                        options: s.columns[0].filters,
+                        value: E.value[s.columns[0].key] || [],
+                        multiple: s.columns[0].filterMultiple !== !1,
+                        "column-key": s.columns[0].key,
+                        "align-left": c.filterIconAlignLeft,
+                        onChange: de
                       }, null, 8, ["options", "value", "multiple", "column-key", "align-left"])) : g("", !0)
                     ];
                   }, !0)
                 ], 2),
-                i > 1 || !r[0].children ? (u(), c("div", {
+                s.rowSpan > 1 || !s.columns[0].children ? (u(), d("div", {
                   key: 0,
-                  class: L(["x-table__resize-handle", { "is-resizing": Q.value === r[0].key }]),
-                  onMousedown: (d) => Fe(r[0].key, d)
-                }, null, 42, Ut)) : g("", !0)
-              ], 14, Gt))), 128))
-            ]))), 128)) : (u(), c("tr", qt, [
-              f.draggable ? (u(), c("th", {
+                  class: D(["x-table__resize-handle", { "is-resizing": le.value === s.columns[0].key }]),
+                  onMousedown: (i) => Ue(s.columns[0].key, i)
+                }, null, 42, ul)) : g("", !0)
+              ], 14, il))), 128))
+            ]))), 128)) : (u(), d("tr", dl, [
+              c.draggable ? (u(), d("th", {
                 key: 0,
                 class: "x-table__drag-col x-table__sticky-helper",
-                style: m(_("drag", !0))
+                style: k(T("drag", !0))
               }, null, 4)) : g("", !0),
-              f.expandable || f.treeData ? (u(), c("th", {
+              c.expandable || c.treeData ? (u(), d("th", {
                 key: 1,
                 class: "x-table__expand-col x-table__sticky-helper",
-                style: m(_("expand", !0))
+                style: k(T("expand", !0))
               }, [
-                k(e.$slots, "expand-title", {}, () => {
+                w(e.$slots, "expand-title", {}, () => {
                   var t;
                   return [
-                    M(C((t = f.expandable) == null ? void 0 : t.columnTitle), 1)
+                    L($((t = c.expandable) == null ? void 0 : t.columnTitle), 1)
                   ];
                 }, !0)
               ], 4)) : g("", !0),
-              f.rowSelection ? (u(), c("th", {
+              c.rowSelection ? (u(), d("th", {
                 key: 2,
                 class: "x-table__selection-col x-table__sticky-helper",
-                style: m(_("selection", !0))
+                style: k(T("selection", !0))
               }, [
-                f.rowSelection.type !== "radio" && f.rowSelection.showCheckedAll !== !1 ? (u(), c("input", {
+                c.rowSelection.type !== "radio" && c.rowSelection.showCheckedAll !== !1 ? (u(), d("input", {
                   key: 0,
-                  ref: Be,
+                  ref: Xe,
                   type: "checkbox",
-                  checked: ge.value,
-                  onChange: l[1] || (l[1] = (t) => _e(t.target.checked))
-                }, null, 40, Qt)) : f.rowSelection.columnTitle ? (u(), c("span", Yt, C(f.rowSelection.columnTitle), 1)) : g("", !0)
+                  checked: Se.value,
+                  onChange: l[1] || (l[1] = (t) => We(t.target.checked))
+                }, null, 40, cl)) : c.rowSelection.columnTitle ? (u(), d("span", fl, $(c.rowSelection.columnTitle), 1)) : g("", !0)
               ], 4)) : g("", !0),
-              (u(!0), c(S, null, F(x.value, (t) => (u(), c("th", {
+              (u(!0), d(x, null, A(b.value, (t) => (u(), d("th", {
                 key: t.key,
-                class: L(["x-table__cell", [t.headerClassName, { "is-fixed-left": t.fixed === "left", "is-fixed-right": t.fixed === "right", "is-bordered": Te.value }]]),
-                style: m(ve(t, !0)),
-                onClick: (a) => b("headerClick", t)
+                class: D(["x-table__cell", [t.headerClassName, { "is-fixed-left": t.fixed === "left", "is-fixed-right": t.fixed === "right", "is-bordered": Ne.value }]]),
+                style: k(ue(t, !0)),
+                onClick: (n) => S("headerClick", t)
               }, [
-                w("div", {
-                  class: L(["x-table__header-cell", { "filter-left": f.filterIconAlignLeft }])
+                h("div", {
+                  class: D(["x-table__header-cell", { "filter-left": c.filterIconAlignLeft }])
                 }, [
-                  k(e.$slots, `header-${t.titleSlotName || t.key}`, {
+                  w(e.$slots, `header-${t.titleSlotName || t.key}`, {
                     column: t,
                     title: t.title
                   }, () => [
-                    t.headerCellRender ? (u(), c(S, { key: 0 }, [
-                      M(C(t.headerCellRender({ column: t, title: t.title })), 1)
-                    ], 64)) : (u(), c(S, { key: 1 }, [
-                      M(C(t.title), 1)
+                    t.headerCellRender ? (u(), d(x, { key: 0 }, [
+                      L($(t.headerCellRender({ column: t, title: t.title })), 1)
+                    ], 64)) : (u(), d(x, { key: 1 }, [
+                      L($(t.title), 1)
                     ], 64))
                   ], !0),
-                  t.sorter ? (u(), c("button", {
+                  t.sorter ? (u(), d("button", {
                     key: 0,
                     type: "button",
-                    class: L(["x-table__sorter", { "is-active": D.value.key === t.key && D.value.order }]),
-                    "data-order": D.value.key === t.key ? D.value.order : null,
-                    onClick: oe((a) => Ke(t), ["stop"])
+                    class: D(["x-table__sorter", { "is-active": R.value.key === t.key && R.value.order }]),
+                    "data-order": R.value.key === t.key ? R.value.order : null,
+                    onClick: ye((n) => Ve(t), ["stop"])
                   }, [...l[5] || (l[5] = [
-                    w("span", { class: "x-table__sort-indicator" }, null, -1)
-                  ])], 10, el)) : g("", !0),
-                  k(e.$slots, `filter-${t.key}`, {
+                    h("span", { class: "x-table__sort-indicator" }, null, -1)
+                  ])], 10, pl)) : g("", !0),
+                  w(e.$slots, `filter-${t.key}`, {
                     column: t,
                     filterState: E.value[t.key],
-                    setFilter: (a) => ne(a, t.key)
+                    setFilter: (n) => de(n, t.key)
                   }, () => {
-                    var a;
+                    var n;
                     return [
-                      (a = t.filters) != null && a.length ? (u(), G(Je, {
+                      (n = t.filters) != null && n.length ? (u(), q(lt, {
                         key: 0,
                         options: t.filters,
                         value: E.value[t.key] || [],
                         multiple: t.filterMultiple !== !1,
                         "column-key": t.key,
-                        "align-left": f.filterIconAlignLeft,
-                        onChange: ne
+                        "align-left": c.filterIconAlignLeft,
+                        onChange: de
                       }, null, 8, ["options", "value", "multiple", "column-key", "align-left"])) : g("", !0)
                     ];
                   }, !0)
                 ], 2),
-                w("div", {
-                  class: L(["x-table__resize-handle", { "is-resizing": Q.value === t.key }]),
-                  onMousedown: (a) => Fe(t.key, a)
-                }, null, 42, tl)
-              ], 14, Zt))), 128))
+                h("div", {
+                  class: D(["x-table__resize-handle", { "is-resizing": le.value === t.key }]),
+                  onMousedown: (n) => Ue(t.key, n)
+                }, null, 42, gl)
+              ], 14, yl))), 128))
             ]))
           ], 6)) : g("", !0),
-          z.value.length ? (u(), c("tbody", ll, [
-            f.virtualListProps && Pe.value > 0 ? (u(), c("tr", {
+          gt.value ? (u(), d("tbody", vl, [
+            (u(), d(x, null, A(Bl, (t) => h("tr", {
+              key: `skeleton-row-${t}`,
+              class: "x-table__row x-table__skeleton-row"
+            }, [
+              c.draggable ? (u(), d("td", {
+                key: 0,
+                class: "x-table__drag-col x-table__sticky-helper x-table__skeleton-side",
+                style: k(T("drag"))
+              }, [
+                Q(pe, {
+                  loading: !0,
+                  animation: c.loadingAnimation,
+                  title: !1,
+                  rows: 1
+                }, {
+                  default: Y(() => [...l[6] || (l[6] = [
+                    h("div", { class: "x-table__skeleton-shell" }, [
+                      h("div", {
+                        class: "x-table__skeleton-block",
+                        style: { width: "24px" }
+                      })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["animation"])
+              ], 4)) : g("", !0),
+              c.expandable || c.treeData ? (u(), d("td", {
+                key: 1,
+                class: "x-table__expand-col x-table__sticky-helper x-table__skeleton-side",
+                style: k(T("expand"))
+              }, [
+                Q(pe, {
+                  loading: !0,
+                  animation: c.loadingAnimation,
+                  title: !1,
+                  rows: 1
+                }, {
+                  default: Y(() => [...l[7] || (l[7] = [
+                    h("div", { class: "x-table__skeleton-shell" }, [
+                      h("div", {
+                        class: "x-table__skeleton-block",
+                        style: { width: "24px" }
+                      })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["animation"])
+              ], 4)) : g("", !0),
+              c.rowSelection ? (u(), d("td", {
+                key: 2,
+                class: "x-table__selection-col x-table__sticky-helper x-table__skeleton-side",
+                style: k(T("selection"))
+              }, [
+                Q(pe, {
+                  loading: !0,
+                  animation: c.loadingAnimation,
+                  title: !1,
+                  rows: 1
+                }, {
+                  default: Y(() => [...l[8] || (l[8] = [
+                    h("div", { class: "x-table__skeleton-shell" }, [
+                      h("div", {
+                        class: "x-table__skeleton-block",
+                        style: { width: "24px" }
+                      })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["animation"])
+              ], 4)) : g("", !0),
+              (u(!0), d(x, null, A(b.value, (n, s) => (u(), d("td", {
+                key: `skeleton-cell-${t}-${n.key}`,
+                class: D(["x-table__cell x-table__skeleton-cell", [
+                  n.className,
+                  {
+                    "is-fixed-left": n.fixed === "left",
+                    "is-fixed-right": n.fixed === "right",
+                    "is-bordered": xe.value
+                  }
+                ]]),
+                style: k(ue(n))
+              }, [
+                Q(pe, {
+                  loading: !0,
+                  animation: c.loadingAnimation,
+                  title: !1,
+                  rows: 1
+                }, {
+                  default: Y(() => [
+                    h("div", hl, [
+                      h("div", {
+                        class: "x-table__skeleton-block",
+                        style: k({ width: kt(n, s) })
+                      }, null, 4)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["animation"])
+              ], 6))), 128))
+            ])), 64))
+          ])) : z.value.length ? (u(), d("tbody", kl, [
+            c.virtualListProps && He.value > 0 ? (u(), d("tr", {
               key: 0,
-              style: m({ height: `${Pe.value}px` })
+              style: k({ height: `${He.value}px` })
             }, [
-              w("td", {
-                colspan: le.value,
+              h("td", {
+                colspan: ie.value,
                 style: { padding: 0, border: "none" }
-              }, null, 8, al)
+              }, null, 8, bl)
             ], 4)) : g("", !0),
-            (u(!0), c(S, null, F(z.value, ({ record: t, index: a, key: r, level: i, hasChildren: o, loading: p, _virtualIndex: d }, h) => (u(), c(S, {
-              key: String(r)
+            (u(!0), d(x, null, A(z.value, ({ record: t, index: n, key: s, level: o, hasChildren: i, loading: y, _virtualIndex: f }, v) => (u(), d(x, {
+              key: String(s)
             }, [
-              k(e.$slots, "tr", {
+              w(e.$slots, "tr", {
                 record: t,
-                index: a
+                index: n
               }, () => [
-                w("tr", {
-                  class: L(["x-table__row", [ut(t, a), { "is-striped": f.stripe && (typeof d == "number" ? d : h) % 2 === 1, "is-dragging": K.value.isDragging && K.value.dragIndex === (typeof d == "number" ? d : h) }]]),
-                  draggable: !!f.draggable,
-                  onClick: (s) => b("rowClick", t, a),
-                  onDragstart: (s) => gt(typeof d == "number" ? d : h, s),
-                  onDragover: (s) => vt(typeof d == "number" ? d : h, s),
-                  onDrop: (s) => kt(typeof d == "number" ? d : h, s),
-                  onDragend: bt
+                h("tr", {
+                  class: D(["x-table__row", [St(t, n), { "is-striped": c.stripe && (typeof f == "number" ? f : v) % 2 === 1, "is-dragging": K.value.isDragging && K.value.dragIndex === (typeof f == "number" ? f : v) }]]),
+                  draggable: !!c.draggable,
+                  onClick: (r) => S("rowClick", t, n),
+                  onDragstart: (r) => Lt(typeof f == "number" ? f : v, r),
+                  onDragover: (r) => Tt(typeof f == "number" ? f : v, r),
+                  onDrop: (r) => Pt(typeof f == "number" ? f : v, r),
+                  onDragend: zt
                 }, [
-                  f.draggable ? (u(), c("td", {
+                  c.draggable ? (u(), d("td", {
                     key: 0,
                     class: "x-table__drag-col x-table__sticky-helper",
-                    style: m(_("drag"))
+                    style: k(T("drag"))
                   }, [
-                    k(e.$slots, "drag-handle", {}, () => [
-                      l[6] || (l[6] = w("span", { class: "x-table__drag-icon" }, "⋮⋮", -1))
+                    w(e.$slots, "drag-handle", {}, () => [
+                      l[9] || (l[9] = h("span", { class: "x-table__drag-icon" }, "⋮⋮", -1))
                     ], !0)
                   ], 4)) : g("", !0),
-                  f.expandable || f.treeData ? (u(), c("td", {
+                  c.expandable || c.treeData ? (u(), d("td", {
                     key: 1,
                     class: "x-table__expand-col x-table__sticky-helper",
-                    style: m(_("expand"))
+                    style: k(T("expand"))
                   }, [
-                    k(e.$slots, "expand-icon", {
+                    w(e.$slots, "expand-icon", {
                       record: t,
-                      expanded: I(t, a),
-                      hasChildren: o
+                      expanded: J(t, n),
+                      hasChildren: i
                     }, () => [
-                      He(t) ? (u(), c("button", {
+                      Ie(t) ? (u(), d("button", {
                         key: 0,
                         type: "button",
-                        class: L(["x-table__expand", { "is-loading": p }]),
-                        onClick: oe((s) => ct(t, a), ["stop"])
+                        class: D(["x-table__expand", { "is-loading": y }]),
+                        onClick: ye((r) => $t(t, n), ["stop"])
                       }, [
-                        p ? (u(), c("span", il, [...l[7] || (l[7] = [
-                          w("svg", {
+                        y ? (u(), d("span", wl, [...l[10] || (l[10] = [
+                          h("svg", {
                             viewBox: "0 0 48 48",
                             fill: "none",
                             xmlns: "http://www.w3.org/2000/svg",
@@ -865,195 +1025,195 @@ const jt = ["rowspan"], Vt = ["rowspan"], Wt = ["rowspan"], Xt = ["checked"], It
                             "stroke-linecap": "butt",
                             "stroke-linejoin": "miter"
                           }, [
-                            w("path", { d: "M38.837 18C36.463 12.136 30.715 8 24 8 15.163 8 8 15.163 8 24s7.163 16 16 16c7.455 0 13.72-5.1 15.496-12M40 8v10H30" })
+                            h("path", { d: "M38.837 18C36.463 12.136 30.715 8 24 8 15.163 8 8 15.163 8 24s7.163 16 16 16c7.455 0 13.72-5.1 15.496-12M40 8v10H30" })
                           ], -1)
-                        ])])) : (u(), c("span", sl, C(I(t, a) ? "▾" : "▸"), 1))
-                      ], 10, rl)) : g("", !0)
+                        ])])) : (u(), d("span", Sl, $(J(t, n) ? "▾" : "▸"), 1))
+                      ], 10, xl)) : g("", !0)
                     ], !0)
                   ], 4)) : g("", !0),
-                  f.rowSelection ? (u(), c("td", {
+                  c.rowSelection ? (u(), d("td", {
                     key: 2,
                     class: "x-table__selection-col x-table__sticky-helper",
-                    style: m(_("selection"))
+                    style: k(T("selection"))
                   }, [
-                    k(e.$slots, "checkbox", {
+                    w(e.$slots, "checkbox", {
                       record: t,
-                      checked: N.value.includes(r),
-                      disabled: We(t)
+                      checked: N.value.includes(s),
+                      disabled: Ye(t)
                     }, () => [
-                      w("input", {
-                        type: f.rowSelection.type === "radio" ? "radio" : "checkbox",
-                        checked: N.value.includes(r),
-                        disabled: We(t),
-                        onClick: l[2] || (l[2] = oe(() => {
+                      h("input", {
+                        type: c.rowSelection.type === "radio" ? "radio" : "checkbox",
+                        checked: N.value.includes(s),
+                        disabled: Ye(t),
+                        onClick: l[2] || (l[2] = ye(() => {
                         }, ["stop"])),
-                        onChange: (s) => dt(t, a, s.target.checked)
-                      }, null, 40, ol)
+                        onChange: (r) => Ct(t, n, r.target.checked)
+                      }, null, 40, Cl)
                     ], !0)
                   ], 4)) : g("", !0),
-                  k(e.$slots, "td", {
+                  w(e.$slots, "td", {
                     record: t,
-                    index: a
+                    index: n
                   }, () => [
-                    (u(!0), c(S, null, F(x.value, (s, v) => (u(), c(S, {
-                      key: s.key
+                    (u(!0), d(x, null, A(b.value, (r, m) => (u(), d(x, {
+                      key: r.key
                     }, [
-                      be(typeof d == "number" ? d : h, v, t, s).skip ? g("", !0) : (u(), c("td", zt({
+                      $e(typeof f == "number" ? f : v, m, t, r).skip ? g("", !0) : (u(), d("td", Ut({
                         key: 0,
                         class: ["x-table__cell", [
-                          s.className,
-                          typeof s.cellClassName == "function" ? s.cellClassName(t) : s.cellClassName,
+                          r.className,
+                          typeof r.cellClassName == "function" ? r.cellClassName(t) : r.cellClassName,
                           {
-                            "is-fixed-left": s.fixed === "left",
-                            "is-fixed-right": s.fixed === "right",
-                            "is-ellipsis": s.ellipsis,
-                            "is-bordered": De.value,
-                            "is-auto-merged-row": Oe(typeof d == "number" ? d : h, s)
+                            "is-fixed-left": r.fixed === "left",
+                            "is-fixed-right": r.fixed === "right",
+                            "is-ellipsis": r.ellipsis,
+                            "is-bordered": xe.value,
+                            "is-auto-merged-row": Je(typeof f == "number" ? f : v, r)
                           }
                         ]],
                         style: [
-                          ve(s),
-                          typeof s.cellStyle == "function" ? s.cellStyle(t) : s.cellStyle,
-                          ft(typeof d == "number" ? d : h, s)
+                          ue(r),
+                          typeof r.cellStyle == "function" ? r.cellStyle(t) : r.cellStyle,
+                          _t(typeof f == "number" ? f : v, r)
                         ]
-                      }, { ref_for: !0 }, { rowspan: be(typeof d == "number" ? d : h, v, t, s).rowspan, colspan: be(typeof d == "number" ? d : h, v, t, s).colspan }, {
-                        onClick: (Dt) => b("cellClick", t, s, a)
+                      }, { ref_for: !0 }, { rowspan: $e(typeof f == "number" ? f : v, m, t, r).rowspan, colspan: $e(typeof f == "number" ? f : v, m, t, r).colspan }, {
+                        onClick: (Ot) => S("cellClick", t, r, n)
                       }), [
-                        f.treeData && v === 0 ? (u(), c("span", {
+                        c.treeData && m === 0 ? (u(), d("span", {
                           key: 0,
                           class: "x-table__indent",
-                          style: m({ paddingLeft: `${i * f.indentSize}px` })
+                          style: k({ paddingLeft: `${o * c.indentSize}px` })
                         }, null, 4)) : g("", !0),
-                        Rt(s) ? (u(), G(Ht, {
+                        Ht(r) ? (u(), q(Yt, {
                           key: 1,
-                          content: xt(s, t),
-                          position: $t(s)
+                          content: Et(r, t),
+                          position: Ft(r)
                         }, {
-                          default: Et(() => [
-                            w("span", dl, [
-                              k(e.$slots, s.slotName || `cell-${s.key}`, {
+                          default: Y(() => [
+                            h("span", _l, [
+                              w(e.$slots, r.slotName || `cell-${r.key}`, {
                                 record: t,
-                                column: s,
-                                value: R(t, s),
-                                index: a
+                                column: r,
+                                value: _(t, r),
+                                index: n
                               }, () => [
-                                s.cellRender ? (u(), c(S, { key: 0 }, [
-                                  M(C(s.cellRender({ record: t, column: s, value: R(t, s), index: a })), 1)
-                                ], 64)) : (u(), c(S, { key: 1 }, [
-                                  M(C(R(t, s)), 1)
+                                r.cellRender ? (u(), d(x, { key: 0 }, [
+                                  L($(r.cellRender({ record: t, column: r, value: _(t, r), index: n })), 1)
+                                ], 64)) : (u(), d(x, { key: 1 }, [
+                                  L($(_(t, r)), 1)
                                 ], 64))
                               ], !0)
                             ])
                           ]),
                           _: 2
-                        }, 1032, ["content", "position"])) : k(e.$slots, s.slotName || `cell-${s.key}`, {
+                        }, 1032, ["content", "position"])) : w(e.$slots, r.slotName || `cell-${r.key}`, {
                           key: 2,
                           record: t,
-                          column: s,
-                          value: R(t, s),
-                          index: a
+                          column: r,
+                          value: _(t, r),
+                          index: n
                         }, () => [
-                          s.cellRender ? (u(), c(S, { key: 0 }, [
-                            M(C(s.cellRender({ record: t, column: s, value: R(t, s), index: a })), 1)
-                          ], 64)) : (u(), c(S, { key: 1 }, [
-                            M(C(R(t, s)), 1)
+                          r.cellRender ? (u(), d(x, { key: 0 }, [
+                            L($(r.cellRender({ record: t, column: r, value: _(t, r), index: n })), 1)
+                          ], 64)) : (u(), d(x, { key: 1 }, [
+                            L($(_(t, r)), 1)
                           ], 64))
                         ], !0)
-                      ], 16, ul))
+                      ], 16, $l))
                     ], 64))), 128))
                   ], !0)
-                ], 42, nl)
+                ], 42, ml)
               ], !0),
-              f.expandable && I(t, a) ? (u(), c("tr", cl, [
-                w("td", {
-                  colspan: le.value,
-                  style: m({ paddingLeft: `${(f.expandable.indentSize || 16) + 16}px` })
+              c.expandable && J(t, n) ? (u(), d("tr", Rl, [
+                h("td", {
+                  colspan: ie.value,
+                  style: k({ paddingLeft: `${(c.expandable.indentSize || 16) + 16}px` })
                 }, [
-                  k(e.$slots, "expand-row", {
+                  w(e.$slots, "expand-row", {
                     record: t,
-                    index: a
+                    index: n
                   }, () => {
-                    var s, v;
+                    var r, m;
                     return [
-                      M(C((v = (s = f.expandable) == null ? void 0 : s.expandedRowRender) == null ? void 0 : v.call(s, t, a)), 1)
+                      L($((m = (r = c.expandable) == null ? void 0 : r.expandedRowRender) == null ? void 0 : m.call(r, t, n)), 1)
                     ];
                   }, !0)
-                ], 12, fl)
+                ], 12, Dl)
               ])) : g("", !0)
             ], 64))), 128)),
-            f.virtualListProps && ze.value > 0 ? (u(), c("tr", {
+            c.virtualListProps && Fe.value > 0 ? (u(), d("tr", {
               key: 1,
-              style: m({ height: `${ze.value}px` })
+              style: k({ height: `${Fe.value}px` })
             }, [
-              w("td", {
-                colspan: le.value,
+              h("td", {
+                colspan: ie.value,
                 style: { padding: 0, border: "none" }
-              }, null, 8, pl)
+              }, null, 8, Ml)
             ], 4)) : g("", !0)
-          ])) : (u(), c("tbody", yl, [
-            w("tr", null, [
-              w("td", {
-                colspan: le.value,
+          ])) : (u(), d("tbody", Ll, [
+            h("tr", null, [
+              h("td", {
+                colspan: ie.value,
                 class: "x-table__empty"
               }, [
-                k(e.$slots, "empty", {}, () => [
-                  we(Se) ? (u(), G(Kt(we(Se)), { key: 0 })) : (u(), G(Bt, {
+                w(e.$slots, "empty", {}, () => [
+                  Re(Me) ? (u(), q(Jt(Re(Me)), { key: 0 })) : (u(), q(Qt, {
                     key: 1,
                     "in-config-provider": "",
-                    description: Ze.value
+                    description: rt.value
                   }, null, 8, ["description"]))
                 ], !0)
-              ], 8, hl)
+              ], 8, Tl)
             ])
           ])),
-          f.summary ? (u(), c("tfoot", gl, [
-            (u(!0), c(S, null, F(Ct(), (t, a) => (u(), c("tr", {
-              key: a,
+          c.summary ? (u(), d("tfoot", Pl, [
+            (u(!0), d(x, null, A(Bt(), (t, n) => (u(), d("tr", {
+              key: n,
               class: "x-table__summary-row"
             }, [
-              f.draggable ? (u(), c("td", vl)) : g("", !0),
-              f.expandable || f.treeData ? (u(), c("td", kl)) : g("", !0),
-              f.rowSelection ? (u(), c("td", bl, C(a === 0 ? Ye.value : ""), 1)) : g("", !0),
-              (u(!0), c(S, null, F(x.value, (r) => (u(), c("td", {
-                key: r.key,
-                class: L(["x-table__cell", r.className])
+              c.draggable ? (u(), d("td", zl)) : g("", !0),
+              c.expandable || c.treeData ? (u(), d("td", El)) : g("", !0),
+              c.rowSelection ? (u(), d("td", Kl, $(n === 0 ? it.value : ""), 1)) : g("", !0),
+              (u(!0), d(x, null, A(b.value, (s) => (u(), d("td", {
+                key: s.key,
+                class: D(["x-table__cell", s.className])
               }, [
-                k(e.$slots, "summary-cell", {
-                  column: r,
+                w(e.$slots, "summary-cell", {
+                  column: s,
                   record: t,
-                  rowIndex: a
+                  rowIndex: n
                 }, () => [
-                  M(C(R(t, r)), 1)
+                  L($(_(t, s)), 1)
                 ], !0)
               ], 2))), 128))
             ]))), 128))
           ])) : g("", !0)
         ], 4)
       ], 36),
-      f.loading ? (u(), c("div", xl, [
-        k(e.$slots, "loading", {}, () => [
-          M(C(we(ce)("table.loadingText", void 0, "加载中...")), 1)
+      ht.value ? (u(), d("div", Nl, [
+        w(e.$slots, "loading", {}, () => [
+          L($(Re(he)("table.loadingText", void 0, "加载中...")), 1)
         ], !0)
       ])) : g("", !0),
-      B.value ? (u(), c("div", wl, [
-        k(e.$slots, "pagination-left", {}, void 0, !0),
-        Nt(_t, {
-          current: te.value,
-          total: T.value.length,
-          "page-size": X.value,
-          "show-total": B.value.showTotal,
-          "show-jumper": B.value.showJumper,
-          "show-page-size": B.value.showPageSize,
-          "page-size-options": B.value.pageSizeOptions,
-          simple: B.value.simple,
-          onChange: Ae,
-          onPageSizeChange: l[3] || (l[3] = (t) => Ae(te.value, t))
+      H.value ? (u(), d("div", Al, [
+        w(e.$slots, "pagination-left", {}, void 0, !0),
+        Q(qt, {
+          current: oe.value,
+          total: M.value.length,
+          "page-size": U.value,
+          "show-total": H.value.showTotal,
+          "show-jumper": H.value.showJumper,
+          "show-page-size": H.value.showPageSize,
+          "page-size-options": H.value.pageSizeOptions,
+          simple: H.value.simple,
+          onChange: Ge,
+          onPageSizeChange: l[3] || (l[3] = (t) => Ge(oe.value, t))
         }, null, 8, ["current", "total", "page-size", "show-total", "show-jumper", "show-page-size", "page-size-options", "simple"]),
-        k(e.$slots, "pagination-right", {}, void 0, !0)
+        w(e.$slots, "pagination-right", {}, void 0, !0)
       ])) : g("", !0)
     ], 2));
   }
 });
 export {
-  Ml as default
+  Jl as default
 };