x-next 1.11.1 → 1.12.0

package/dist/es/components/table/Table.js

@@ -1,49 +1,52 @@
-import { defineComponent as $l, toRefs as zl, computed as h, ref as p, reactive as we, watch as ne, watchEffect as Ml, toRef as Wl, provide as Ol, onMounted as jl, createVNode as u, Fragment as ke, mergeProps as k, isVNode as Hl } from "vue";
-import { isObject as Re, isFunction as K, isNumber as L, isString as Il, isArray as _l, isUndefined as Vl, isNull as Nl } from "../../_utils/is.js";
-import { debounce as ft } from "../../_utils/debounce.js";
-import { getGroupColumns as Gl, mapArrayWithChildren as Ul, mapRawTableData as Yl, getColumnsFromSlot as ql } from "./utils.js";
-import { useRowSelection as Jl } from "./hooks/use-row-selection.js";
-import { useExpand as Ql } from "./hooks/use-expand.js";
-import { usePagination as Xl } from "./hooks/use-pagination.js";
-import Zl from "../../icons/default/plus.js";
-import ea from "../../icons/default/minus-circle-fill.js";
-import { Spin as ta } from "../spin/index.js";
-import { Pagination as la } from "../pagination/index.js";
-import { Empty as aa } from "../empty/index.js";
-import re from "./table-col-group.vue.js";
-import na from "./table-thead.js";
-import ra from "./table-tbody.js";
-import U from "./table-tr.js";
-import oa from "./table-th.js";
-import oe from "./table-td.js";
-import ua from "./table-operation-th.js";
-import mt from "./table-operation-td.js";
-import ia from "../virtual-list-v2/virtual-list.vue.js";
-import ht from "../../_container/resize-observer.js";
-import { omit as sa } from "../../_utils/omit.js";
-import { useDrag as ca } from "./hooks/use-drag.js";
-import { useColumnResize as da } from "./hooks/use-column-resize.js";
-import { tableInjectionKey as fa } from "./context.js";
-import { useFilter as ma } from "./hooks/use-filter.js";
-import { useSorter as ha } from "./hooks/use-sorter.js";
-import { useSpan as vt } from "./hooks/use-span.js";
-import { useChildrenComponents as va } from "../../_hooks/use-children-components.js";
-import { Scrollbar as gt } from "../scrollbar-v2/index.js";
-import { useComponentRef as Ee } from "../../_hooks/use-component-ref.js";
-import { useSize as ga } from "../../_hooks/use-size.js";
-import { useLocale as ya } from "../../locale/index.js";
-import { useScrollbar as ba } from "../../_hooks/use-scrollbar.js";
-import { getValueByPath as Le, setValueByPath as yt } from "../../_utils/get-value-by-path.js";
-import { getClassNameMixin as pa } from "../../_utils/config.js";
-function xa(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Hl(t);
+import { defineComponent as ha, toRefs as va, computed as g, ref as A, useId as ga, reactive as _e, watch as J, watchEffect as ma, onBeforeUnmount as It, toRef as Ht, provide as ya, nextTick as jt, onMounted as ba, createVNode as s, Fragment as Ve, mergeProps as F, isVNode as pa } from "vue";
+import { isObject as qe, isFunction as Q, isNumber as W, isString as xa, isArray as Sa, isUndefined as wa, isNull as Ca } from "../../_utils/is.js";
+import { debounce as Nt } from "../../_utils/debounce.js";
+import { getGroupColumns as ka, mapArrayWithChildren as Ra, mapRawTableData as _t, getColumnsFromSlot as Pa, getSelectionStatus as La, getLeafKeys as Aa } from "./utils.js";
+import { useRowSelection as Ea } from "./hooks/use-row-selection.js";
+import { useExpand as Ta } from "./hooks/use-expand.js";
+import { usePagination as Ka } from "./hooks/use-pagination.js";
+import Da from "../../icons/default/plus.js";
+import Ba from "../../icons/default/minus.js";
+import { Spin as $a } from "../spin/index.js";
+import { Pagination as Ma } from "../pagination/index.js";
+import { Empty as za } from "../empty/index.js";
+import Se from "./table-col-group.vue.js";
+import Fa from "./table-thead.js";
+import Wa from "./table-tbody.js";
+import ne from "./table-tr.js";
+import Oa from "./table-th.js";
+import we from "./table-td.js";
+import Ia from "./table-operation-th.js";
+import Vt from "./table-operation-td.js";
+import Ha from "../virtual-list-v2/virtual-list.vue.js";
+import qt from "../../_container/resize-observer.js";
+import { omit as Yt } from "../../_utils/omit.js";
+import { useDrag as ja } from "./hooks/use-drag.js";
+import { useColumnResize as Na } from "./hooks/use-column-resize.js";
+import { tableInjectionKey as _a } from "./context.js";
+import { useFilter as Va } from "./hooks/use-filter.js";
+import { useSorter as qa } from "./hooks/use-sorter.js";
+import { useSpan as Ut } from "./hooks/use-span.js";
+import { useKeyboardNavigation as Ya } from "./hooks/use-keyboard-navigation.js";
+import { useChildrenComponents as Ua } from "../../_hooks/use-children-components.js";
+import { Scrollbar as Gt } from "../scrollbar-v2/index.js";
+import { useComponentRef as Ye } from "../../_hooks/use-component-ref.js";
+import { useSize as Ga } from "../../_hooks/use-size.js";
+import { useLocale as Ja } from "../../locale/index.js";
+import { useScrollbar as Qa } from "../../_hooks/use-scrollbar.js";
+import { setValueByPath as Jt, getValueByPath as Ue } from "../../_utils/get-value-by-path.js";
+import { getClassNameMixin as Xa } from "../../_utils/config.js";
+import { useTableLocale as Za } from "./locale.js";
+import en from "../../icons/animation/animation-loading.js";
+function tn(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !pa(l);
 }
-const bt = {
+const Qt = {
   wrapper: !0,
   cell: !1,
   headerCell: !1,
   bodyCell: !1
-}, un = /* @__PURE__ */ $l({
+}, qn = /* @__PURE__ */ ha({
   name: "Table",
   props: {
     /**
@@ -54,6 +57,11 @@ const bt = {
       type: Array,
       default: () => []
     },
+    /** @zh 启用表体单元格方向键、Home / End 导航，保留原生 table 语义。 */
+    keyboardNavigation: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * @zh 表格的数据
      * @en Table data
@@ -347,21 +355,21 @@ const bt = {
     }
   },
   emits: {
-    "update:selectedKeys": (t) => !0,
-    "update:expandedKeys": (t) => !0,
+    "update:selectedKeys": (l) => !0,
+    "update:expandedKeys": (l) => !0,
     /**
      * @zh 点击展开行时触发
      * @en Triggered when a row is clicked to expand
      * @param {string | number} rowKey
      * @param {TableData} record
      */
-    expand: (t, d) => !0,
+    expand: (l, v) => !0,
     /**
      * @zh 已展开的数据行发生改变时触发
      * @en Triggered when the expanded data row changes
      * @param {(string | number)[]} rowKeys
      */
-    expandedChange: (t) => !0,
+    expandedChange: (l) => !0,
     /**
      * @zh 点击行选择器时触发
      * @en Triggered when the row selector is clicked
@@ -369,45 +377,45 @@ const bt = {
      * @param {string | number} rowKey
      * @param {TableData} record
      */
-    select: (t, d, s) => !0,
+    select: (l, v, h) => !0,
     /**
      * @zh 点击全选选择器时触发
      * @en Triggered when the select all selector is clicked
      * @param {boolean} checked
      */
-    selectAll: (t) => !0,
+    selectAll: (l) => !0,
     /**
      * @zh 已选择的数据行发生改变时触发
      * @en Triggered when the selected data row changes
      * @param {(string | number)[]} rowKeys
      */
-    selectionChange: (t) => !0,
+    selectionChange: (l) => !0,
     /**
      * @zh 排序规则发生改变时触发
      * @en Triggered when the collation changes
      * @param {string} dataIndex
      * @param {string} direction
      */
-    sorterChange: (t, d) => !0,
+    sorterChange: (l, v) => !0,
     /**
      * @zh 过滤选项发生改变时触发
      * @en Triggered when the filter options are changed
      * @param {string} dataIndex
      * @param {string[]} filteredValues
      */
-    filterChange: (t, d) => !0,
+    filterChange: (l, v) => !0,
     /**
      * @zh 表格分页发生改变时触发
      * @en Triggered when the table pagination changes
      * @param {number} page
      */
-    pageChange: (t) => !0,
+    pageChange: (l) => !0,
     /**
      * @zh 表格每页数据数量发生改变时触发
      * @en Triggered when the number of data per page of the table changes
      * @param {number} pageSize
      */
-    pageSizeChange: (t) => !0,
+    pageSizeChange: (l) => !0,
     /**
      * @zh 表格数据发生变化时触发
      * @en Triggered when table data changes
@@ -416,7 +424,7 @@ const bt = {
      * @param {TableData[]} currentData
      * @version 2.40.0 增加 currentData
      */
-    change: (t, d, s) => !0,
+    change: (l, v, h) => !0,
     /**
      * @zh 单元格 hover 进入时触发
      * @en Triggered when hovering into a cell
@@ -424,7 +432,7 @@ const bt = {
      * @param {TableColumnData} column
      * @param {Event} ev
      */
-    cellMouseEnter: (t, d, s) => !0,
+    cellMouseEnter: (l, v, h) => !0,
     /**
      * @zh 单元格 hover 退出时触发
      * @en Triggered when hovering out of a cell
@@ -432,7 +440,7 @@ const bt = {
      * @param {TableColumnData} column
      * @param {Event} ev
      */
-    cellMouseLeave: (t, d, s) => !0,
+    cellMouseLeave: (l, v, h) => !0,
     /**
      * @zh 点击单元格时触发
      * @en Triggered when a cell is clicked
@@ -440,21 +448,21 @@ const bt = {
      * @param {TableColumnData} column
      * @param {Event} ev
      */
-    cellClick: (t, d, s) => !0,
+    cellClick: (l, v, h) => !0,
     /**
      * @zh 点击行数据时触发
      * @en Triggered when row data is clicked
      * @param {TableData} record
      * @param {Event} ev
      */
-    rowClick: (t, d) => !0,
+    rowClick: (l, v) => !0,
     /**
      * @zh 点击表头数据时触发
      * @en Triggered when the header data is clicked
      * @param {TableColumnData} column
      * @param {Event} ev
      */
-    headerClick: (t, d) => !0,
+    headerClick: (l, v) => !0,
     /**
      * @zh 调整列宽时触发
      * @en Triggered when column width is adjusted
@@ -462,14 +470,14 @@ const bt = {
      * @param {number} width
      * @version 2.28.0
      */
-    columnResize: (t, d) => !0,
+    columnResize: (l, v) => !0,
     /**
      * @zh 双击行数据时触发
      * @en Triggered when row data is double clicked
      * @param {TableData} record
      * @param {Event} ev
      */
-    rowDblclick: (t, d) => !0,
+    rowDblclick: (l, v) => !0,
     /**
      * @zh 双击单元格时触发
      * @en Triggered when a cell is double clicked
@@ -477,14 +485,14 @@ const bt = {
      * @param {TableColumnData} column
      * @param {Event} ev
      */
-    cellDblclick: (t, d, s) => !0,
+    cellDblclick: (l, v, h) => !0,
     /**
      * @zh 右击行数据时触发
      * @en Triggered when row data is right clicked
      * @param {TableData} record
      * @param {Event} ev
      */
-    rowContextmenu: (t, d) => !0,
+    rowContextmenu: (l, v) => !0,
     /**
      * @zh 右击单元格时触发
      * @en Triggered when a cell is right clicked
@@ -492,7 +500,7 @@ const bt = {
      * @param {TableColumnData} column
      * @param {Event} ev
      */
-    cellContextmenu: (t, d, s) => !0
+    cellContextmenu: (l, v, h) => !0
   },
   /**
    * @zh 表格列定义。启用时会屏蔽 columns 属性
@@ -585,904 +593,1130 @@ const bt = {
    * @binding {TableColumnData} column
    * @version 2.26.0
    */
-  setup(t, {
-    emit: d,
-    slots: s
+  setup(l, {
+    emit: v,
+    slots: h
   }) {
     const {
-      columns: pt,
-      rowKey: Ae,
-      rowSelection: ue,
-      expandable: xt,
-      loadMore: Ct,
-      filterIconAlignLeft: St,
-      selectedKeys: wt,
-      defaultSelectedKeys: kt,
-      expandedKeys: Rt,
-      defaultExpandedKeys: Et,
-      defaultExpandAllRows: Lt,
-      spanMethod: At,
-      draggable: Bt,
-      summarySpanMethod: Dt,
-      scrollbar: Y,
-      showEmptyTree: Pt
-    } = zl(t), i = pa("table"), {
-      t: Ft
-    } = ya(), A = h(() => Re(t.bordered) ? {
-      ...bt,
-      ...t.bordered
+      columns: Xt,
+      rowKey: Ge,
+      rowSelection: Ce,
+      expandable: Zt,
+      loadMore: el,
+      filterIconAlignLeft: tl,
+      selectedKeys: ll,
+      defaultSelectedKeys: al,
+      expandedKeys: nl,
+      defaultExpandedKeys: rl,
+      defaultExpandAllRows: ol,
+      spanMethod: il,
+      draggable: Je,
+      summarySpanMethod: ul,
+      scrollbar: re,
+      showEmptyTree: Qe
+    } = va(l), d = Xa("table"), {
+      t: sl
+    } = Ja(), j = g(() => qe(l.bordered) ? {
+      ...Qt,
+      ...l.bordered
     } : {
-      ...bt,
-      wrapper: t.bordered
+      ...Qt,
+      wrapper: l.bordered
     }), {
-      children: Be,
-      components: Kt
-    } = va("TableColumn"), Tt = h(() => {
+      children: Xe,
+      components: dl
+    } = Ua("TableColumn"), ke = g(() => {
       var e;
-      return ((e = ue.value) == null ? void 0 : e.checkStrictly) ?? !0;
+      return ((e = Ce.value) == null ? void 0 : e.checkStrictly) ?? !0;
     }), {
-      displayScrollbar: q,
-      scrollbarProps: T
-    } = ba(Y), B = h(() => {
-      var a, n, r, o;
-      const e = !!((a = t.scroll) != null && a.x || (n = t.scroll) != null && n.minWidth), l = !!((r = t.scroll) != null && r.y || (o = t.scroll) != null && o.maxHeight);
+      displayScrollbar: oe,
+      scrollbarProps: X
+    } = Qa(re), N = g(() => {
+      var a, n, r, i;
+      const e = !!((a = l.scroll) != null && a.x || (n = l.scroll) != null && n.minWidth), t = !!((r = l.scroll) != null && r.y || (i = l.scroll) != null && i.maxHeight);
       return {
         x: e,
-        y: l
+        y: t
       };
-    }), ie = p(), $ = p({}), {
-      componentRef: $t,
-      elementRef: zt
-    } = Ee("containerRef"), {
-      componentRef: De,
-      elementRef: J
-    } = Ee("containerRef"), {
-      componentRef: Mt,
-      elementRef: Pe
-    } = Ee("containerRef"), Fe = h(() => z.value ? J.value : zt.value), z = h(() => B.value.y || t.stickyHeader || te.value || B.value.x && b.value.length === 0), se = we(/* @__PURE__ */ new Map()), ce = p();
-    ne([Kt, se], ([e, l]) => {
+    }), Re = A(), Z = A({}), {
+      componentRef: cl,
+      elementRef: fl
+    } = Ye("containerRef"), {
+      componentRef: ie,
+      elementRef: ue
+    } = Ye("containerRef"), {
+      componentRef: hl,
+      elementRef: Ze
+    } = Ye("containerRef"), _ = g(() => ee.value ? ue.value : fl.value), V = g(() => l.stickyHeader !== !1), vl = Za(), gl = `${ga()}-row-selection`, ee = g(() => N.value.y || V.value || !!l.virtualListProps || N.value.x && p.value.length === 0), Pe = _e(/* @__PURE__ */ new Map()), Le = A();
+    J([dl, Pe], ([e, t]) => {
       if (e.length > 0) {
         const a = [];
         e.forEach((n) => {
-          const r = l.get(n);
+          const r = t.get(n);
           r && a.push(r);
-        }), ce.value = a;
+        }), Le.value = a;
       } else
-        ce.value = void 0;
+        Le.value = void 0;
+    });
+    const se = /* @__PURE__ */ new Map(), m = A([]), Ae = A([]), {
+      resizingColumn: ml,
+      columnWidth: q,
+      handleThMouseDown: yl,
+      handleThKeyDown: bl
+    } = Na(Z, v, (e) => {
+      var t;
+      return ((t = se.get(e)) == null ? void 0 : t.minWidth) ?? 40;
     });
-    const de = /* @__PURE__ */ new Map(), v = p([]), fe = p([]), {
-      resizingColumn: Wt,
-      columnWidth: D,
-      handleThMouseDown: Ot
-    } = da($, d);
-    ne([pt, ce, D], ([e, l]) => {
-      const a = Gl(l ?? e ?? [], de, D);
-      v.value = a.dataColumns, fe.value = a.groupColumns;
+    J([Xt, Le, q], ([e, t]) => {
+      const a = ka(t ?? e ?? [], se, q);
+      m.value = a.dataColumns, Ae.value = a.groupColumns;
     }, {
       immediate: !0,
       deep: !0
     });
-    const me = h(() => ["tl", "top", "tr"].includes(t.pagePosition)), M = p(!1), W = p(!1), he = p(!1);
-    Ml(() => {
-      var n, r, o;
-      let e = !1, l = !1, a = !1;
-      ((n = t.rowSelection) != null && n.fixed || (r = t.expandable) != null && r.fixed || (o = t.draggable) != null && o.fixed) && (e = !0);
-      for (const c of v.value)
-        c.fixed === "left" ? (e = !0, a = !0) : c.fixed === "right" && (l = !0);
-      e !== M.value && (M.value = e), l !== W.value && (W.value = l), a !== he.value && (he.value = a);
+    const Ee = g(() => ["tl", "top", "tr"].includes(l.pagePosition)), te = A(!1), le = A(!1), Te = A(!1);
+    ma(() => {
+      var n, r, i;
+      let e = !1, t = !1, a = !1;
+      ((n = l.rowSelection) != null && n.fixed || (r = l.expandable) != null && r.fixed || (i = l.draggable) != null && i.fixed) && (e = !0);
+      for (const o of m.value)
+        o.fixed === "left" ? (e = !0, a = !0) : o.fixed === "right" && (t = !0);
+      e !== te.value && (te.value = e), t !== le.value && (le.value = t), a !== Te.value && (Te.value = a);
     });
-    const jt = h(() => {
-      for (const e of v.value)
+    const pl = g(() => {
+      for (const e of m.value)
         if (e.ellipsis)
           return !0;
       return !1;
     }), O = (e) => {
-      const l = {
+      const t = {
         type: e,
-        page: _.value,
-        pageSize: F.value,
-        sorter: j.value,
-        filters: P.value,
-        dragTarget: e === "drag" ? I.data : void 0
+        page: D.value,
+        pageSize: k.value,
+        sorter: lt.value,
+        sorters: de.value,
+        filters: Y.value,
+        dragTarget: e === "drag" ? S.data : void 0
       };
-      d("change", He.value, l, R.value);
-    }, Ke = (e, l) => {
-      Ht.value = {
-        ...P.value,
-        [e]: l
-      }, ge(), d("filterChange", e, l), O("filter");
-    }, Te = (e, l) => {
-      Vt.value = l ? {
-        field: e,
-        direction: l
-      } : void 0, ge(), d("sorterChange", e, l), O("sorter");
+      v("change", ct.value, t, _t(E.value));
+    }, et = (e, t) => {
+      Sl.value = {
+        ...Y.value,
+        [e]: t
+      }, $e(), v("filterChange", e, t), O("filter");
+    }, xl = (e, t) => {
+      kl(e, t), tt(e, t);
+    }, tt = (e, t) => {
+      $e(), v("sorterChange", e, t), O("sorter");
     }, {
-      _filters: Ht,
-      computedFilters: P,
-      resetFilters: It,
-      clearFilters: _t
-    } = ma({
-      columns: v,
-      onFilterChange: Ke
+      _filters: Sl,
+      computedFilters: Y,
+      resetFilters: wl,
+      clearFilters: Cl
+    } = Va({
+      columns: m,
+      onFilterChange: et
     }), {
-      _sorter: Vt,
-      computedSorter: j,
-      resetSorters: Nt,
-      clearSorters: Gt
-    } = ha({
-      columns: v,
-      onSorterChange: Te
-    }), $e = /* @__PURE__ */ new Set(), Ut = h(() => {
+      computedSorter: lt,
+      computedSorters: de,
+      setSorter: kl,
+      resetSorters: Rl,
+      clearSorters: Pl
+    } = qa({
+      columns: m,
+      onSorterChange: tt
+    }), at = /* @__PURE__ */ new Set(), Ke = _e(/* @__PURE__ */ new WeakMap()), Ll = g(() => {
       const e = [];
-      $e.clear();
-      const l = (a) => {
-        if (_l(a) && a.length > 0)
-          for (const n of a)
-            e.push(n[Ae.value]), n.disabled && $e.add(n[Ae.value]), n.children && l(n.children);
+      at.clear();
+      const t = (a) => {
+        if (Sa(a) && a.length > 0)
+          for (const n of a) {
+            e.push(n[Ge.value]), n.disabled && at.add(n[Ge.value]);
+            const r = n.children ?? Ke.get(n);
+            r && t(r);
+          }
       };
-      return l(t.data), e;
-    }), Yt = h(() => {
-      const e = [], l = (a) => {
+      return t(l.data), e;
+    }), Al = g(() => {
+      const e = [], t = (a) => {
         for (const n of a)
-          e.push(n.key), n.children && l(n.children);
+          e.push(n.key), n.children && t(n.children);
       };
-      return l(b.value), e;
-    }), ze = h(() => {
-      const e = [], l = (a) => {
+      return t(p.value), e;
+    }), nt = g(() => {
+      const e = [], t = (a) => {
         for (const n of a)
-          n.disabled || e.push(n.key), n.children && l(n.children);
+          !n.disabled && (ke.value || n.isLeaf) && e.push(n.key), n.children && t(n.children);
       };
-      return l(b.value), e;
+      return t(p.value), e;
     }), {
-      selectedRowKeys: qt,
-      currentSelectedRowKeys: Me,
-      handleSelect: Jt,
-      handleSelectAllLeafs: Qt,
-      handleSelectAll: Xt,
-      select: Zt,
-      selectAll: el,
-      clearSelected: tl
-    } = Jl({
-      selectedKeys: wt,
-      defaultSelectedKeys: kt,
-      rowSelection: ue,
-      currentAllRowKeys: Yt,
-      currentAllEnabledRowKeys: ze,
-      emit: d
+      isRadio: El,
+      selectedRowKeys: Tl,
+      currentSelectedRowKeys: De,
+      handleSelect: Kl,
+      handleSelectAllLeafs: Dl,
+      handleSelectAll: Bl,
+      select: $l,
+      selectAll: Ml,
+      clearSelected: zl
+    } = Ea({
+      selectedKeys: ll,
+      defaultSelectedKeys: al,
+      rowSelection: Ce,
+      currentAllRowKeys: Al,
+      currentAllEnabledRowKeys: nt,
+      emit: v
     }), {
-      expandedRowKeys: We,
-      handleExpand: ll,
-      expand: al,
-      expandAll: nl
-    } = Ql({
-      expandedKeys: Rt,
-      defaultExpandedKeys: Et,
-      defaultExpandAllRows: Lt,
-      expandable: xt,
-      allRowKeys: Ut,
-      emit: d
-    }), ve = we({}), rl = (e, l) => {
-      e && (ve[l.key] = e);
-    }, ol = (e) => {
-      var l, a;
-      for (const n of Object.keys(P.value)) {
-        const r = P.value[n], o = de.get(n);
-        if (o && ((l = o.filterable) != null && l.filter) && r.length > 0) {
-          const c = (a = o.filterable) == null ? void 0 : a.filter(r, e.raw);
-          if (!c)
-            return c;
+      expandedRowKeys: ce,
+      handleExpand: Fl,
+      expand: Wl,
+      expandAll: Ol
+    } = Ta({
+      expandedKeys: nl,
+      defaultExpandedKeys: rl,
+      defaultExpandAllRows: ol,
+      expandable: Zt,
+      allRowKeys: Ll,
+      emit: v
+    }), rt = (e, t) => {
+      e && Ke.set(t.raw, e);
+    }, Be = /* @__PURE__ */ new WeakMap();
+    let ot = !0;
+    It(() => {
+      ot = !1;
+    });
+    const Il = (e) => {
+      const t = Be.get(e.raw);
+      if (t) return t;
+      const a = new Promise((n, r) => {
+        var i;
+        Promise.resolve((i = l.loadMore) == null ? void 0 : i.call(l, e.raw, n)).catch(r);
+      }).then((n) => (ot && rt(n, e), n)).finally(() => Be.delete(e.raw));
+      return Be.set(e.raw, a), a;
+    }, Hl = (e) => {
+      var t, a;
+      for (const n of Object.keys(Y.value)) {
+        const r = Y.value[n], i = se.get(n);
+        if (i && ((t = i.filterable) != null && t.filter) && r.length > 0) {
+          const o = (a = i.filterable) == null ? void 0 : a.filter(r, e.raw);
+          if (!o)
+            return o;
         }
       }
       return !0;
     }, {
-      dragType: H,
-      dragState: I,
-      handleDragStart: ul,
-      handleDragEnter: il,
-      handleDragover: sl,
-      handleDragEnd: cl,
-      handleDrop: dl
-    } = ca(Bt), Oe = h(() => {
-      const e = (l) => {
+      beginDrag: it,
+      clearDragState: ut,
+      dragType: T,
+      dragState: S,
+      handleDragStart: jl,
+      handleDragEnter: Nl,
+      handleDragover: _l,
+      handleDragEnd: Vl,
+      handleDrop: ql
+    } = ja(Je), st = g(() => {
+      const e = (t) => {
         const a = [];
-        for (const n of l) {
+        for (const n of t) {
           const r = {
             raw: n,
-            key: n[t.rowKey],
+            key: n[l.rowKey],
             disabled: n.disabled,
             expand: n.expand,
             isLeaf: n.isLeaf
           };
-          n.children ? (r.isLeaf = !1, r.children = e(n.children)) : t.loadMore && !n.isLeaf ? (r.isLeaf = !1, ve[r.key] && (r.children = e(ve[r.key]))) : r.isLeaf = !0, r.hasSubtree = !!(r.children ? !t.hideExpandButtonOnEmpty || r.children.length > 0 : t.loadMore && !r.isLeaf), a.push(r);
+          if (n.children)
+            r.isLeaf = n.children.length === 0, r.children = e(n.children);
+          else if (l.loadMore && !n.isLeaf) {
+            r.isLeaf = !1;
+            const i = Ke.get(n);
+            i && (r.children = e(i), r.isLeaf = i.length === 0);
+          } else
+            r.isLeaf = !0;
+          r.hasSubtree = !!(r.children ? !l.hideExpandButtonOnEmpty || r.children.length > 0 : l.loadMore && !r.isLeaf), a.push(r);
         }
         return a;
       };
-      return e(t.data ?? []);
-    }), je = h(() => {
-      const e = (l) => l.reduce((a, n) => (ol(n) && a.push({
+      return e(l.data ?? []);
+    }), dt = g(() => {
+      const e = (t) => t.reduce((a, n) => (Hl(n) && a.push({
         ...n,
         children: n.children ? e(n.children) : void 0
       }), a), []);
-      return Object.keys(P.value).length > 0 ? e(Oe.value) : Oe.value;
-    }), R = h(() => {
-      var l, a;
-      const e = Ul(je.value);
+      return Object.keys(Y.value).length > 0 ? e(st.value) : st.value;
+    }), E = g(() => {
+      var t;
+      const e = Ra(dt.value);
       if (e.length > 0) {
-        if ((l = j.value) != null && l.field) {
-          const o = de.get(j.value.field);
-          if (o && ((a = o.sortable) == null ? void 0 : a.sorter) !== !0) {
-            const {
-              field: c,
-              direction: m
-            } = j.value;
-            e.sort((g, w) => {
-              var f;
-              const x = Le(g.raw, c), ae = Le(w.raw, c);
-              if ((f = o.sortable) != null && f.sorter && K(o.sortable.sorter))
-                return o.sortable.sorter(g.raw, w.raw, {
-                  dataIndex: c,
-                  direction: m
+        if (de.value.length) {
+          const r = (o, u) => {
+            var f, x;
+            for (const {
+              field: R,
+              direction: K
+            } of de.value) {
+              const P = se.get(R);
+              if (!P || ((f = P.sortable) == null ? void 0 : f.sorter) === !0) continue;
+              const z = Ue(o.raw, R), H = Ue(u.raw, R);
+              if ((x = P.sortable) != null && x.sorter && Q(P.sortable.sorter)) {
+                const c = P.sortable.sorter(o.raw, u.raw, {
+                  dataIndex: R,
+                  direction: K
                 });
-              const N = x === ae ? 0 : x > ae ? 1 : -1;
-              return m === "descend" ? -N : N;
+                if (c) return c;
+                continue;
+              }
+              const y = z === H ? 0 : z > H ? 1 : -1;
+              if (y) return K === "descend" ? -y : y;
+            }
+            return 0;
+          }, i = (o) => {
+            o.sort(r), o.forEach((u) => {
+              u.children && i(u.children);
             });
-          }
+          };
+          i(e);
         }
         const {
-          sourcePath: n,
-          targetPath: r
-        } = I;
-        if (I.dragging && r.length && r.toString() !== n.toString() && n.length === r.length && n.slice(0, -1).toString() === r.slice(0, -1).toString()) {
-          let o = e;
-          for (let c = 0; c < n.length; c++) {
-            const m = n[c];
-            if (c >= n.length - 1) {
-              const w = o[m], x = r[c];
-              x > m ? (o.splice(x + 1, 0, w), o.splice(m, 1)) : (o.splice(x, 0, w), o.splice(m + 1, 1));
+          sourcePath: a,
+          targetPath: n
+        } = S;
+        if (S.dragging && n.length && n.toString() !== a.toString() && a.length === n.length && a.slice(0, -1).toString() === n.slice(0, -1).toString()) {
+          let r = e;
+          for (let i = 0; i < a.length; i++) {
+            const o = a[i];
+            if (i >= a.length - 1) {
+              const f = r[o], x = n[i];
+              if (!f || !r[x]) break;
+              x > o ? (r.splice(x + 1, 0, f), r.splice(o, 1)) : (r.splice(x, 0, f), r.splice(o + 1, 1));
             } else
-              o = o[m].children ?? [];
+              r = ((t = r[o]) == null ? void 0 : t.children) ?? [];
           }
         }
       }
       return e;
     }), {
-      page: _,
-      pageSize: F,
-      handlePageChange: fl,
-      handlePageSizeChange: ml,
-      resetPage: ge,
-      clampPage: hl
-    } = Xl(t, d);
-    ne(() => [R.value.length, F.value], ([e]) => hl(e), {
+      page: D,
+      pageSize: k,
+      handlePageChange: Yl,
+      handlePageSizeChange: Ul,
+      resetPage: $e,
+      clampPage: Gl
+    } = Ka(l, v);
+    J(() => [E.value.length, k.value], ([e]) => Gl(e), {
       immediate: !0
     });
     const {
-      mergedSize: vl
-    } = ga(Wl(t, "size"), {
+      mergedSize: Jl
+    } = Ga(Ht(l, "size"), {
       defaultValue: "large"
-    }), gl = h(() => {
+    }), Ql = g(() => {
       var e;
-      return ((e = ue.value) == null ? void 0 : e.onlyCurrent) ?? !1;
+      return ((e = Ce.value) == null ? void 0 : e.onlyCurrent) ?? !1;
     });
-    ne(_, (e, l) => {
-      e !== l && gl.value && tl();
+    J(D, (e, t) => {
+      e !== t && Ql.value && zl();
     });
-    const b = h(() => t.pagination && R.value.length > F.value ? R.value.slice((_.value - 1) * F.value, _.value * F.value) : R.value), He = h(() => Yl(b.value)), yl = () => v.value.reduce((e, l, a) => {
-      if (l.dataIndex)
+    const p = g(() => l.pagination && E.value.length > k.value ? E.value.slice((D.value - 1) * k.value, D.value * k.value) : E.value), ct = g(() => _t(p.value)), Xl = () => m.value.reduce((e, t, a) => {
+      if (t.dataIndex)
         if (a === 0)
-          yt(e, l.dataIndex, t.summaryText ?? Ft("table.summaryText"), {
+          Jt(e, t.dataIndex, l.summaryText ?? sl("table.summaryText"), {
             addPath: !0
           });
         else {
           let n = 0, r = !1;
-          b.value.forEach((o) => {
-            if (l.dataIndex) {
-              const c = Le(o.raw, l.dataIndex);
-              L(c) ? n += c : !Vl(c) && !Nl(c) && (r = !0);
+          p.value.forEach((i) => {
+            if (t.dataIndex) {
+              const o = Ue(i.raw, t.dataIndex);
+              W(o) ? n += o : !wa(o) && !Ca(o) && (r = !0);
             }
-          }), yt(e, l.dataIndex, r ? "" : n, {
+          }), Jt(e, t.dataIndex, r ? "" : n, {
             addPath: !0
           });
         }
       return e;
-    }, {}), Ie = (e) => e && e.length > 0 ? e.map((l) => ({
-      raw: l,
-      key: l[t.rowKey]
-    })) : [], S = h(() => t.summary ? K(t.summary) ? Ie(t.summary({
-      columns: v.value,
-      data: He.value
-    })) : Ie([yl()]) : []), Q = p(0), X = p(!0), Z = p(!0), ye = () => {
-      let e = !0, l = !0;
-      const a = Fe.value;
-      a && (e = Q.value === 0, l = Math.ceil(Q.value + a.offsetWidth) >= a.scrollWidth), e !== X.value && (X.value = e), l !== Z.value && (Z.value = l);
-    }, bl = () => X.value && Z.value ? i.modifier("scroll-position-both") : X.value ? i.modifier("scroll-position-left") : Z.value ? i.modifier("scroll-position-right") : i.modifier("scroll-position-middle"), pl = () => {
+    }, {}), ft = (e) => e && e.length > 0 ? e.map((t) => ({
+      raw: t,
+      key: t[l.rowKey]
+    })) : [], $ = g(() => l.summary ? Q(l.summary) ? ft(l.summary({
+      columns: m.value,
+      data: ct.value
+    })) : ft([Xl()]) : []), fe = A(0), he = A(!0), ve = A(!0), Me = () => {
+      let e = !0, t = !0;
+      const a = _.value;
+      a && (e = fe.value === 0, t = Math.ceil(fe.value + a.offsetWidth) >= a.scrollWidth), e !== he.value && (he.value = e), t !== ve.value && (ve.value = t);
+    }, Zl = () => he.value && ve.value ? d.modifier("scroll-position-both") : he.value ? d.modifier("scroll-position-left") : ve.value ? d.modifier("scroll-position-right") : d.modifier("scroll-position-middle"), ea = () => {
       const e = [];
-      return M.value && e.push(i.modifier("has-fixed-col-left")), W.value && e.push(i.modifier("has-fixed-col-right")), e;
-    }, _e = (e) => {
-      e.target.scrollLeft !== Q.value && (Q.value = e.target.scrollLeft), ye();
-    }, Ve = (e) => {
-      _e(e);
+      return te.value && e.push(d.modifier("has-fixed-col-left")), le.value && e.push(d.modifier("has-fixed-col-right")), e;
+    }, ht = (e) => {
+      e.target.scrollLeft !== fe.value && (fe.value = e.target.scrollLeft), Me();
+    }, vt = (e) => {
+      ht(e);
       const {
-        scrollLeft: l
+        scrollLeft: t
       } = e.target;
-      Pe.value && (Pe.value.scrollLeft = l), ie.value && (ie.value.scrollLeft = l);
-    }, Ne = (e, l) => {
-      d("rowClick", e.raw, l);
-    }, xl = (e, l) => {
-      d("rowDblclick", e.raw, l);
-    }, Cl = (e, l) => {
-      d("rowContextmenu", e.raw, l);
-    }, Ge = (e, l, a) => {
-      d("cellClick", e.raw, l, a);
-    }, Ue = ft((e, l, a) => {
-      d("cellMouseEnter", e.raw, l, a);
-    }, 30), Ye = ft((e, l, a) => {
-      d("cellMouseLeave", e.raw, l, a);
-    }, 30), qe = (e, l, a) => {
-      d("cellDblclick", e.raw, l, a);
-    }, Je = (e, l, a) => {
-      d("cellContextmenu", e.raw, l, a);
-    }, Sl = (e, l) => {
-      d("headerClick", e, l);
-    }, y = h(() => {
-      var c, m;
-      const e = [], l = M.value || W.value;
+      Ze.value && (Ze.value.scrollLeft = t), Re.value && (Re.value.scrollLeft = t);
+    }, gt = (e, t) => {
+      v("rowClick", e.raw, t);
+    }, ta = (e, t) => {
+      v("rowDblclick", e.raw, t);
+    }, la = (e, t) => {
+      v("rowContextmenu", e.raw, t);
+    }, mt = (e, t, a) => {
+      v("cellClick", e.raw, t, a);
+    }, yt = Nt((e, t, a) => {
+      v("cellMouseEnter", e.raw, t, a);
+    }, 30), bt = Nt((e, t, a) => {
+      v("cellMouseLeave", e.raw, t, a);
+    }, 30), pt = (e, t, a) => {
+      v("cellDblclick", e.raw, t, a);
+    }, xt = (e, t, a) => {
+      v("cellContextmenu", e.raw, t, a);
+    }, aa = (e, t) => {
+      v("headerClick", e, t);
+    }, b = g(() => {
+      var o, u;
+      const e = [], t = te.value || le.value;
       let a, n, r;
-      ((c = t.draggable) == null ? void 0 : c.type) === "handle" && (a = {
+      ((o = l.draggable) == null ? void 0 : o.type) === "handle" && (a = {
         name: "drag-handle",
-        title: t.draggable.title,
-        width: t.draggable.width,
-        fixed: t.draggable.fixed || l
-      }, e.push(a)), t.expandable && (n = {
+        title: l.draggable.title,
+        width: l.draggable.width,
+        fixed: l.draggable.fixed || t
+      }, e.push(a)), l.expandable && (n = {
         name: "expand",
-        title: t.expandable.title,
-        width: t.expandable.width,
-        fixed: t.expandable.fixed || l
-      }, e.push(n)), t.rowSelection && (r = {
-        name: t.rowSelection.type === "radio" ? "selection-radio" : "selection-checkbox",
-        title: t.rowSelection.title,
-        width: t.rowSelection.width,
-        fixed: t.rowSelection.fixed || l
-      }, e.push(r)), !he.value && e.length > 0 && e[e.length - 1].fixed && (e[e.length - 1].isLastLeftFixed = !0);
-      const o = (m = t.components) == null ? void 0 : m.operations;
-      return K(o) ? o({
+        title: l.expandable.title,
+        width: l.expandable.width,
+        fixed: l.expandable.fixed || t
+      }, e.push(n)), l.rowSelection && (r = {
+        name: l.rowSelection.type === "radio" ? "selection-radio" : "selection-checkbox",
+        title: l.rowSelection.title,
+        width: l.rowSelection.width,
+        fixed: l.rowSelection.fixed || t
+      }, e.push(r)), !Te.value && e.length > 0 && e[e.length - 1].fixed && (e[e.length - 1].isLastLeftFixed = !0);
+      const i = (u = l.components) == null ? void 0 : u.operations;
+      return Q(i) ? i({
         dragHandle: a,
         expand: n,
         selection: r
       }) : e;
-    }), wl = h(() => {
-      var e, l, a, n;
-      if (B.value.x) {
+    }), na = g(() => {
+      var e, t, a, n;
+      if (N.value.x) {
         const r = {
-          width: L((e = t.scroll) == null ? void 0 : e.x) ? `${(l = t.scroll) == null ? void 0 : l.x}px` : (a = t.scroll) == null ? void 0 : a.x
+          width: W((e = l.scroll) == null ? void 0 : e.x) ? `${(t = l.scroll) == null ? void 0 : t.x}px` : (a = l.scroll) == null ? void 0 : a.x
         };
-        return (n = t.scroll) != null && n.minWidth && (r.minWidth = L(t.scroll.minWidth) ? `${t.scroll.minWidth}px` : t.scroll.minWidth), r;
+        return (n = l.scroll) != null && n.minWidth && (r.minWidth = W(l.scroll.minWidth) ? `${l.scroll.minWidth}px` : l.scroll.minWidth), r;
       }
-    }), ee = h(() => {
-      var e, l, a, n;
-      if (B.value.x && b.value.length > 0) {
+    }), ge = g(() => {
+      var e, t, a, n;
+      if (N.value.x && p.value.length > 0) {
         const r = {
-          width: L((e = t.scroll) == null ? void 0 : e.x) ? `${(l = t.scroll) == null ? void 0 : l.x}px` : (a = t.scroll) == null ? void 0 : a.x
+          width: W((e = l.scroll) == null ? void 0 : e.x) ? `${(t = l.scroll) == null ? void 0 : t.x}px` : (a = l.scroll) == null ? void 0 : a.x
         };
-        return (n = t.scroll) != null && n.minWidth && (r.minWidth = L(t.scroll.minWidth) ? `${t.scroll.minWidth}px` : t.scroll.minWidth), r;
+        return (n = l.scroll) != null && n.minWidth && (r.minWidth = W(l.scroll.minWidth) ? `${l.scroll.minWidth}px` : l.scroll.minWidth), r;
       }
     });
-    Ol(fa, we({
-      loadMore: Ct,
-      addLazyLoadData: rl,
-      slots: s,
-      sorter: j,
-      filters: P,
-      filterIconAlignLeft: St,
-      resizingColumn: Wt,
-      checkStrictly: Tt,
-      currentAllEnabledRowKeys: ze,
-      currentSelectedRowKeys: Me,
-      addColumn: (e, l) => {
-        se.set(e, l);
+    ya(_a, _e({
+      loadMore: el,
+      addLazyLoadData: rt,
+      loadChildren: Il,
+      slots: h,
+      sorter: lt,
+      sorters: de,
+      filters: Y,
+      filterIconAlignLeft: tl,
+      resizingColumn: ml,
+      selectionName: gl,
+      checkStrictly: ke,
+      currentAllEnabledRowKeys: nt,
+      currentSelectedRowKeys: De,
+      expandedRowKeys: ce,
+      addColumn: (e, t) => {
+        Pe.set(e, t);
       },
       removeColumn: (e) => {
-        se.delete(e);
+        Pe.delete(e);
       },
-      onSelectAll: Xt,
-      onSelect: Jt,
-      onSelectAllLeafs: Qt,
-      onSorterChange: Te,
-      onFilterChange: Ke,
-      onThMouseDown: Ot
+      onSelectAll: Bl,
+      onSelect: Kl,
+      onSelectAllLeafs: Dl,
+      onSorterChange: xl,
+      onFilterChange: et,
+      onThMouseDown: yl,
+      onThKeyDown: bl
     }));
-    const Qe = h(() => [i.block, i.modifier(`size-${vl.value}`), {
-      [i.modifier("border")]: A.value.wrapper,
-      [i.modifier("border-cell")]: A.value.cell,
-      [i.modifier("border-header-cell")]: !A.value.cell && A.value.headerCell,
-      [i.modifier("border-body-cell")]: !A.value.cell && A.value.bodyCell,
-      [i.modifier("stripe")]: t.stripe,
-      [i.modifier("hover")]: t.hoverable,
-      [i.modifier("dragging")]: I.dragging,
-      [i.modifier("type-selection")]: !!t.rowSelection,
-      [i.modifier("empty")]: t.data && b.value.length === 0,
-      [i.modifier("layout-fixed")]: t.tableLayoutFixed || B.value.x || z.value || jt.value
-    }]), kl = h(() => [i.modifier("pagination"), {
-      [i.modifier("pagination-left")]: t.pagePosition === "tl" || t.pagePosition === "bl",
-      [i.modifier("pagination-center")]: t.pagePosition === "top" || t.pagePosition === "bottom",
-      [i.modifier("pagination-right")]: t.pagePosition === "tr" || t.pagePosition === "br",
-      [i.modifier("pagination-top")]: me.value
-    }]), Rl = h(() => {
-      const e = pl();
-      return B.value.x && e.push(bl()), z.value && e.push(i.modifier("scroll-y")), e;
-    }), te = h(() => !!t.virtualListProps), be = p({}), Xe = () => {
+    const St = g(() => [d.block, d.modifier(`size-${Jl.value}`), {
+      [d.modifier("border")]: j.value.wrapper,
+      [d.modifier("border-cell")]: j.value.cell,
+      [d.modifier("border-header-cell")]: !j.value.cell && j.value.headerCell,
+      [d.modifier("border-body-cell")]: !j.value.cell && j.value.bodyCell,
+      [d.modifier("stripe")]: l.stripe,
+      [d.modifier("hover")]: l.hoverable,
+      [d.modifier("dragging")]: S.dragging,
+      [d.modifier("type-selection")]: !!l.rowSelection,
+      [d.modifier("empty")]: l.data && p.value.length === 0,
+      [d.modifier("layout-fixed")]: l.tableLayoutFixed || N.value.x || ee.value || pl.value,
+      [d.modifier("virtualized")]: U.value,
+      [d.modifier("sticky-header")]: V.value
+    }]), ra = g(() => [d.modifier("pagination"), {
+      [d.modifier("pagination-left")]: l.pagePosition === "tl" || l.pagePosition === "bl",
+      [d.modifier("pagination-center")]: l.pagePosition === "top" || l.pagePosition === "bottom",
+      [d.modifier("pagination-right")]: l.pagePosition === "tr" || l.pagePosition === "br",
+      [d.modifier("pagination-top")]: Ee.value
+    }]), oa = g(() => {
+      const e = ea();
+      return N.value.x && e.push(Zl()), ee.value && e.push(d.modifier("scroll-y")), e;
+    }), U = g(() => !!l.virtualListProps && !l.spanMethod), I = A({}), ze = g(() => m.value.map((e) => ({
+      ...e,
+      _resizeWidth: e.dataIndex && I.value[e.dataIndex] > 0 ? I.value[e.dataIndex] : e._resizeWidth
+    }))), G = g(() => b.value.map((e) => ({
+      ...e,
+      width: I.value[e.name] > 0 ? I.value[e.name] : e.width
+    }))), me = () => {
       const e = {};
-      for (const l of Object.keys($.value))
-        e[l] = $.value[l].offsetWidth;
-      be.value = e;
-    }, V = p(!1), Ze = () => J.value ? J.value.offsetWidth > J.value.clientWidth : !1, El = () => {
-      const e = Ze();
-      V.value !== e && (V.value = e), ye(), Xe();
+      for (const a of Object.keys(Z.value))
+        e[a] = Z.value[a].getBoundingClientRect().width;
+      const t = _.value;
+      for (const a of (t == null ? void 0 : t.querySelectorAll("[data-x-table-column]")) ?? []) {
+        const n = a.dataset.xTableColumn;
+        n && !e[n] && a.getAttribute("colspan") === null && (e[n] = a.getBoundingClientRect().width);
+      }
+      I.value = e;
+    };
+    J([m, b, () => l.showHeader], () => {
+      jt(() => me());
+    }, {
+      flush: "post"
+    });
+    const ae = A(!1), wt = () => ue.value ? ue.value.offsetWidth > ue.value.clientWidth : !1, ia = () => {
+      const e = wt();
+      ae.value !== e && (ae.value = e), Me(), me();
     };
-    jl(() => {
-      V.value = Ze(), Xe();
+    ba(() => {
+      ae.value = wt(), me();
     });
-    const Ll = h(() => Re(t.loading) ? t.loading : {
-      loading: t.loading,
-      dot: "color"
-    }), et = () => u(U, {
+    const Fe = g(() => qe(l.loading) ? l.loading : {
+      loading: l.loading
+    }), Ct = () => s(ne, {
       empty: !0
     }, {
-      default: () => [u(oe, {
-        colSpan: v.value.length + y.value.length
+      default: () => [s(we, {
+        colSpan: m.value.length + b.value.length
       }, {
         default: () => {
           var e;
-          return [((e = s.empty) == null ? void 0 : e.call(s)) ?? u(aa, {
+          return [((e = h.empty) == null ? void 0 : e.call(h)) ?? s(za, {
             component: "table"
           }, null)];
         }
       })]
-    }), Al = (e) => {
-      var l;
+    }), We = (e) => {
+      var t;
       if (e.expand)
-        return K(e.expand) ? e.expand() : e.expand;
-      if (s["expand-row"])
-        return s["expand-row"]({
+        return Q(e.expand) ? e.expand() : e.expand;
+      if (h["expand-row"])
+        return h["expand-row"]({
           record: e.raw
         });
-      if ((l = t.expandable) != null && l.expandedRowRender)
-        return t.expandable.expandedRowRender(e.raw);
-    }, tt = h(() => [].concat(y.value, v.value)), Bl = h(() => t.spanAll ? tt.value : v.value), {
-      tableSpan: lt,
-      removedCells: at
-    } = vt({
-      spanMethod: At,
-      data: b,
-      columns: Bl
+      if ((t = l.expandable) != null && t.expandedRowRender)
+        return l.expandable.expandedRowRender(e.raw);
+    }, kt = g(() => [].concat(b.value, m.value)), ua = g(() => l.spanAll ? kt.value : m.value), {
+      tableSpan: Rt,
+      removedCells: ye
+    } = Ut({
+      spanMethod: il,
+      data: p,
+      columns: ua
     }), {
-      tableSpan: nt,
-      removedCells: rt
-    } = vt({
-      spanMethod: Dt,
-      data: S,
-      columns: tt
-    }), le = (e) => {
-      if (!(!te.value || !e || !be.value[e]))
+      tableSpan: Pt,
+      removedCells: Lt
+    } = Ut({
+      spanMethod: ul,
+      data: $,
+      columns: kt
+    }), be = (e) => {
+      if (!(!U.value || !e || !I.value[e]))
         return {
-          width: `${be.value[e]}px`
+          width: `${I.value[e]}px`
         };
-    }, Dl = (e, l) => u(U, {
-      key: `table-summary-${l}`,
-      class: [i.element("tr-summary"), K(t.rowClass) ? t.rowClass(e.raw, l) : t.rowClass],
-      onClick: (a) => Ne(e, a)
+    }, sa = (e, t) => s(ne, {
+      key: `table-summary-${t}`,
+      class: [d.element("tr-summary"), Q(l.rowClass) ? l.rowClass(e.raw, t) : l.rowClass],
+      onClick: (a) => gt(e, a)
     }, {
-      default: () => [y.value.map((a, n) => {
-        const r = `${l}-${n}-${e.key}`, [o, c] = nt.value[r] ?? [1, 1];
-        if (rt.value.includes(r))
+      default: () => [b.value.map((a, n) => {
+        const r = `${t}-${n}-${e.key}`, [i, o] = Pt.value[r] ?? [1, 1];
+        if (Lt.value.includes(r))
           return null;
-        const m = le(a.name);
-        return u(mt, {
-          style: m,
+        const u = be(a.name);
+        return s(Vt, {
+          style: u,
           operationColumn: a,
-          operations: y.value,
+          operations: G.value,
           record: e,
-          rowSpan: o,
-          colSpan: c,
+          rowSpan: i,
+          colSpan: o,
           summary: !0
         }, null);
-      }), v.value.map((a, n) => {
-        const r = `${l}-${y.value.length + n}-${e.key}`, [o, c] = nt.value[r] ?? [1, 1];
-        if (rt.value.includes(r))
+      }), m.value.map((a, n) => {
+        const r = `${t}-${b.value.length + n}-${e.key}`, [i, o] = Pt.value[r] ?? [1, 1];
+        if (Lt.value.includes(r))
           return null;
-        const m = le(a.dataIndex);
-        return u(oe, {
+        const u = be(a.dataIndex);
+        return s(we, {
           key: `td-${r}`,
-          style: m,
-          rowIndex: l,
+          style: u,
+          rowIndex: t,
           record: e,
           column: a,
-          operations: y.value,
-          dataColumns: v.value,
-          rowSpan: o,
-          colSpan: c,
+          operations: G.value,
+          dataColumns: ze.value,
+          rowSpan: i,
+          colSpan: o,
           summary: !0,
-          onClick: (g) => Ge(e, a, g),
-          onDblclick: (g) => qe(e, a, g),
-          onMouseenter: (g) => Ue(e, a, g),
-          onMouseleave: (g) => Ye(e, a, g),
-          onContextmenu: (g) => Je(e, a, g)
+          onClick: (f) => mt(e, a, f),
+          onDblclick: (f) => pt(e, a, f),
+          onMouseenter: (f) => yt(e, a, f),
+          onMouseleave: (f) => bt(e, a, f),
+          onContextmenu: (f) => xt(e, a, f)
         }, {
-          td: s.td,
-          cell: s["summary-cell"]
+          td: h.td,
+          cell: h["summary-cell"]
         });
       })],
-      tr: s.tr
-    }), ot = () => S.value && S.value.length > 0 ? u("tfoot", null, [S.value.map((e, l) => Dl(e, l))]) : null, ut = (e, l = !0) => {
-      var r, o, c;
-      const a = e.key, n = We.value.includes(a);
-      return u("button", {
+      tr: h.tr
+    }), At = () => $.value && $.value.length > 0 ? s("tfoot", null, [$.value.map((e, t) => sa(e, t))]) : null, Et = (e, t = !0, a = !1) => {
+      var i, o, u;
+      const n = e.key, r = ce.value.includes(n);
+      return s("button", {
         type: "button",
-        class: i.element("expand-btn"),
-        onClick: (m) => {
-          ll(a, e.raw), l && m.stopPropagation();
+        class: d.element("expand-btn"),
+        "aria-expanded": r,
+        "aria-busy": a || void 0,
+        "aria-disabled": a || void 0,
+        "aria-label": vl(r ? "collapseRowText" : "expandRowText", {
+          row: e.key
+        }),
+        onClick: (f) => {
+          if (a) {
+            f.stopPropagation();
+            return;
+          }
+          (!e.hasSubtree || e.children || !r) && Fl(n, e.raw), t && f.stopPropagation();
         }
-      }, [((r = s["expand-icon"]) == null ? void 0 : r.call(s, {
-        expanded: n,
+      }, [a ? s(en, null, null) : ((i = h["expand-icon"]) == null ? void 0 : i.call(h, {
+        expanded: r,
         record: e.raw
-      })) ?? ((c = (o = t.expandable) == null ? void 0 : o.icon) == null ? void 0 : c.call(o, n, e.raw)) ?? (n ? u(ea, null, null) : u(Zl, null, null))]);
-    }, Pl = (e, {
-      indentSize: l,
+      })) ?? ((u = (o = l.expandable) == null ? void 0 : o.icon) == null ? void 0 : u.call(o, r, e.raw)) ?? (r ? s(Ba, null, null) : s(Da, null, null))]);
+    }, Tt = (e, {
+      indentSize: t,
       indexPath: a,
       allowDrag: n,
       expandContent: r
     }) => {
-      var o, c;
+      var i, o;
       if (e.hasSubtree)
-        return ((o = e.children) == null ? void 0 : o.length) === 0 && Pt.value ? et() : (c = e.children) == null ? void 0 : c.map((m, g) => pe(m, g, {
-          indentSize: l,
+        return ((i = e.children) == null ? void 0 : i.length) === 0 && Qe.value ? Ct() : (o = e.children) == null ? void 0 : o.map((u, f) => Oe(u, f, {
+          indentSize: t,
           indexPath: a,
           allowDrag: n
         }));
       if (r) {
-        const m = Fe.value;
-        return u(U, {
+        const u = _.value;
+        return s(ne, {
           key: `${e.key}-expand`,
           expand: !0
         }, {
-          default: () => [u(oe, {
-            isFixedExpand: M.value || W.value,
-            containerWidth: m == null ? void 0 : m.clientWidth,
-            colSpan: v.value.length + y.value.length
-          }, xa(r) ? r : {
+          default: () => [s(we, {
+            isFixedExpand: te.value || le.value,
+            containerWidth: u == null ? void 0 : u.clientWidth,
+            colSpan: m.value.length + b.value.length
+          }, tn(r) ? r : {
             default: () => [r]
           })]
         });
       }
       return null;
-    }, pe = (e, l, {
+    }, Oe = (e, t, {
       indentSize: a = 0,
       indexPath: n,
-      allowDrag: r = !0
+      allowDrag: r = !0,
+      renderChildren: i = !0
     } = {}) => {
-      var N;
-      const o = e.key, c = (n ?? []).concat(l), m = Al(e), g = We.value.includes(o), w = I.sourceKey === e.key, x = H.value ? {
+      var y;
+      const o = e.key, u = !n && l.pagination && E.value.length > k.value ? (D.value - 1) * k.value : 0, f = (n ?? []).concat(t + u), x = We(e), R = ce.value.includes(o), K = S.sourceKey === e.key, P = Array.from({
+        length: b.value.length + m.value.length
+      }, (c, w) => w).find((c) => !ye.value.includes(`${t}-${l.spanAll ? c : c - b.value.length}-${e.key}`) && (c >= b.value.length || !l.spanAll || !ye.value.includes(`${t}-${c}-${e.key}`))) ?? 0, z = T.value ? {
         draggable: r,
-        onDragstart: (f) => {
-          r && ul(f, e.key, c, e.raw);
+        onDragstart: (c) => {
+          r && jl(c, e.key, f, e.raw);
         },
-        onDragend: (f) => {
-          r && cl(f);
+        onDragend: (c) => {
+          r && Vl(c);
         }
-      } : {}, ae = H.value ? {
-        onDragenter: (f) => {
-          r && il(f, c);
+      } : {}, H = T.value ? {
+        onDragenter: (c) => {
+          !r || !S.dragging || Nl(c, f);
         },
-        onDragover: (f) => {
-          r && sl(f);
+        onDragover: (c) => {
+          !r || !S.dragging || _l(c);
         },
-        onDrop: (f) => {
-          r && (O("drag"), dl(f));
+        onDrop: (c) => {
+          if (!r) return;
+          const {
+            sourcePath: w,
+            targetPath: B
+          } = S;
+          S.dragging && w.toString() !== B.toString() && w.length === B.length && w.slice(0, -1).toString() === B.slice(0, -1).toString() && O("drag"), ql(c);
         }
       } : {};
-      return u(ke, null, [u(U, k({
+      return s(Ve, null, [s(ne, F({
         key: o,
+        "data-x-table-row": String(o),
+        tabindex: T.value === "row" && r && !l.keyboardNavigation ? 0 : void 0,
+        "aria-keyshortcuts": T.value === "row" ? "Alt+ArrowUp Alt+ArrowDown" : void 0,
+        onKeydown: T.value === "row" ? (c) => {
+          c.target === c.currentTarget && Ie(c, e, f, r);
+        } : void 0,
         class: [{
-          [i.element("tr-draggable")]: H.value === "row",
-          [i.element("tr-drag")]: w
-        }, K(t.rowClass) ? t.rowClass(e.raw, l) : t.rowClass],
-        rowIndex: l,
+          [d.element("tr-draggable")]: T.value === "row",
+          [d.element("tr-drag")]: K
+        }, Q(l.rowClass) ? l.rowClass(e.raw, t) : l.rowClass],
+        rowIndex: t,
         record: e,
-        checked: t.rowSelection && ((N = qt.value) == null ? void 0 : N.includes(o)),
-        onClick: (f) => Ne(e, f),
-        onDblclick: (f) => xl(e, f),
-        onContextmenu: (f) => Cl(e, f)
-      }, H.value === "row" ? x : {}, ae), {
-        default: () => [y.value.map((f, E) => {
-          const G = `${l}-${E}-${e.key}`, [xe, Ce] = t.spanAll ? lt.value[G] ?? [1, 1] : [1, 1];
-          if (t.spanAll && at.value.includes(G))
+        checked: !!(l.rowSelection && (!ke.value && !El.value && !e.isLeaf ? La(De.value, Aa(e)).checked : (y = Tl.value) != null && y.includes(o))),
+        onClick: (c) => gt(e, c),
+        onDblclick: (c) => ta(e, c),
+        onContextmenu: (c) => la(e, c)
+      }, T.value === "row" ? z : {}, H), {
+        default: () => [b.value.map((c, w) => {
+          const B = `${t}-${w}-${e.key}`, [He, je] = l.spanAll ? Rt.value[B] ?? [1, 1] : [1, 1];
+          if (l.spanAll && ye.value.includes(B))
             return null;
-          const Se = le(f.name);
-          return u(mt, k({
-            key: `operation-td-${E}`,
-            style: Se,
-            operationColumn: f,
-            operations: y.value,
+          const Ne = be(c.name);
+          return s(Vt, F({
+            key: `operation-td-${w}`,
+            style: Ne,
+            operationColumn: c,
+            operations: G.value,
             record: e,
-            hasExpand: !!m,
-            selectedRowKeys: Me.value,
-            rowSpan: xe,
-            colSpan: Ce,
-            renderExpandBtn: ut
-          }, H.value === "handle" ? x : {}), {
-            "drag-handle-icon": s["drag-handle-icon"]
+            hasExpand: !!x,
+            selectedRowKeys: De.value,
+            rowSpan: He,
+            colSpan: je,
+            renderExpandBtn: Et
+          }, Kt(o, w, P), {
+            onKeydown: (xe) => {
+              Dt(o, w, xe), (c.name === "drag-handle" || T.value === "row") && Ie(xe, e, f, r);
+            }
+          }, T.value === "handle" && c.name === "drag-handle" ? da(e, f, r) : {}, T.value === "handle" && c.name === "drag-handle" ? z : {}), {
+            "drag-handle-icon": h["drag-handle-icon"]
           });
-        }), v.value.map((f, E) => {
-          const G = `${l}-${t.spanAll ? y.value.length + E : E}-${e.key}`, [xe, Ce] = lt.value[G] ?? [1, 1];
-          if (at.value.includes(G))
+        }), m.value.map((c, w) => {
+          const B = `${t}-${l.spanAll ? b.value.length + w : w}-${e.key}`, [He, je] = Rt.value[B] ?? [1, 1];
+          if (ye.value.includes(B))
             return null;
-          const Se = E === 0 ? {
+          const Ne = w === 0 ? {
             showExpandBtn: e.hasSubtree,
             indentSize: e.hasSubtree ? a - 20 : a
-          } : {}, Tl = le(f.dataIndex);
-          return u(oe, k({
-            key: `td-${E}`,
-            style: Tl,
-            rowIndex: l,
+          } : {}, xe = be(c.dataIndex);
+          return s(we, F({
+            key: `td-${w}`,
+            style: xe,
+            rowIndex: t,
             record: e,
-            column: f,
-            operations: y.value,
-            dataColumns: v.value,
-            rowSpan: xe,
-            renderExpandBtn: ut,
-            colSpan: Ce
-          }, Se, {
-            onClick: (C) => Ge(e, f, C),
-            onDblclick: (C) => qe(e, f, C),
-            onMouseenter: (C) => Ue(e, f, C),
-            onMouseleave: (C) => Ye(e, f, C),
-            onContextmenu: (C) => Je(e, f, C)
+            column: c,
+            operations: G.value,
+            dataColumns: ze.value,
+            rowSpan: He,
+            renderExpandBtn: Et,
+            colSpan: je
+          }, Ne, Kt(o, b.value.length + w, P), {
+            onKeydown: (L) => {
+              Dt(o, b.value.length + w, L), T.value === "row" && L.target === L.currentTarget && Ie(L, e, f, r);
+            },
+            onClick: (L) => mt(e, c, L),
+            onDblclick: (L) => pt(e, c, L),
+            onMouseenter: (L) => yt(e, c, L),
+            onMouseleave: (L) => bt(e, c, L),
+            onContextmenu: (L) => xt(e, c, L)
           }), {
-            td: s.td
+            td: h.td
           });
         })],
-        tr: s.tr
-      }), g && Pl(e, {
-        indentSize: a + t.indentSize,
-        indexPath: c,
-        allowDrag: r && !w,
-        expandContent: m
+        tr: h.tr
+      }), i && R && Tt(e, {
+        indentSize: a + l.indentSize,
+        indexPath: f,
+        allowDrag: r && !K,
+        expandContent: x
       })]);
-    }, it = () => {
-      const e = b.value.some((l) => !!l.hasSubtree);
-      return u(ra, null, {
-        default: () => [b.value.length > 0 ? b.value.map((l, a) => pe(l, a, {
+    }, pe = g(() => {
+      const e = [], t = (n, r = 0, i, o = !0) => {
+        n.forEach((u, f) => {
+          var K, P;
+          if (e.push({
+            key: `row:${u.key}`,
+            record: u,
+            rowIndex: f,
+            indentSize: r,
+            indexPath: i,
+            allowDrag: o
+          }), !ce.value.includes(u.key)) return;
+          const x = !i && l.pagination && E.value.length > k.value ? (D.value - 1) * k.value : 0, R = (i ?? []).concat(f + x);
+          u.hasSubtree && ((K = u.children) != null && K.length) ? t(u.children, r + l.indentSize, R, o && S.sourceKey !== u.key) : (u.hasSubtree && ((P = u.children) == null ? void 0 : P.length) === 0 && Qe.value || We(u)) && e.push({
+            key: `expand:${u.key}`,
+            record: u,
+            rowIndex: f,
+            indentSize: r,
+            indexPath: R,
+            allowDrag: !1,
+            detail: !0
+          });
+        });
+      }, a = p.value.some((n) => n.hasSubtree);
+      return t(p.value, a ? 20 : 0), e;
+    }), {
+      getCellProps: Kt,
+      handleCellKeydown: Dt
+    } = Ya({
+      enabled: Ht(l, "keyboardNavigation"),
+      rows: pe,
+      root: _,
+      mountedKeys: g(() => {
+        var t;
+        if (!U.value) return;
+        const e = (t = ie.value) == null ? void 0 : t.currentList;
+        return e == null ? void 0 : e.filter((a) => !a.detail).map((a) => a.record.key);
+      }),
+      scrollToRow: (e) => {
+        var t;
+        U.value && ((t = ie.value) == null || t.scrollTo({
+          index: e
+        }));
+      }
+    }), Bt = async (e) => {
+      var a, n;
+      await jt();
+      const t = Array.from(((a = _.value) == null ? void 0 : a.querySelectorAll("[data-x-table-row]")) ?? []).find((r) => r.dataset.xTableRow === String(e));
+      (n = (t == null ? void 0 : t.querySelector(".x-table--drag-button")) ?? (t == null ? void 0 : t.querySelector('[tabindex="0"]')) ?? t) == null || n.focus();
+    }, Ie = (e, t, a, n) => {
+      var u;
+      if (!n || !e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !["ArrowUp", "ArrowDown"].includes(e.key)) return;
+      e.preventDefault(), e.stopPropagation();
+      let r = E.value;
+      for (const f of a.slice(0, -1)) r = ((u = r[f]) == null ? void 0 : u.children) ?? [];
+      const o = a[a.length - 1] + (e.key === "ArrowDown" ? 1 : -1);
+      if (r[o] && !(a.length === 1 && l.pagination && E.value.length > k.value && Math.floor(o / k.value) !== D.value - 1)) {
+        it(t.key, a, t.raw), S.targetPath = [...a.slice(0, -1), o];
+        try {
+          O("drag");
+        } finally {
+          ut();
+        }
+        Bt(t.key);
+      }
+    };
+    let C;
+    const $t = (e) => {
+      if (!C || C.id !== e.pointerId || !S.dragging && Math.abs(e.clientY - C.y) < 6) return;
+      e.preventDefault(), S.dragging || it(C.record.key, C.path, C.record.raw);
+      const t = C.targets.find((a) => e.clientY >= a.top && e.clientY <= a.bottom);
+      t && t.path.slice(0, -1).toString() === C.path.slice(0, -1).toString() && (S.targetPath = t.path);
+    }, M = () => {
+      var t, a;
+      const e = C;
+      C = void 0, e && (e.element.removeEventListener("pointermove", $t), e.element.removeEventListener("pointerup", Mt), e.element.removeEventListener("pointercancel", M), e.element.removeEventListener("lostpointercapture", M), (a = (t = e.element).hasPointerCapture) != null && a.call(t, e.id) && e.element.releasePointerCapture(e.id)), ut();
+    }, Mt = (e) => {
+      if (!C || C.id !== e.pointerId) return;
+      const t = C.record.key, a = S.dragging && S.sourcePath.toString() !== S.targetPath.toString();
+      try {
+        a && O("drag");
+      } finally {
+        M();
+      }
+      a && (e.preventDefault(), Bt(t));
+    };
+    It(M), J([() => l.data, Je], () => {
+      C && M();
+    });
+    const da = (e, t, a) => ({
+      onPointerdown: (n) => {
+        var o;
+        if (!a || n.pointerType !== "touch" || !n.isPrimary) return;
+        const r = _.value;
+        if (!r) return;
+        M();
+        const i = Array.from(r.querySelectorAll("[data-x-table-row]"));
+        C = {
+          id: n.pointerId,
+          y: n.clientY,
+          element: r,
+          record: e,
+          path: t,
+          targets: pe.value.filter((u) => !u.detail).flatMap((u) => {
+            const f = i.find((R) => R.dataset.xTableRow === String(u.record.key));
+            if (!f) return [];
+            const x = f.getBoundingClientRect();
+            return [{
+              top: x.top,
+              bottom: x.bottom,
+              path: (u.indexPath ?? []).concat(u.rowIndex + (!u.indexPath && l.pagination && E.value.length > k.value ? (D.value - 1) * k.value : 0))
+            }];
+          })
+        }, r.addEventListener("pointermove", $t), r.addEventListener("pointerup", Mt), r.addEventListener("pointercancel", M), r.addEventListener("lostpointercapture", M), (o = r.setPointerCapture) == null || o.call(r, n.pointerId);
+      }
+    }), zt = () => {
+      const e = p.value.some((t) => !!t.hasSubtree);
+      return s(Wa, null, {
+        default: () => [p.value.length > 0 ? p.value.map((t, a) => Oe(t, a, {
           indentSize: e ? 20 : 0
-        })) : et()],
-        tbody: s.tbody
+        })) : Ct()],
+        tbody: h.tbody
       });
-    }, st = () => u(na, null, {
-      default: () => [fe.value.map((e, l) => u(U, {
-        key: `header-row-${l}`
+    }, Ft = () => s(Fa, null, {
+      default: () => [Ae.value.map((e, t) => s(ne, {
+        key: `header-row-${t}`
       }, {
-        default: () => [l === 0 && y.value.map((a, n) => {
+        default: () => [t === 0 && b.value.map((a, n) => {
           var r;
-          return u(ua, {
+          return s(Ia, {
             key: `operation-th-${n}`,
-            ref: (o) => {
-              o != null && o.$el && a.name && ($.value[a.name] = o.$el);
+            ref: (i) => {
+              i && "$el" in i && a.name && (Z.value[a.name] = i.$el);
             },
             operationColumn: a,
-            operations: y.value,
-            selectAll: !!(a.name === "selection-checkbox" && ((r = t.rowSelection) != null && r.showCheckedAll)),
-            rowSpan: fe.value.length
+            operations: G.value,
+            selectAll: !!(a.name === "selection-checkbox" && ((r = l.rowSelection) != null && r.showCheckedAll)),
+            rowSpan: Ae.value.length
           }, null);
         }), e.map((a, n) => {
-          const r = t.columnResizable && !!a.dataIndex && n < e.length - 1;
-          return u(oa, {
+          var i, o;
+          const r = l.columnResizable && !!a.dataIndex && !((i = a.children) != null && i.length) && a.dataIndex !== ((o = m.value[m.value.length - 1]) == null ? void 0 : o.dataIndex);
+          return s(Oa, {
             key: `th-${n}`,
-            ref: (o) => {
-              o != null && o.$el && a.dataIndex && ($.value[a.dataIndex] = o.$el);
+            ref: (u) => {
+              u && "$el" in u && a.dataIndex && (Z.value[a.dataIndex] = u.$el);
             },
             column: a,
-            operations: y.value,
-            dataColumns: v.value,
+            operations: G.value,
+            dataColumns: ze.value,
             resizable: r,
-            onClick: (o) => Sl(a, o)
+            onClick: (u) => aa(a, u)
           }, {
-            th: s.th
+            th: h.th
           });
         })]
       }))],
-      thead: s.thead
-    }), Fl = () => {
-      var e, l;
-      if (z.value) {
-        const a = L(t.stickyHeader) ? `${t.stickyHeader}px` : void 0, n = [(e = T.value) == null ? void 0 : e.outerClass];
-        t.stickyHeader && n.push(i.element("header-sticky"));
+      thead: h.thead
+    }), ca = () => {
+      var e, t;
+      if (ee.value) {
+        const a = W(l.stickyHeader) ? `${l.stickyHeader}px` : void 0, n = [(e = X.value) == null ? void 0 : e.outerClass];
+        V.value && n.push(d.element("header-sticky"));
         const r = {
           top: a,
-          ...(l = T.value) == null ? void 0 : l.outerStyle
-        }, o = q.value ? gt : "div";
-        return u(ke, null, [t.showHeader && u(o, k({
-          ref: Mt,
-          class: [i.element("header"), {
-            [i.element("header-sticky")]: t.stickyHeader && !q.value
+          ...(t = X.value) == null ? void 0 : t.outerStyle
+        }, i = oe.value ? Gt : "div";
+        return s(Ve, null, [l.showHeader && s(i, F({
+          ref: hl,
+          class: [d.element("header"), {
+            [d.element("header-sticky")]: V.value && !oe.value
           }],
           style: {
-            overflowY: V.value ? "scroll" : void 0,
-            top: q.value ? void 0 : a
+            overflowY: ae.value ? "scroll" : void 0,
+            top: oe.value ? void 0 : a
           }
-        }, Y.value ? {
-          hide: b.value.length !== 0,
+        }, re.value ? {
+          hide: p.value.length !== 0,
           disableVertical: !0,
-          ...T.value,
+          ...X.value,
           outerClass: n,
           outerStyle: r
         } : void 0), {
-          default: () => [u("table", {
-            class: i.element("element"),
-            style: wl.value,
+          default: () => [s("table", {
+            class: d.element("element"),
+            style: na.value,
             cellpadding: 0,
             cellspacing: 0
-          }, [u(re, {
-            dataColumns: v.value,
-            operations: y.value,
-            columnWidth: D
-          }, null), st()])]
-        }), u(ht, {
-          onResize: El
+          }, [s(Se, {
+            dataColumns: m.value,
+            operations: b.value,
+            columnWidth: q
+          }, null), Ft()])]
+        }), s(qt, {
+          onResize: ia
         }, {
           default: () => {
-            var c;
-            return [te.value && b.value.length ? u(ia, k({
-              ref: De,
-              class: i.element("body"),
-              data: b.value,
+            var o, u, f, x, R, K, P, z, H;
+            return [U.value && p.value.length ? s(Ha, F({
+              ref: ie,
+              class: d.element("body"),
+              data: pe.value,
               itemKey: "key",
               component: {
                 list: "table",
                 content: "tbody"
               },
               listAttrs: {
-                class: i.element("element"),
-                style: ee.value
+                class: d.element("element"),
+                style: ge.value
               },
               paddingPosition: "list",
               height: "auto"
-            }, t.virtualListProps, {
-              onScroll: Ve
+            }, Yt(l.virtualListProps ?? {}, ["data", "itemKey", "component"]), {
+              fixedSize: pe.value.some((y) => y.detail || y.record.hasSubtree) ? !1 : (o = l.virtualListProps) == null ? void 0 : o.fixedSize,
+              onScroll: vt
             }), {
               item: ({
-                item: m,
-                index: g
-              }) => pe(m, g)
-            }) : u(o, k({
-              ref: De,
-              class: i.element("body"),
+                item: y
+              }) => y.detail ? Tt(y.record, {
+                indentSize: y.indentSize,
+                indexPath: y.indexPath ?? [],
+                allowDrag: !1,
+                expandContent: We(y.record)
+              }) : Oe(y.record, y.rowIndex, {
+                indentSize: y.indentSize,
+                indexPath: y.indexPath,
+                allowDrag: y.allowDrag,
+                renderChildren: !1
+              })
+            }) : s(i, F({
+              ref: ie,
+              class: d.element("body"),
               style: {
-                maxHeight: (c = t.scroll) != null && c.y ? L(t.scroll.y) ? `${t.scroll.y}px` : t.scroll.y : "100%"
+                maxHeight: ((u = l.scroll) == null ? void 0 : u.y) ?? ((f = l.virtualListProps) == null ? void 0 : f.height) ? W(((x = l.scroll) == null ? void 0 : x.y) ?? ((R = l.virtualListProps) == null ? void 0 : R.height)) ? `${((K = l.scroll) == null ? void 0 : K.y) ?? ((P = l.virtualListProps) == null ? void 0 : P.height)}px` : ((z = l.scroll) == null ? void 0 : z.y) ?? ((H = l.virtualListProps) == null ? void 0 : H.height) : "100%"
               }
-            }, Y.value ? {
+            }, re.value ? {
               outerStyle: {
                 display: "flex",
                 minHeight: "0"
               },
-              ...T.value
+              ...X.value
             } : void 0, {
-              onScroll: Ve
+              onScroll: vt
             }), {
-              default: () => [u("table", {
-                class: i.element("element"),
-                style: ee.value,
+              default: () => [s("table", {
+                class: d.element("element"),
+                style: ge.value,
                 cellpadding: 0,
                 cellspacing: 0
-              }, [b.value.length !== 0 && u(re, {
-                dataColumns: v.value,
-                operations: y.value,
-                columnWidth: D
-              }, null), it()])]
+              }, [p.value.length !== 0 && s(Se, {
+                dataColumns: m.value,
+                operations: b.value,
+                columnWidth: q
+              }, null), zt()])]
             })];
           }
-        }), S.value && S.value.length > 0 && u("div", {
-          ref: ie,
-          class: i.element("tfoot"),
+        }), $.value && $.value.length > 0 && s("div", {
+          ref: Re,
+          class: d.element("tfoot"),
           style: {
-            overflowY: V.value ? "scroll" : "hidden"
+            overflowY: ae.value ? "scroll" : "hidden"
           }
-        }, [u("table", {
-          class: i.element("element"),
-          style: ee.value,
+        }, [s("table", {
+          class: d.element("element"),
+          style: ge.value,
           cellpadding: 0,
           cellspacing: 0
-        }, [u(re, {
-          dataColumns: v.value,
-          operations: y.value,
-          columnWidth: D
-        }, null), ot()])])]);
+        }, [s(Se, {
+          dataColumns: m.value,
+          operations: b.value,
+          columnWidth: q
+        }, null), At()])])]);
       }
-      return u(ht, {
-        onResize: () => ye()
+      return s(qt, {
+        onResize: () => {
+          Me(), me();
+        }
       }, {
-        default: () => [u("table", {
-          class: i.element("element"),
+        default: () => [s("table", {
+          class: d.element("element"),
           cellpadding: 0,
           cellspacing: 0,
-          style: ee.value
-        }, [u(re, {
-          dataColumns: v.value,
-          operations: y.value,
-          columnWidth: D
-        }, null), t.showHeader && st(), it(), S.value && S.value.length > 0 && ot()])]
+          style: ge.value
+        }, [s(Se, {
+          dataColumns: m.value,
+          operations: b.value,
+          columnWidth: q
+        }, null), l.showHeader && Ft(), zt(), $.value && $.value.length > 0 && At()])]
       });
-    }, ct = (e) => {
+    }, Wt = (e) => {
       var n;
-      const l = (n = t.scroll) != null && n.maxHeight ? {
-        maxHeight: t.scroll.maxHeight
-      } : void 0, a = q.value ? gt : "div";
-      return u(ke, null, [u("div", {
-        class: [i.element("container"), Rl.value]
-      }, [u(a, k({
-        ref: $t,
-        class: [i.element("content"), {
-          [i.element("content-scroll-x")]: !z.value
+      const t = (n = l.scroll) != null && n.maxHeight ? {
+        maxHeight: W(l.scroll.maxHeight) ? `${l.scroll.maxHeight}px` : l.scroll.maxHeight
+      } : void 0, a = oe.value && !V.value ? Gt : "div";
+      return s(Ve, null, [s("div", {
+        class: [d.element("container"), oa.value]
+      }, [s(a, F({
+        ref: cl,
+        class: [d.element("content"), {
+          [d.element("content-scroll-x")]: !ee.value
         }],
-        style: l
-      }, Y.value ? {
+        style: t
+      }, re.value && !V.value ? {
         outerStyle: {
           height: "100%"
         },
-        ...T.value
+        ...X.value
       } : void 0, {
-        onScroll: _e
+        onScroll: ht
       }), {
-        default: () => [e ? u("table", {
-          class: i.element("element"),
+        default: () => [e ? s("table", {
+          class: d.element("element"),
           cellpadding: 0,
           cellspacing: 0
-        }, [e()]) : Fl()]
-      })]), s.footer && u("div", {
-        class: i.element("footer")
-      }, [s.footer()])]);
-    }, dt = () => {
-      var l, a;
-      const e = Re(t.pagination) ? sa(t.pagination, ["current", "pageSize", "defaultCurrent", "defaultPageSize"]) : {};
-      return u("div", {
-        class: kl.value
-      }, [(l = s["pagination-left"]) == null ? void 0 : l.call(s), u(la, k({
-        total: je.value.length,
-        current: _.value,
-        pageSize: F.value,
+        }, [e()]) : ca()]
+      })]), h.footer && s("div", {
+        class: d.element("footer")
+      }, [h.footer()])]);
+    }, Ot = () => {
+      var t, a;
+      const e = qe(l.pagination) ? Yt(l.pagination, ["current", "pageSize", "defaultCurrent", "defaultPageSize"]) : {};
+      return s("div", {
+        class: ra.value
+      }, [(t = h["pagination-left"]) == null ? void 0 : t.call(h), s(Ma, F({
+        total: dt.value.length,
+        current: D.value,
+        pageSize: k.value,
         onChange: (n) => {
-          fl(n), O("pagination");
+          Yl(n), O("pagination");
         },
         onPageSizeChange: (n) => {
-          ml(n), ge(), O("pagination");
+          Ul(n), $e(), O("pagination");
         }
-      }, e), null), (a = s["pagination-right"]) == null ? void 0 : a.call(s)]);
-    }, Kl = h(() => {
-      var e, l;
-      if (Il((e = t.scroll) == null ? void 0 : e.y) && te.value)
+      }, e), null), (a = h["pagination-right"]) == null ? void 0 : a.call(h)]);
+    }, fa = g(() => {
+      var e, t;
+      if (xa((e = l.scroll) == null ? void 0 : e.y) && U.value)
         return {
-          height: (l = t.scroll) == null ? void 0 : l.y
+          height: (t = l.scroll) == null ? void 0 : t.y
         };
     });
     return {
       render: () => {
         var a, n;
-        const e = ((a = s.default) == null ? void 0 : a.call(s)) ?? [], l = e && ql(e).length > 0;
-        return s.default && !l ? u("div", {
-          class: Qe.value
-        }, [ct(() => e)]) : (Be.value = ((n = s.columns) == null ? void 0 : n.call(s)) ?? e, u("div", {
-          class: Qe.value,
-          style: Kl.value
-        }, [Be.value, u(ta, Ll.value, {
-          default: () => [t.pagination !== !1 && (b.value.length > 0 || R.value.length > 0) && me.value && dt(), ct(), t.pagination !== !1 && (b.value.length > 0 || R.value.length > 0) && !me.value && dt()]
+        const e = ((a = h.default) == null ? void 0 : a.call(h)) ?? [], t = e && Pa(e).length > 0;
+        return h.default && !t ? s("div", {
+          class: St.value,
+          "aria-busy": !!Fe.value.loading
+        }, [Wt(() => e)]) : (Xe.value = ((n = h.columns) == null ? void 0 : n.call(h)) ?? e, s("div", {
+          class: St.value,
+          style: fa.value,
+          "aria-busy": !!Fe.value.loading
+        }, [Xe.value, s($a, Fe.value, {
+          default: () => [l.pagination !== !1 && (p.value.length > 0 || E.value.length > 0) && Ee.value && Ot(), Wt(), l.pagination !== !1 && (p.value.length > 0 || E.value.length > 0) && !Ee.value && Ot()]
         })]));
       },
-      selfExpand: al,
-      selfExpandAll: nl,
-      selfSelect: Zt,
-      selfSelectAll: el,
-      selfResetFilters: It,
-      selfClearFilters: _t,
-      selfResetSorters: Nt,
-      selfClearSorters: Gt
+      selfExpand: Wl,
+      selfExpandAll: Ol,
+      selfSelect: $l,
+      selfSelectAll: Ml,
+      selfResetFilters: wl,
+      selfClearFilters: Cl,
+      selfResetSorters: Rl,
+      selfClearSorters: Pl
     };
   },
   methods: {
@@ -1493,8 +1727,8 @@ const bt = {
      * @public
      * @version 2.22.0
      */
-    selectAll(t) {
-      return this.selfSelectAll(t);
+    selectAll(l) {
+      return this.selfSelectAll(l);
     },
     /**
      * @zh 设置行选择器状态
@@ -1504,8 +1738,8 @@ const bt = {
      * @public
      * @version 2.31.0
      */
-    select(t, d) {
-      return this.selfSelect(t, d);
+    select(l, v) {
+      return this.selfSelect(l, v);
     },
     /**
      * @zh 设置全部展开状态
@@ -1514,8 +1748,8 @@ const bt = {
      * @public
      * @version 2.31.0
      */
-    expandAll(t) {
-      return this.selfExpandAll(t);
+    expandAll(l) {
+      return this.selfExpandAll(l);
     },
     /**
      * @zh 设置展开状态
@@ -1525,8 +1759,8 @@ const bt = {
      * @public
      * @version 2.31.0
      */
-    expand(t, d) {
-      return this.selfExpand(t, d);
+    expand(l, v) {
+      return this.selfExpand(l, v);
     },
     /**
      * @zh 重置列的筛选器
@@ -1535,8 +1769,8 @@ const bt = {
      * @public
      * @version 2.31.0
      */
-    resetFilters(t) {
-      return this.selfResetFilters(t);
+    resetFilters(l) {
+      return this.selfResetFilters(l);
     },
     /**
      * @zh 清空列的筛选器
@@ -1545,8 +1779,8 @@ const bt = {
      * @public
      * @version 2.31.0
      */
-    clearFilters(t) {
-      return this.selfClearFilters(t);
+    clearFilters(l) {
+      return this.selfClearFilters(l);
     },
     /**
      * @zh 重置列的排序
@@ -1572,5 +1806,5 @@ const bt = {
   }
 });
 export {
-  un as default
+  qn as default
 };