@vtable-guild/vtable-guild 2.8.1 → 2.9.0-alpha.1

package/dist/table/src/components/Table.mjs

@@ -1,90 +1,116 @@
-import { defineComponent as Jt, inject as Zt, computed as a, provide as We, ref as b, onMounted as Qt, onBeforeUnmount as el, watch as I, createVNode as n, Fragment as tl, isVNode as ll, nextTick as ol } from "vue";
+import { defineComponent as ul, ref as S, watch as I, onBeforeUnmount as ye, computed as o, inject as sl, provide as Ge, onMounted as Xe, createVNode as r, Fragment as cl, nextTick as qe, isVNode as fl } from "vue";
+import { isManual as he } from "../utils/manual.mjs";
 import "../../../core/src/utils/tv.mjs";
-import { prefixThemeConfig as al, prefixVtgClassNames as Y } from "../../../core/src/utils/classPrefix.mjs";
-import { devWarn as nl } from "../../../core/src/utils/devWarn.mjs";
-import { mergeThemeConfigs as T, useTheme as rl } from "../../../core/src/composables/useTheme.mjs";
-import { mergeDeep as $ } from "../../../core/src/utils/mergeDeep.mjs";
-import ke from "../../../core/src/components/Scrollbar.mjs";
-import { VTABLE_GUILD_INJECTION_KEY as ze } from "../../../core/src/plugin/index.mjs";
-import { paginationZhCN as il } from "../../../theme/src/pagination.mjs";
-import { resolveTooltipThemePreset as dl, resolveScrollbarThemePreset as sl, resolveRadioThemePreset as ul, resolveInputThemePreset as cl, resolveCheckboxThemePreset as fl, resolveButtonThemePreset as ml, resolveTableThemePreset as pl, resolveTableLocalePreset as vl, resolveBuiltInTableLocale as gl, resolveBuiltInLocale as wl } from "../../../theme/src/presets/index.mjs";
-import { antdvTableCompatClasses as yl } from "../../../theme/src/compat/antdv-table.mjs";
-import { usePagination as hl } from "../composables/usePagination.mjs";
-import Cl from "./TablePagination.mjs";
-import { filterVisibleColumns as bl, applyColumnOrder as xl } from "../composables/useColumnDisplay.mjs";
-import { getEllipsisConfig as Sl } from "../utils/cell.mjs";
-import { getRootCompatClass as Dl } from "../utils/compat.mjs";
-import { resolveRowKey as Rl } from "../utils/rowKey.mjs";
-import { useScroll as El } from "../composables/useScroll.mjs";
-import { useAutoHeight as Il } from "../composables/useAutoHeight.mjs";
-import { useColumnMetrics as Tl } from "../composables/useColumnMetrics.mjs";
-import { useColumnLayout as Hl } from "../composables/useColumnLayout.mjs";
-import { resolveFixedColumnRanges as Ll } from "../composables/useColumnWindow.mjs";
-import { useExpand as Bl } from "../composables/useExpand.mjs";
-import { useResize as Nl } from "../composables/useResize.mjs";
-import { useVirtual as Fl, INVALID_SCROLL_Y_FALLBACK as Ol } from "../composables/useVirtual.mjs";
-import { useTreeData as Al } from "../composables/useTreeData.mjs";
-import { useHoverState as Pl } from "../composables/useHoverState.mjs";
-import { useRowDragSort as Wl } from "../composables/useRowDragSort.mjs";
-import { TABLE_CONTEXT_KEY as kl } from "../context.mjs";
-import { EXPAND_COLUMN as zl, SELECTION_COLUMN as Kl } from "../constants.mjs";
-import { resolveTablePresetConfig as _l } from "../preset-config.mjs";
-import Ke from "./TableHeader.mjs";
-import _e from "./TableBody.mjs";
-import Ml from "./VirtualTableBody.mjs";
-import Me from "./TableLoading.mjs";
-import U from "./ColGroup.mjs";
-import G from "./ColumnWidthRow.mjs";
-import { antdvTableTheme as jl } from "../../../theme/src/presets/antdv/table.mjs";
-import { useColumns as je } from "../composables/useColumns.mjs";
-import { useSorter as Vl } from "../composables/useSorter.mjs";
-import { useFilter as Yl } from "../composables/useFilter.mjs";
-import { useSelection as $l } from "../composables/useSelection.mjs";
-import { cn as x } from "tailwind-variants";
-function Ve(l) {
-  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !ll(l);
+import { prefixThemeConfig as ml, prefixVtgClassNames as J } from "../../../core/src/utils/classPrefix.mjs";
+import { devWarn as vl } from "../../../core/src/utils/devWarn.mjs";
+import { mergeThemeConfigs as A, useTheme as pl } from "../../../core/src/composables/useTheme.mjs";
+import { mergeDeep as Z } from "../../../core/src/utils/mergeDeep.mjs";
+import Je from "../../../core/src/components/Scrollbar.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as Ze } from "../../../core/src/plugin/index.mjs";
+import { paginationZhCN as gl } from "../../../theme/src/pagination.mjs";
+import { resolveTooltipThemePreset as yl, resolveScrollbarThemePreset as hl, resolveRadioThemePreset as wl, resolveInputThemePreset as Cl, resolveCheckboxThemePreset as xl, resolveButtonThemePreset as bl, resolveTableThemePreset as Sl, resolveTableLocalePreset as Dl, resolveBuiltInTableLocale as El, resolveBuiltInLocale as Tl } from "../../../theme/src/presets/index.mjs";
+import { antdvTableCompatClasses as Rl } from "../../../theme/src/compat/antdv-table.mjs";
+import { usePagination as Il } from "../composables/usePagination.mjs";
+import Ll from "./TablePagination.mjs";
+import { filterVisibleColumns as Hl, applyColumnOrder as Bl } from "../composables/useColumnDisplay.mjs";
+import { getEllipsisConfig as Nl } from "../utils/cell.mjs";
+import { getRootCompatClass as Fl } from "../utils/compat.mjs";
+import { resolveRowKey as Ol } from "../utils/rowKey.mjs";
+import { useScroll as _l } from "../composables/useScroll.mjs";
+import { useAutoHeight as kl } from "../composables/useAutoHeight.mjs";
+import { useColumnMetrics as Al } from "../composables/useColumnMetrics.mjs";
+import { useColumnLayout as Wl } from "../composables/useColumnLayout.mjs";
+import { resolveFixedColumnRanges as Pl } from "../composables/useColumnWindow.mjs";
+import { useExpand as zl } from "../composables/useExpand.mjs";
+import { useResize as Kl } from "../composables/useResize.mjs";
+import { useVirtual as Ml, INVALID_SCROLL_Y_FALLBACK as jl } from "../composables/useVirtual.mjs";
+import { useTreeData as Vl } from "../composables/useTreeData.mjs";
+import { useLazyTreeData as Yl } from "../composables/useLazyTreeData.mjs";
+import { useHoverState as $l } from "../composables/useHoverState.mjs";
+import { useRowDragSort as Ul } from "../composables/useRowDragSort.mjs";
+import { TABLE_CONTEXT_KEY as Gl } from "../context.mjs";
+import { EXPAND_COLUMN as Xl, SELECTION_COLUMN as ql } from "../constants.mjs";
+import { resolveTablePresetConfig as Jl } from "../preset-config.mjs";
+import Qe from "./TableHeader.mjs";
+import et from "./TableBody.mjs";
+import Zl from "./VirtualTableBody.mjs";
+import tt from "./TableLoading.mjs";
+import Q from "./ColGroup.mjs";
+import ee from "./ColumnWidthRow.mjs";
+import { antdvTableTheme as Ql } from "../../../theme/src/presets/antdv/table.mjs";
+import { useColumns as lt } from "../composables/useColumns.mjs";
+import { useSorter as ea } from "../composables/useSorter.mjs";
+import { useFilter as ta } from "../composables/useFilter.mjs";
+import { useSelection as la } from "../composables/useSelection.mjs";
+import { cn as L } from "tailwind-variants";
+function at(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !fl(l);
 }
-const Ul = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
-function Ye() {
+const aa = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
+function nt() {
   if (typeof window > "u")
     return /* @__PURE__ */ new Set(["md", "sm", "xs"]);
   const l = window.innerWidth, d = /* @__PURE__ */ new Set();
-  return Ul.forEach(([s, i]) => {
-    if (s === "xs") {
+  return aa.forEach(([u, c]) => {
+    if (u === "xs") {
       l < 576 && d.add("xs");
       return;
     }
-    l >= i && d.add(s);
+    l >= c && d.add(u);
   }), d;
 }
-function $e(l, d) {
-  return l.reduce((s, i) => {
-    if (typeof i == "symbol")
-      return s.push(i), s;
-    if (i.responsive?.length && !i.responsive.some((g) => d.has(g)))
-      return s;
-    const v = i.fixed === !0 ? "left" : i.fixed;
-    if ("children" in i && Array.isArray(i.children)) {
-      const g = $e(i.children, d);
-      return g.length === 0 || s.push({
-        ...i,
-        fixed: v,
-        children: g
-      }), s;
+function ot(l, d) {
+  return l.reduce((u, c) => {
+    if (typeof c == "symbol")
+      return u.push(c), u;
+    if (c.responsive?.length && !c.responsive.some((D) => d.has(D)))
+      return u;
+    const x = c.fixed === !0 ? "left" : c.fixed;
+    if ("children" in c && Array.isArray(c.children)) {
+      const D = ot(c.children, d);
+      return D.length === 0 || u.push({
+        ...c,
+        fixed: x,
+        children: D
+      }), u;
     }
-    return s.push(v === i.fixed ? i : {
-      ...i,
-      fixed: v
-    }), s;
+    return u.push(x === c.fixed ? c : {
+      ...c,
+      fixed: x
+    }), u;
   }, []);
 }
-const zo = /* @__PURE__ */ Jt({
+const qa = /* @__PURE__ */ ul({
   name: "VTable",
   props: {
     pagination: {
       type: [Boolean, Object],
       default: !1
     },
+    manual: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    renderers: {
+      type: Object,
+      default: void 0
+    },
+    loadData: {
+      type: Function,
+      default: void 0
+    },
+    isLeaf: {
+      type: Function,
+      default: void 0
+    },
+    onTreeLoadError: {
+      type: Function,
+      default: void 0
+    },
+    columnEmptyText: {
+      type: null,
+      default: !1
+    },
     dataSource: {
       type: Array,
       default: () => []
@@ -158,7 +184,7 @@ const zo = /* @__PURE__ */ Jt({
       default: void 0
     },
     showSorterTooltip: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: void 0
     },
     sortDirections: {
@@ -273,727 +299,832 @@ const zo = /* @__PURE__ */ Jt({
     }
   },
   emits: {
-    change: (l, d, s) => !0,
+    change: (l, d, u) => !0,
     resizeColumn: (l, d) => !0,
     rowDragEnd: (l, d) => !0
   },
   slots: Object,
   setup(l, {
     slots: d,
-    emit: s
+    emit: u,
+    expose: c
   }) {
-    const i = Zt(ze, null), v = a(() => i?.themePreset ?? "antdv"), g = a(() => i?.cssMode ?? "prebuilt"), S = a(() => i?.classPrefix ?? "vtg"), Ue = a(() => {
-      const t = i?.theme ?? {}, o = v.value, r = (u) => al(u, g.value, S.value);
+    const x = S(!1);
+    let D;
+    I(() => {
+      const e = l.loading;
+      return [e === !0 || typeof e == "object" && e !== null && e.spinning !== !1, typeof e == "object" && e !== null ? e.delay : 0];
+    }, ([e, a]) => {
+      clearTimeout(D), e ? !a || !Number.isFinite(a) || a < 0 ? x.value = !0 : x.value || (D = setTimeout(() => {
+        x.value = !0;
+      }, a)) : x.value = !1;
+    }, {
+      immediate: !0
+    }), ye(() => clearTimeout(D));
+    const we = o(() => typeof l.loading == "object" ? l.loading?.wrapperClassName : void 0), h = sl(Ze, null), E = o(() => h?.themePreset ?? "antdv"), H = o(() => h?.cssMode ?? "prebuilt"), B = o(() => h?.classPrefix ?? "vtg"), rt = o(() => {
+      const e = h?.theme ?? {}, a = E.value, n = (i) => ml(i, H.value, B.value);
       return {
-        ...t,
-        button: T(r(ml(o)), t.button),
-        checkbox: T(r(fl(o)), t.checkbox),
-        input: T(r(cl(o)), t.input),
-        radio: T(r(ul(o)), t.radio),
-        scrollbar: T(r(sl(o)), t.scrollbar),
-        tooltip: T(r(dl(o)), t.tooltip)
+        ...e,
+        button: A(n(bl(a)), e.button),
+        checkbox: A(n(xl(a)), e.checkbox),
+        input: A(n(Cl(a)), e.input),
+        radio: A(n(wl(a)), e.radio),
+        scrollbar: A(n(hl(a)), e.scrollbar),
+        tooltip: A(n(yl(a)), e.tooltip)
       };
     });
-    We(ze, {
+    Ge(Ze, {
       get themePreset() {
-        return v.value;
+        return E.value;
       },
       get cssMode() {
-        return g.value;
+        return H.value;
       },
       get classPrefix() {
-        return S.value;
+        return B.value;
       },
       get theme() {
-        return Ue.value;
+        return rt.value;
       },
       get locale() {
-        return i?.locale ?? "zh-CN";
+        return h?.locale ?? "zh-CN";
       },
       get locales() {
-        return i?.locales ?? {};
+        return h?.locales ?? {};
       },
       get localeOverrides() {
-        return i?.localeOverrides ?? {};
+        return h?.localeOverrides ?? {};
       },
       get compatClass() {
-        return i?.compatClass;
+        return h?.compatClass;
       }
     });
-    const Ge = a(() => pl(v.value) ?? jl), {
-      slots: e
-    } = rl("table", Ge, l, {
-      compatClasses: yl
-    }), H = i?.compatClass === !0 ? (t) => `ant-table-${t}` : void 0, L = a(() => l.locale ?? i?.locale ?? "zh-CN"), de = a(() => ({
-      ...i?.locales ?? {},
+    const it = o(() => Sl(E.value) ?? Ql), {
+      slots: t
+    } = pl("table", it, l, {
+      compatClasses: Rl
+    }), W = h?.compatClass === !0 ? (e) => `ant-table-${e}` : void 0, P = o(() => l.locale ?? h?.locale ?? "zh-CN"), Ce = o(() => ({
+      ...h?.locales ?? {},
       ...l.locales ?? {}
-    })), Xe = a(() => {
-      const t = vl(v.value), o = gl(v.value, L.value), r = de.value[L.value]?.table, u = $($(t, o), r);
-      return $(u, $(i?.localeOverrides?.table ?? {}, l.localeOverrides));
-    }), X = b(Ye());
-    function q() {
-      X.value = Ye();
+    })), dt = o(() => {
+      const e = Dl(E.value), a = El(E.value, P.value), n = Ce.value[P.value]?.table, i = Z(Z(e, a), n);
+      return Z(i, Z(h?.localeOverrides?.table ?? {}, l.localeOverrides));
+    }), te = S(nt());
+    function le() {
+      te.value = nt();
     }
-    Qt(() => {
-      q(), window.addEventListener("resize", q);
-    }), el(() => {
-      window.removeEventListener("resize", q);
+    Xe(() => {
+      le(), window.addEventListener("resize", le);
+    }), ye(() => {
+      window.removeEventListener("resize", le);
     });
-    const se = a(() => $e(l.columns, X.value)), R = a(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
-      leafColumns: P
-    } = je(() => se.value), {
-      getSortOrder: J,
-      toggleSortOrder: qe,
-      sortData: Je,
-      sorterState: Ze,
-      sorterResult: Z,
-      sortColumns: Qe
-    } = Vl({
-      columns: () => P.value,
+    const xe = o(() => ot(l.columns, te.value)), F = o(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
+      leafColumns: M
+    } = lt(() => xe.value), {
+      getSortOrder: ae,
+      toggleSortOrder: ut,
+      sortData: st,
+      sorterState: ct,
+      sorterResult: ne,
+      sortColumns: ft
+    } = ea({
+      columns: () => M.value,
       tableSortDirections: () => l.sortDirections,
-      onSorterChange(t) {
-        const o = Q();
-        s("change", W(), t, {
+      onSorterChange(e) {
+        const a = oe();
+        u("change", j(), e, {
           action: "sort",
-          currentDataSource: o,
-          ...ee()
-        }), te();
+          currentDataSource: a,
+          ...re()
+        }), de();
       }
     }), {
-      getFilteredValue: et,
-      confirmFilter: tt,
-      resetFilter: lt,
-      getAllFilters: W,
-      filterData: ot
-    } = Yl({
-      columns: () => P.value,
-      onFilterChange(t) {
-        const o = Q(), r = c.resetForFilter();
-        s("change", t, Z.value, {
+      getFilteredValue: mt,
+      confirmFilter: vt,
+      resetFilter: pt,
+      getAllFilters: j,
+      filterData: gt
+    } = ta({
+      columns: () => M.value,
+      onFilterChange(e) {
+        const a = oe(), n = f.resetForFilter();
+        u("change", e, ne.value, {
           action: "filter",
-          currentDataSource: o,
-          ...ee(r)
-        }), te();
+          currentDataSource: a,
+          ...re(n)
+        }), de();
       }
+    }), C = Yl({
+      data: () => l.dataSource,
+      loadData: () => l.loadData,
+      isLeaf: () => l.isLeaf,
+      childrenColumnName: () => l.childrenColumnName,
+      getRowKey: b,
+      onLoadError: (e, a) => l.onTreeLoadError?.(e, a)
     });
-    function Q() {
-      let t = l.dataSource;
-      return t = ot(t), t = Je(t), t;
+    function oe() {
+      let e = C.data.value;
+      return he(l.manual, "filter") || (e = gt(e)), he(l.manual, "sort") || (e = st(e)), e;
     }
-    const B = a(() => Q()), c = hl({
+    const z = o(() => oe()), f = Il({
+      manual: () => he(l.manual, "pagination"),
       pagination: () => l.pagination,
-      data: () => B.value,
-      onChange(t) {
-        s("change", W(), Z.value, {
+      data: () => z.value,
+      onChange(e) {
+        u("change", j(), ne.value, {
           action: "paginate",
-          currentDataSource: B.value,
-          pagination: t
-        }), te();
+          currentDataSource: z.value,
+          pagination: e
+        }), de();
       }
     });
-    function ee(t) {
-      return c.enabled.value ? {
-        pagination: t ?? c.state.value
+    function re(e) {
+      return f.enabled.value ? {
+        pagination: e ?? f.state.value
       } : {};
     }
-    const at = a(() => ({
-      ...il,
-      ...wl(v.value, L.value)?.pagination,
-      ...de.value[L.value]?.pagination,
-      ...i?.localeOverrides?.pagination,
-      ...c.config.value.locale
-    })), ue = b(null);
-    function te() {
-      (l.scroll?.scrollToFirstRowOnChange ?? c.enabled.value) && ol(() => {
-        D.value ? ue.value?.scrollToTop() : E.value && (E.value.scrollTop = 0);
+    const yt = o(() => ({
+      ...gl,
+      ...Tl(E.value, P.value)?.pagination,
+      ...Ce.value[P.value]?.pagination,
+      ...h?.localeOverrides?.pagination,
+      ...f.config.value.locale
+    })), ie = S(null);
+    function de() {
+      (l.scroll?.scrollToFirstRowOnChange ?? f.enabled.value) && qe(() => {
+        R.value ? ie.value?.scrollToTop() : N.value && (N.value.scrollTop = 0);
       });
     }
-    function k(t) {
-      if (!c.enabled.value || c.state.value.total === 0) return null;
-      const r = (c.config.value.position ?? ["bottomRight"]).find((h) => h !== "none" && h.startsWith(t));
-      if (!r) return null;
-      const u = r.slice(t.length).toLowerCase();
-      return n(Cl, {
-        key: t,
-        config: c.config.value,
-        state: c.state.value,
-        locale: at.value,
-        align: u,
-        position: r,
+    function V(e) {
+      if (!f.enabled.value || f.state.value.total === 0) return null;
+      const n = (f.config.value.position ?? ["bottomRight"]).find((s) => s !== "none" && s.startsWith(e));
+      if (!n) return null;
+      const i = n.slice(e.length).toLowerCase();
+      return r(Ll, {
+        key: e,
+        config: f.config.value,
+        state: f.state.value,
+        locale: yt.value,
+        align: i,
+        position: n,
         tableSize: l.size,
-        narrow: X.value.has("xs"),
+        narrow: te.value.has("xs"),
         getPopupContainer: l.getPopupContainer,
-        onChange: c.change
+        onChange: f.change
       }, d.paginationItem ? {
         paginationItem: d.paginationItem
       } : void 0);
     }
-    function N(t, o) {
-      const r = Rl(t, o, l.rowKey);
-      return l.rowKey === void 0 || typeof l.rowKey == "string" && l.rowKey in t, r;
+    function b(e, a) {
+      const n = Ol(e, a, l.rowKey);
+      return l.rowKey === void 0 || typeof l.rowKey == "string" && l.rowKey in e, n;
     }
     const {
-      flattenData: ce,
-      rowMetaMap: fe,
-      isTreeData: le,
-      toggleTreeExpand: nt,
-      isTreeExpanded: rt,
-      indentSize: it
-    } = Al({
-      data: () => B.value,
-      pageData: () => c.pageData.value,
-      preserveStateOnDataChange: () => c.enabled.value,
+      flattenData: ue,
+      rowMetaMap: be,
+      isTreeData: se,
+      toggleTreeExpand: ht,
+      isTreeExpanded: wt,
+      indentSize: Ct
+    } = Vl({
+      data: () => z.value,
+      pageData: () => f.pageData.value,
+      preserveStateOnDataChange: () => f.enabled.value || !!l.loadData,
       childrenColumnName: () => l.childrenColumnName,
       indentSize: () => l.indentSize,
-      getRowKey: N,
+      getRowKey: b,
+      hasChildren: C.hasChildren,
       defaultExpandedRowKeys: () => l.defaultExpandedRowKeys,
       expandedRowKeys: () => l.expandedRowKeys,
       defaultExpandAllRows: () => l.defaultExpandAllRows,
-      onExpand: l.onExpand,
-      onExpandedRowsChange: l.onExpandedRowsChange
-    }), {
-      hoverRange: dt,
-      setHoverRange: st,
-      clearHoverRange: ut
-    } = Pl(100), z = Wl({
+      onExpand: (e, a) => l.onExpand?.(e, a),
+      onExpandedRowsChange: (e) => l.onExpandedRowsChange?.(e)
+    });
+    function xt(e, a) {
+      const n = b(e, a);
+      if (C.getError(n)) {
+        C.load(e, a);
+        return;
+      }
+      ht(e, a);
+    }
+    I(() => l.loadData ? ue.value : void 0, (e) => {
+      e?.forEach((a, n) => {
+        a.expanded && !C.getError(b(a.record, n)) && C.load(a.record, n);
+      });
+    }, {
+      immediate: !0
+    });
+    const {
+      hoverRange: bt,
+      setHoverRange: St,
+      clearHoverRange: Dt
+    } = $l(100), Y = Ul({
       enabled: () => l.rowDraggable === !0,
-      getRowKey: N,
+      getRowKey: b,
       dataSource: () => l.dataSource,
       childrenColumnName: () => l.childrenColumnName,
-      onDrop(t, o) {
-        s("rowDragEnd", t, o);
+      onDrop(e, a) {
+        u("rowDragEnd", e, a);
       }
-    }), w = a(() => le.value ? ce.value.map((t) => t.record) : c.pageData.value), {
-      isSelected: ct,
-      isDisabled: ft,
-      getSelectionState: mt,
-      toggleRow: pt,
-      toggleAll: vt,
-      allCheckedState: gt,
-      invertSelection: wt,
-      clearSelection: yt,
-      getChangeableRowKeys: ht
-    } = $l({
+    }), g = o(() => se.value ? ue.value.map((e) => e.record) : f.pageData.value), {
+      isSelected: Et,
+      isDisabled: Tt,
+      getSelectionState: Rt,
+      toggleRow: It,
+      toggleAll: Lt,
+      allCheckedState: Ht,
+      invertSelection: Bt,
+      clearSelection: Nt,
+      getChangeableRowKeys: Ft
+    } = la({
       rowSelection: () => l.rowSelection,
-      getRowKey: N,
-      data: () => B.value,
-      visibleData: () => w.value,
-      paginate: () => c.enabled.value,
+      getRowKey: b,
+      data: () => z.value,
+      visibleData: () => g.value,
+      paginate: () => f.enabled.value,
       childrenColumnName: () => l.childrenColumnName,
       onSelectionChange() {
-        s("change", W(), Z.value, {
+        u("change", j(), ne.value, {
           action: "select",
-          currentDataSource: w.value,
-          ...ee()
+          currentDataSource: g.value,
+          ...re()
         });
       }
     }), {
-      isExpanded: Ct,
-      toggleExpand: bt
-    } = Bl({
+      isExpanded: Ot,
+      toggleExpand: _t
+    } = zl({
       expandable: () => l.expandable,
-      getRowKey: N,
-      data: () => c.enabled.value ? B.value : w.value,
+      getRowKey: b,
+      data: () => f.enabled.value ? z.value : g.value,
       childrenColumnName: () => l.childrenColumnName,
-      initializeNewRows: () => c.enabled.value
-    }), me = (t) => {
-      const o = l.expandable;
-      return o ? o.rowExpandable ? o.rowExpandable(t) : !!o.expandedRowRender : !1;
-    }, xt = (t, o) => {
-      me(t) && bt(t, o);
-    }, pe = "__vtg_selection__", ve = "__vtg_expand__", St = a(() => {
-      const t = l.expandable, o = l.rowSelection, r = t && t.showExpandColumn !== !1 ? {
-        key: ve,
-        title: "",
-        width: t.columnWidth ?? 48,
+      initializeNewRows: () => f.enabled.value
+    }), Se = (e) => {
+      const a = l.expandable;
+      return a ? a.rowExpandable ? a.rowExpandable(e) : !!a.expandedRowRender : !1;
+    }, kt = (e, a) => {
+      Se(e) && _t(e, a);
+    }, De = "__vtg_selection__", Ee = "__vtg_expand__", At = o(() => {
+      const e = l.expandable, a = l.rowSelection, n = e && e.showExpandColumn !== !1 ? {
+        key: Ee,
+        title: () => d.expandColumnTitle?.() ?? e.columnTitle ?? "",
+        width: e.columnWidth ?? 48,
         align: "center",
-        fixed: t.fixed === !0 ? "left" : t.fixed
-      } : null, u = o ? {
-        key: pe,
+        fixed: e.fixed === !0 ? "left" : e.fixed
+      } : null, i = a ? {
+        key: De,
         title: "",
-        width: o.columnWidth ?? 48,
+        width: a.columnWidth ?? 48,
         align: "center",
-        fixed: o.fixed === !0 ? "left" : o.fixed || void 0
-      } : null, h = bl(se.value), y = [];
-      let p = !1, m = !1;
-      for (const A of h) {
-        if (A === zl) {
-          r && !p && (y.push(r), p = !0);
+        fixed: a.fixed === !0 ? "left" : a.fixed || void 0
+      } : null, s = Hl(xe.value), m = [];
+      let p = !1, y = !1;
+      for (const w of s) {
+        if (w === Xl) {
+          n && !p && (m.push(n), p = !0);
           continue;
         }
-        if (A === Kl) {
-          u && !m && (y.push(u), m = !0);
+        if (w === ql) {
+          i && !y && (m.push(i), y = !0);
           continue;
         }
-        y.push(A);
+        m.push(w);
+      }
+      if (i && !y && m.unshift(i), n && !p) {
+        const w = e?.expandIconColumnIndex;
+        m.splice(typeof w == "number" && Number.isFinite(w) ? Math.min(m.length, Math.max(0, Math.floor(w)) + (i ? 1 : 0)) : i ? 1 : 0, 0, n);
       }
-      return r && !p && y.unshift(r), u && !m && y.unshift(u), xl(y, l.columnOrder, [pe, ve]);
+      return Bl(m, l.columnOrder, [De, Ee]);
     }), {
-      leafColumns: f,
-      headerRows: oe
-    } = je(() => St.value), Dt = a(() => oe.value.length > 1), {
-      columnWidths: K,
-      startResize: Rt,
-      isResizing: Et
-    } = Nl({
-      columns: () => f.value,
-      onResizeColumn(t, o) {
-        s("resizeColumn", t, o);
+      leafColumns: v,
+      headerRows: ce
+    } = lt(() => At.value), Wt = o(() => ce.value.length > 1), {
+      columnWidths: $,
+      startResize: Pt,
+      isResizing: zt
+    } = Kl({
+      columns: () => v.value,
+      onResizeColumn(e, a) {
+        u("resizeColumn", e, a);
       }
     }), {
-      headerWrapRef: _,
-      bodyWrapRef: E,
-      scrollState: ge,
-      handleBodyScroll: we,
-      fixedOffsets: ye,
-      syncHorizontalScroll: It,
-      updateScrollState: Tt
-    } = El({
-      displayColumns: () => f.value,
-      columnWidths: K,
-      layoutWidths: () => C.metrics.value?.widths,
-      syncElements: () => V.value ? [V.value] : []
-    }), he = a(() => Dl({
-      compatClass: H,
-      fixedOffsets: ye,
-      scrollState: ge,
-      empty: w.value.length === 0,
+      headerWrapRef: U,
+      bodyWrapRef: N,
+      scrollState: Te,
+      handleBodyScroll: Re,
+      fixedOffsets: Ie,
+      syncHorizontalScroll: Kt,
+      updateScrollState: Le
+    } = _l({
+      displayColumns: () => v.value,
+      columnWidths: $,
+      layoutWidths: () => T.metrics.value?.widths,
+      syncElements: () => q.value ? [q.value] : []
+    }), He = o(() => Fl({
+      compatClass: W,
+      fixedOffsets: Ie,
+      scrollState: Te,
+      empty: g.value.length === 0,
       fixedHeader: l.scroll?.y !== void 0,
-      fixedColumn: xe.value && be.value,
-      horizontalScroll: xe.value,
-      layoutFixed: j.value === "fixed"
-    })), M = a(() => l.scroll?.y === "auto"), Ce = a(() => !!l.scroll?.y || l.showHeader !== !1 && !!l.sticky), be = a(() => f.value.some((t) => t.fixed === "left" || t.fixed === "right")), xe = a(() => l.scroll?.x !== void 0 || C.overflow.value || !!l.expandable?.fixed), Ht = a(() => P.value.some((t) => Sl(t).enabled)), j = a(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || be.value || Ht.value ? "fixed" : "auto"), Lt = a(() => {
-      if (R.value)
+      fixedColumn: Fe.value && Ne.value,
+      horizontalScroll: Fe.value,
+      layoutFixed: X.value === "fixed"
+    })), G = o(() => l.scroll?.y === "auto"), Be = o(() => !!l.scroll?.y || l.showHeader !== !1 && !!l.sticky), Ne = o(() => v.value.some((e) => e.fixed === "left" || e.fixed === "right")), Fe = o(() => l.scroll?.x !== void 0 || T.overflow.value || !!l.expandable?.fixed), Mt = o(() => M.value.some((e) => Nl(e).enabled)), X = o(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || Ne.value || Mt.value ? "fixed" : "auto"), jt = o(() => {
+      if (F.value)
         return {
           position: "sticky",
-          top: `${R.value.offsetHeader ?? 0}px`,
+          top: `${F.value.offsetHeader ?? 0}px`,
           zIndex: "4"
         };
-    }), Se = b(null), V = b(null), F = b(null), C = Hl({
-      columns: () => f.value,
-      columnWidths: K,
-      layout: () => j.value,
-      split: () => Ce.value,
-      root: () => F.value,
-      viewport: () => F.value?.contains(E.value) ? E.value : _.value ?? F.value,
+    }), Oe = S(null), q = S(null), O = S(null), T = Wl({
+      columns: () => v.value,
+      columnWidths: $,
+      layout: () => X.value,
+      split: () => Be.value,
+      root: () => O.value,
+      viewport: () => O.value?.contains(N.value) ? N.value : U.value ?? O.value,
       scrollX: () => l.scroll?.x,
       onMeasure: () => {
-        D.value || Tt();
+        R.value || Le();
       }
     }), {
-      bodyHeight: De
-    } = Il({
-      enabled: () => M.value,
-      wrapperEl: () => Se.value,
-      headerEl: () => _.value,
-      summaryEl: () => V.value,
-      hasData: () => w.value.length > 0
-    }), Bt = a(() => {
-      const t = l.scroll?.y;
-      if (t !== void 0)
-        return M.value ? De.value : typeof t == "number" ? Number.isFinite(t) && t > 0 ? t : void 0 : t;
+      bodyHeight: _e
+    } = kl({
+      enabled: () => G.value,
+      wrapperEl: () => Oe.value,
+      headerEl: () => U.value,
+      summaryEl: () => q.value,
+      hasData: () => g.value.length > 0
+    }), Vt = o(() => {
+      const e = l.scroll?.y;
+      if (e !== void 0)
+        return G.value ? _e.value : typeof e == "number" ? Number.isFinite(e) && e > 0 ? e : void 0 : e;
     }), {
-      enabled: D,
-      itemHeight: Nt,
-      listHeight: Ft,
-      fixedHeight: Ot,
-      resolvedScrollY: At
-    } = Fl({
+      enabled: R,
+      itemHeight: Yt,
+      listHeight: $t,
+      fixedHeight: Ut,
+      resolvedScrollY: Gt
+    } = Ml({
       virtual: () => l.virtual,
       scrollY: () => l.scroll?.y,
       size: () => l.size,
       rowHeight: () => l.rowHeight,
-      measuredHeight: () => De.value
-    }), Re = a(() => P.value.some((t) => !!t.customCell || !!t.customRender)), ae = a(() => !Dt.value || l.bordered ? {
+      measuredHeight: () => _e.value
+    }), ke = o(() => M.value.some((e) => !!e.customCell || !!e.customRender)), fe = o(() => !Wt.value || l.bordered ? {
       table: "",
       th: "",
       td: ""
     } : {
-      table: e.groupedHeaderTable(),
-      th: e.groupedHeaderTh(),
-      td: e.groupedHeaderTd()
-    }), O = a(() => x(e.table(), ae.value.table) ?? ""), Ee = a(() => C.enabled.value ? e.widthLayoutCell() : void 0), Ie = a(() => x(e.th(), ae.value.th, Ee.value) ?? ""), ne = a(() => x(e.td(), ae.value.td, Ee.value) ?? "");
-    I([D, Re], ([t, o]) => {
+      table: t.groupedHeaderTable(),
+      th: t.groupedHeaderTh(),
+      td: t.groupedHeaderTd()
+    }), K = o(() => L(t.table(), fe.value.table) ?? ""), Ae = o(() => T.enabled.value ? t.widthLayoutCell() : void 0), We = o(() => L(t.th(), fe.value.th, Ae.value) ?? ""), me = o(() => L(t.td(), fe.value.td, Ae.value) ?? "");
+    I([R, ke], ([e, a]) => {
     }, {
       immediate: !0
-    }), I([() => l.virtual, At], ([t, o]) => {
-      if (!t) return;
-      const r = String(l.scroll?.y);
-      o.kind === "compat-px" ? nl("vtable-scroll-y-compat-px", `[VTable] virtual 模式下字符串 scroll.y（${r}）按 ${o.value}px 解析，这是兼容行为；请改用数字或 'auto'。`) : o.kind === "invalid-string" || o.kind === "invalid-number" && l.scroll?.y && `${Ol}`;
+    }), I([() => l.virtual, Gt], ([e, a]) => {
+      if (!e) return;
+      const n = String(l.scroll?.y);
+      a.kind === "compat-px" ? vl("vtable-scroll-y-compat-px", `[VTable] virtual 模式下字符串 scroll.y（${n}）按 ${a.value}px 解析，这是兼容行为；请改用数字或 'auto'。`) : a.kind === "invalid-string" || a.kind === "invalid-number" && l.scroll?.y && `${jl}`;
     }, {
       immediate: !0
     });
-    const Te = b(null), He = b(null);
-    I(() => Te.value?.wrapRef, (t) => {
-      t && (E.value = t);
-    }), I(() => He.value?.wrapRef, (t) => {
-      t && (E.value = t);
+    const Pe = S(null), ze = S(null);
+    I(() => Pe.value?.wrapRef, (e) => {
+      e && (N.value = e);
+    }), I(() => ze.value?.wrapRef, (e) => {
+      e && (N.value = e);
+    });
+    let ve = !1;
+    Xe(() => {
+      ve = !0;
+    }), ye(() => {
+      ve = !1;
     });
-    const Pt = a(() => Ll(f.value)), Le = a(() => l.virtualColumn ? D.value ? Re.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : Pt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), re = a(() => l.virtualColumn && Le.value === null);
-    I(Le, (t) => {
+    async function Xt(e) {
+      if (!e || typeof e != "object") return !1;
+      for (const s of [e.top, e.left, e.offset])
+        if (s !== void 0 && (typeof s != "number" || !Number.isFinite(s)))
+          return !1;
+      if (e.align !== void 0 && !["top", "bottom", "auto"].includes(e.align) || (await qe(), !ve)) return !1;
+      let a;
+      if (e.key !== void 0) {
+        if (a = g.value.findIndex((s, m) => b(s, m) === e.key), a < 0) return !1;
+      } else if (e.index !== void 0) {
+        if (!Number.isSafeInteger(e.index) || e.index < 0 || (a = e.index, a >= g.value.length)) return !1;
+      } else if (e.top === void 0 && e.left === void 0)
+        return !1;
+      if (R.value)
+        return await ie.value?.scrollTo({
+          index: a,
+          top: a === void 0 ? e.top : void 0,
+          left: e.left,
+          align: e.align ?? "top",
+          offset: e.offset
+        }) ?? !1;
+      const n = N.value;
+      if (!n || !O.value?.contains(n)) return !1;
+      let i = e.top;
+      if (a !== void 0) {
+        const s = n.querySelector(`[data-vtg-row-index="${a}"]`);
+        if (!s) return !1;
+        const m = s.getBoundingClientRect(), p = n.getBoundingClientRect(), y = m.top - p.top + n.scrollTop - n.clientTop, w = y + m.height, _ = e.offset ?? 0, k = e.align ?? "top";
+        k === "top" || k === "auto" && y < n.scrollTop + _ ? i = y - _ : k === "bottom" || k === "auto" && w > n.scrollTop + n.clientHeight - _ ? i = w - n.clientHeight + _ : i = void 0;
+      }
+      return i !== void 0 && (n.scrollTop = Math.max(0, Math.min(i, n.scrollHeight - n.clientHeight))), e.left !== void 0 && (n.scrollLeft = Math.max(0, Math.min(e.left, n.scrollWidth - n.clientWidth))), Le(), !0;
+    }
+    c({
+      scrollTo: Xt,
+      retryTreeLoad: C.retry,
+      getTreeLoadError: C.getError
+    });
+    const qt = o(() => Pl(v.value)), Ke = o(() => l.virtualColumn ? R.value ? ke.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : qt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), pe = o(() => l.virtualColumn && Ke.value === null);
+    I(Ke, (e) => {
     }, {
       immediate: !0
     });
     const {
-      metrics: Wt
-    } = Tl({
-      enabled: () => re.value && !C.enabled.value,
-      headerEl: () => _.value,
-      columns: () => f.value,
-      columnWidths: K,
+      metrics: Jt
+    } = Al({
+      enabled: () => pe.value && !T.enabled.value,
+      headerEl: () => U.value,
+      columns: () => v.value,
+      columnWidths: $,
       hasHeader: () => l.showHeader !== !1
-    }), Be = a(() => C.metrics.value ?? Wt.value);
-    I([re, Be], ([t, o]) => {
-      !t || o || l.showHeader !== !1 || C.enabled.value;
+    }), Me = o(() => T.metrics.value ?? Jt.value);
+    I([pe, Me], ([e, a]) => {
+      !e || a || l.showHeader !== !1 || T.enabled.value;
     }, {
       immediate: !0
     });
-    function kt(t) {
-      return le.value ? fe.value.get(t)?.level ?? 0 : 0;
+    function Zt(e) {
+      return se.value ? be.value.get(e)?.level ?? 0 : 0;
     }
-    function zt(t, o) {
-      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, kt(t)) : l.rowClassName : "";
+    function Qt(e, a) {
+      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(e, a, Zt(e)) : l.rowClassName : "";
     }
-    function Kt(t, o) {
-      return l.customRow?.(t, o);
+    function el(e, a) {
+      return l.customRow?.(e, a);
     }
-    function _t(t, o) {
-      return l.customHeaderRow?.(t, o);
+    function tl(e, a) {
+      return l.customHeaderRow?.(e, a);
     }
-    function Mt(t) {
-      if (typeof t.title != "function")
-        return t.title ?? "";
-      const o = t, r = Qe.value.filter((u) => !!u.column);
-      return t.title({
-        sortOrder: o.sorter ? J(o) ?? void 0 : void 0,
-        sortColumn: Ze.value.column,
-        sortColumns: r.length > 0 ? r : void 0,
-        filters: W()
+    function ll(e) {
+      if (typeof e.title != "function")
+        return e.title ?? "";
+      const a = e, n = ft.value.filter((i) => !!i.column);
+      return e.title({
+        sortOrder: a.sorter ? ae(a) ?? void 0 : void 0,
+        sortColumn: ct.value.column,
+        sortColumns: n.length > 0 ? n : void 0,
+        filters: j()
       });
     }
-    function jt(t) {
-      return !!(t.sorter && J(t));
+    function al(e) {
+      return !!(e.sorter && ae(e));
     }
-    const Ne = {
+    const je = {
       width: "100%",
       minWidth: "100%"
-    }, Vt = {
-      widthConstraintCell: e.widthConstraintCell,
-      widthConstraintInner: e.widthConstraintInner,
-      widthLayoutCell: e.widthLayoutCell,
-      thSortable: e.thSortable,
-      thSorted: e.thSorted,
-      tdSorted: e.tdSorted,
-      sortButton: e.sortButton,
-      sortIconDown: e.sortIconDown,
-      sortAreaOuter: e.sortAreaOuter,
-      sortAreaWrapper: e.sortAreaWrapper,
-      sortAreaTitle: e.sortAreaTitle,
-      filterIconWrapper: e.filterIconWrapper,
-      filterIcon: e.filterIcon,
-      filterDropdown: e.filterDropdown,
-      filterDropdownList: e.filterDropdownList,
-      filterDropdownItem: e.filterDropdownItem,
-      filterDropdownItemSelected: e.filterDropdownItemSelected,
-      filterDropdownItemSelectedSingle: e.filterDropdownItemSelectedSingle,
-      filterDropdownItemHover: e.filterDropdownItemHover,
-      filterDropdownActions: e.filterDropdownActions,
-      filterDropdownResetButton: e.filterDropdownResetButton,
-      filterDropdownConfirmButton: e.filterDropdownConfirmButton,
-      filterDropdownSearch: e.filterDropdownSearch,
-      filterDropdownSearchField: e.filterDropdownSearchField,
-      filterDropdownSearchIcon: e.filterDropdownSearchIcon,
-      filterDropdownSearchInput: e.filterDropdownSearchInput,
-      filterDropdownListEmpty: e.filterDropdownListEmpty,
-      filterDropdownSwitcher: e.filterDropdownSwitcher,
-      filterDropdownSwitcherExpanded: e.filterDropdownSwitcherExpanded,
-      filterDropdownSwitcherCollapsed: e.filterDropdownSwitcherCollapsed,
-      filterDropdownSwitcherNoop: e.filterDropdownSwitcherNoop,
-      filterDropdownContentWrapper: e.filterDropdownContentWrapper,
-      filterDropdownTreeWrapper: e.filterDropdownTreeWrapper,
-      filterDropdownTreeList: e.filterDropdownTreeList,
-      filterDropdownTreeItem: e.filterDropdownTreeItem,
-      filterDropdownTreeContentWrapper: e.filterDropdownTreeContentWrapper,
-      filterDropdownTreeItemSelected: e.filterDropdownTreeItemSelected,
-      filterDropdownTreeItemMatched: e.filterDropdownTreeItemMatched,
-      filterDropdownTreeCheckAll: e.filterDropdownTreeCheckAll,
-      emptyWrapper: e.emptyWrapper,
-      emptyIcon: e.emptyIcon,
-      emptyText: e.emptyText,
-      loadingSpinner: e.loadingSpinner,
-      tdSelected: e.tdSelected,
-      selectionDropdown: e.selectionDropdown,
-      selectionDropdownItem: e.selectionDropdownItem,
-      selectionExtra: e.selectionExtra,
-      summaryRow: e.summaryRow,
-      summaryCell: e.summaryCell,
-      headerWrapper: e.headerWrapper,
-      bodyWrapper: e.bodyWrapper,
-      fixedCell: e.fixedCell,
-      fixedDividerLeft: e.fixedDividerLeft,
-      fixedDividerRight: e.fixedDividerRight,
-      fixedShadowLeft: e.fixedShadowLeft,
-      fixedShadowRight: e.fixedShadowRight,
-      fixedShadowLeftHidden: e.fixedShadowLeftHidden,
-      fixedShadowRightHidden: e.fixedShadowRightHidden,
-      expandIcon: e.expandIcon,
-      expandIconExpanded: e.expandIconExpanded,
-      expandIconCollapsed: e.expandIconCollapsed,
-      expandIconSpaced: e.expandIconSpaced,
-      expandIconDisabled: e.expandIconDisabled,
-      expandIconSymbol: e.expandIconSymbol,
-      expandIconSymbolExpanded: e.expandIconSymbolExpanded,
-      expandIconSymbolCollapsed: e.expandIconSymbolCollapsed,
-      treeExpandIcon: e.treeExpandIcon,
-      treeExpandIconExpanded: e.treeExpandIconExpanded,
-      treeExpandIconCollapsed: e.treeExpandIconCollapsed,
-      treeExpandIconSpaced: e.treeExpandIconSpaced,
-      treeExpandIconDisabled: e.treeExpandIconDisabled,
-      treeExpandIconSymbol: e.treeExpandIconSymbol,
-      treeExpandIconSymbolExpanded: e.treeExpandIconSymbolExpanded,
-      treeExpandIconSymbolCollapsed: e.treeExpandIconSymbolCollapsed,
-      expandedRow: e.expandedRow,
-      expandedRowCell: e.expandedRowCell,
-      resizeHandle: e.resizeHandle,
-      tdRowHover: e.tdRowHover,
-      tdRowSelectedHover: e.tdRowSelectedHover,
-      trDragging: e.trDragging,
-      trDropAbove: e.trDropAbove,
-      trDropBelow: e.trDropBelow
-    }, Fe = a(() => _l(v.value)), Oe = b(!1);
-    return We(kl, {
-      columnLayout: C,
+    }, nl = {
+      widthConstraintCell: t.widthConstraintCell,
+      widthConstraintInner: t.widthConstraintInner,
+      widthLayoutCell: t.widthLayoutCell,
+      thSortable: t.thSortable,
+      thSorted: t.thSorted,
+      tdSorted: t.tdSorted,
+      sortButton: t.sortButton,
+      sortIconDown: t.sortIconDown,
+      sortAreaOuter: t.sortAreaOuter,
+      sortAreaWrapper: t.sortAreaWrapper,
+      sortAreaTitle: t.sortAreaTitle,
+      headerHelp: t.headerHelp,
+      cellContent: t.cellContent,
+      copyButton: t.copyButton,
+      cellStatus: t.cellStatus,
+      cellTag: t.cellTag,
+      filterIconWrapper: t.filterIconWrapper,
+      filterIcon: t.filterIcon,
+      filterDropdown: t.filterDropdown,
+      filterDropdownList: t.filterDropdownList,
+      filterDropdownItem: t.filterDropdownItem,
+      filterDropdownItemSelected: t.filterDropdownItemSelected,
+      filterDropdownItemSelectedSingle: t.filterDropdownItemSelectedSingle,
+      filterDropdownItemHover: t.filterDropdownItemHover,
+      filterDropdownActions: t.filterDropdownActions,
+      filterDropdownResetButton: t.filterDropdownResetButton,
+      filterDropdownConfirmButton: t.filterDropdownConfirmButton,
+      filterDropdownSearch: t.filterDropdownSearch,
+      filterDropdownSearchField: t.filterDropdownSearchField,
+      filterDropdownSearchIcon: t.filterDropdownSearchIcon,
+      filterDropdownSearchInput: t.filterDropdownSearchInput,
+      filterDropdownListEmpty: t.filterDropdownListEmpty,
+      filterDropdownSwitcher: t.filterDropdownSwitcher,
+      filterDropdownSwitcherExpanded: t.filterDropdownSwitcherExpanded,
+      filterDropdownSwitcherCollapsed: t.filterDropdownSwitcherCollapsed,
+      filterDropdownSwitcherNoop: t.filterDropdownSwitcherNoop,
+      filterDropdownContentWrapper: t.filterDropdownContentWrapper,
+      filterDropdownTreeWrapper: t.filterDropdownTreeWrapper,
+      filterDropdownTreeList: t.filterDropdownTreeList,
+      filterDropdownTreeItem: t.filterDropdownTreeItem,
+      filterDropdownTreeContentWrapper: t.filterDropdownTreeContentWrapper,
+      filterDropdownTreeItemSelected: t.filterDropdownTreeItemSelected,
+      filterDropdownTreeItemMatched: t.filterDropdownTreeItemMatched,
+      filterDropdownTreeCheckAll: t.filterDropdownTreeCheckAll,
+      emptyWrapper: t.emptyWrapper,
+      emptyIcon: t.emptyIcon,
+      emptyText: t.emptyText,
+      loadingSpinner: t.loadingSpinner,
+      tdSelected: t.tdSelected,
+      selectionDropdown: t.selectionDropdown,
+      selectionDropdownItem: t.selectionDropdownItem,
+      selectionExtra: t.selectionExtra,
+      summaryRow: t.summaryRow,
+      summaryCell: t.summaryCell,
+      headerWrapper: t.headerWrapper,
+      bodyWrapper: t.bodyWrapper,
+      fixedCell: t.fixedCell,
+      fixedDividerLeft: t.fixedDividerLeft,
+      fixedDividerRight: t.fixedDividerRight,
+      fixedShadowLeft: t.fixedShadowLeft,
+      fixedShadowRight: t.fixedShadowRight,
+      fixedShadowLeftHidden: t.fixedShadowLeftHidden,
+      fixedShadowRightHidden: t.fixedShadowRightHidden,
+      expandIcon: t.expandIcon,
+      expandIconExpanded: t.expandIconExpanded,
+      expandIconCollapsed: t.expandIconCollapsed,
+      expandIconSpaced: t.expandIconSpaced,
+      expandIconDisabled: t.expandIconDisabled,
+      expandIconSymbol: t.expandIconSymbol,
+      expandIconSymbolExpanded: t.expandIconSymbolExpanded,
+      expandIconSymbolCollapsed: t.expandIconSymbolCollapsed,
+      treeExpandIcon: t.treeExpandIcon,
+      treeExpandIconLoading: t.treeExpandIconLoading,
+      treeExpandIconError: t.treeExpandIconError,
+      treeExpandIconExpanded: t.treeExpandIconExpanded,
+      treeExpandIconCollapsed: t.treeExpandIconCollapsed,
+      treeExpandIconSpaced: t.treeExpandIconSpaced,
+      treeExpandIconDisabled: t.treeExpandIconDisabled,
+      treeExpandIconSymbol: t.treeExpandIconSymbol,
+      treeExpandIconSymbolExpanded: t.treeExpandIconSymbolExpanded,
+      treeExpandIconSymbolCollapsed: t.treeExpandIconSymbolCollapsed,
+      expandedRow: t.expandedRow,
+      expandedRowCell: t.expandedRowCell,
+      resizeHandle: t.resizeHandle,
+      tdRowHover: t.tdRowHover,
+      tdRowSelectedHover: t.tdRowSelectedHover,
+      trDragging: t.trDragging,
+      trDropAbove: t.trDropAbove,
+      trDropBelow: t.trDropBelow
+    }, Ve = o(() => Jl(E.value)), Ye = S(!1);
+    return Ge(Gl, {
+      renderers: o(() => l.renderers),
+      isTreeLoading: C.isLoading,
+      getTreeLoadError: C.getError,
+      columnLayout: T,
       bodyCell: d.bodyCell,
       headerCell: d.headerCell,
       empty: d.empty,
-      getSortOrder: J,
-      toggleSortOrder: qe,
-      isColumnSorted: jt,
-      getFilteredValue: et,
-      confirmFilter: tt,
-      resetFilter: lt,
+      getSortOrder: ae,
+      toggleSortOrder: ut,
+      isColumnSorted: al,
+      getFilteredValue: mt,
+      confirmFilter: vt,
+      resetFilter: pt,
       customFilterDropdown: d.customFilterDropdown,
       customFilterIcon: d.customFilterIcon,
-      showSorterTooltip: a(() => l.showSorterTooltip ?? Fe.value.showSorterTooltip),
-      headerEllipsis: a(() => l.headerEllipsis),
-      subThemeSlots: Vt,
-      presetConfig: Fe,
-      themePreset: v,
-      cssMode: g,
-      classPrefix: S,
-      vtgClass: (t) => Y(t, g.value, S.value),
-      compatClass: H,
-      localeName: L,
-      locale: Xe,
+      showSorterTooltip: o(() => l.showSorterTooltip ?? Ve.value.showSorterTooltip),
+      headerEllipsis: o(() => l.headerEllipsis),
+      subThemeSlots: nl,
+      presetConfig: Ve,
+      themePreset: E,
+      cssMode: H,
+      classPrefix: B,
+      vtgClass: (e) => J(e, H.value, B.value),
+      compatClass: W,
+      localeName: P,
+      locale: dt,
       rowSelection: () => l.rowSelection,
-      isSelected: ct,
-      isDisabledRow: ft,
-      getSelectionState: mt,
-      toggleRow: pt,
-      toggleAll: vt,
-      allCheckedState: () => gt.value,
-      getRowKey: N,
-      invertSelection: wt,
-      clearSelection: yt,
-      getChangeableRowKeys: ht,
-      fixedOffsets: ye,
-      scrollState: ge,
-      leafColumnCount: a(() => f.value.length),
-      bordered: a(() => l.bordered),
-      tableLayout: j,
-      sticky: a(() => l.sticky),
-      getRowProps: Kt,
-      getRowClassName: zt,
-      getHeaderRowProps: _t,
-      getColumnTitle: Mt,
+      isSelected: Et,
+      isDisabledRow: Tt,
+      getSelectionState: Rt,
+      toggleRow: It,
+      toggleAll: Lt,
+      allCheckedState: () => Ht.value,
+      getRowKey: b,
+      invertSelection: Bt,
+      clearSelection: Nt,
+      getChangeableRowKeys: Ft,
+      fixedOffsets: Ie,
+      scrollState: Te,
+      leafColumnCount: o(() => v.value.length),
+      bordered: o(() => l.bordered),
+      tableLayout: X,
+      sticky: o(() => l.sticky),
+      getRowProps: el,
+      getRowClassName: Qt,
+      getHeaderRowProps: tl,
+      getColumnTitle: ll,
       getPopupContainer: l.getPopupContainer,
       transformCellText: l.transformCellText,
+      columnEmptyText: o(() => l.columnEmptyText),
       expandable: () => l.expandable,
-      isExpanded: Ct,
-      toggleExpand: xt,
-      isRowExpandable: me,
-      columnWidths: K,
-      startResize: Rt,
-      isResizing: () => Et.value,
-      displayColumns: a(() => f.value),
-      registerSummaryFixed: (t) => {
-        Oe.value = t;
+      isExpanded: Ot,
+      toggleExpand: kt,
+      isRowExpandable: Se,
+      columnWidths: $,
+      startResize: Pt,
+      isResizing: () => zt.value,
+      displayColumns: o(() => v.value),
+      registerSummaryFixed: (e) => {
+        Ye.value = e;
       },
-      isTreeData: le,
-      treeFlattenData: ce,
-      getFlattenRow: (t) => fe.value.get(t),
-      toggleTreeExpand: nt,
-      isTreeExpanded: rt,
-      treeIndentSize: it,
-      hoverRange: dt,
-      setHoverRange: st,
-      clearHoverRange: ut,
+      isTreeData: se,
+      treeIndentColumnIndex: o(() => {
+        const e = v.value.map((n, i) => ({
+          column: n,
+          index: i
+        })).filter(({
+          column: n
+        }) => n.key !== "__vtg_selection__" && n.key !== "__vtg_expand__"), a = l.expandable?.expandIconColumnIndex ?? 0;
+        return e[Math.max(0, Math.min(e.length - 1, Math.floor(Number.isFinite(a) ? a : 0)))]?.index ?? -1;
+      }),
+      treeFlattenData: ue,
+      getFlattenRow: (e) => be.value.get(e),
+      toggleTreeExpand: xt,
+      isTreeExpanded: wt,
+      treeIndentSize: Ct,
+      hoverRange: bt,
+      setHoverRange: St,
+      clearHoverRange: Dt,
       // 拖拽期间抑制 hover 高亮，避免干扰拖放指示线
-      hoverable: a(() => l.hoverable !== !1 && z.draggingKey.value === null),
+      hoverable: o(() => l.hoverable !== !1 && Y.draggingKey.value === null),
       rowDrag: {
-        enabled: a(() => l.rowDraggable === !0),
-        draggingKey: z.draggingKey,
-        dropTarget: z.dropTarget,
-        getBindings: (t, o, r) => z.getBindings(t, o, r)
+        enabled: o(() => l.rowDraggable === !0),
+        draggingKey: Y.draggingKey,
+        dropTarget: Y.dropTarget,
+        getBindings: (e, a, n) => Y.getBindings(e, a, n)
       }
     }), () => {
-      let t;
-      const o = l.title ? l.title(w.value) : d.title ? d.title({
-        data: w.value
-      }) : null, r = l.footer ? l.footer(w.value) : d.footer ? d.footer({
-        data: w.value
-      }) : null, u = d.summary ? d.summary() : null, h = Oe.value !== !1, y = l.scroll, p = {
-        tableLayout: j.value
+      let e;
+      const a = l.title ? l.title(g.value) : d.title ? d.title({
+        data: g.value
+      }) : null, n = l.footer ? l.footer(g.value) : d.footer ? d.footer({
+        data: g.value
+      }) : null, i = d.summary ? d.summary() : null, s = Ye.value !== !1, m = l.scroll, p = {
+        tableLayout: X.value
       };
-      y?.x ? (p.width = typeof y.x == "number" ? `${y.x}px` : y.x, p.minWidth = "100%") : p.width = "100%", Object.assign(p, C.tableStyle.value);
-      const m = l.loading, A = m === !0 || typeof m == "object" && m !== null && m.spinning !== !1, Yt = typeof m == "object" && m !== null ? m.indicator : void 0, $t = typeof m == "object" && m !== null ? m.tip : void 0, Ae = A && (d.loading ? n(Me, {
-        loadingClass: e.loading()
-      }, Ve(t = d.loading()) ? t : {
-        default: () => [t]
-      }) : n(Me, {
-        loadingClass: e.loading(),
-        indicator: Yt,
-        tip: $t
+      m?.x ? (p.width = typeof m.x == "number" ? `${m.x}px` : m.x, p.minWidth = "100%") : p.width = "100%", Object.assign(p, T.tableStyle.value);
+      const y = l.loading, w = x.value, _ = typeof y == "object" && y !== null ? y.indicator : void 0, k = typeof y == "object" && y !== null ? y.tip : void 0, $e = w && (d.loading ? r(tt, {
+        loadingClass: t.loading()
+      }, at(e = d.loading()) ? e : {
+        default: () => [e]
+      }) : r(tt, {
+        loadingClass: t.loading(),
+        indicator: _,
+        tip: k
       }, null));
-      if (Ce.value) {
-        const Ut = l.showHeader !== !1 ? n("div", {
-          ref: _,
-          class: x(e.headerWrapper(), R.value && H?.("sticky-holder")),
-          style: Lt.value
-        }, [n("div", {
-          class: Y("block w-full min-w-full", g.value, S.value)
-        }, [n("table", {
+      if (Be.value) {
+        const ol = l.showHeader !== !1 ? r("div", {
+          ref: U,
+          class: L(t.headerWrapper(), F.value && W?.("sticky-holder")),
+          style: jt.value
+        }, [r("div", {
+          class: J("block w-full min-w-full", H.value, B.value)
+        }, [r("table", {
           "data-vtg-table": "",
-          class: O.value,
+          class: K.value,
           style: p
-        }, [n(U, {
-          columns: f.value
-        }, null), n(G, null, null), n(Ke, {
-          rows: oe.value,
-          theadClass: e.thead(),
-          rowClass: e.tr(),
-          thClass: Ie.value,
-          headerCellInnerClass: e.headerCellInner()
-        }, null)])])]) : null, Gt = D.value ? n(Ml, {
-          ref: ue,
-          dataSource: w.value,
-          columns: f.value,
-          tbodyClass: e.tbody(),
-          rowClass: e.tr(),
-          tdClass: ne.value,
-          emptyClass: e.empty(),
-          bodyCellEllipsisClass: e.bodyCellEllipsis(),
-          tableClass: O.value,
+        }, [r(Q, {
+          columns: v.value
+        }, null), r(ee, null, null), r(Qe, {
+          rows: ce.value,
+          theadClass: t.thead(),
+          rowClass: t.tr(),
+          thClass: We.value,
+          headerCellInnerClass: t.headerCellInner()
+        }, null)])])]) : null, rl = R.value ? r(Zl, {
+          ref: ie,
+          dataSource: g.value,
+          columns: v.value,
+          tbodyClass: t.tbody(),
+          rowClass: t.tr(),
+          tdClass: me.value,
+          emptyClass: t.empty(),
+          bodyCellEllipsisClass: t.bodyCellEllipsis(),
+          tableClass: K.value,
           tableStyle: p,
           rowKey: l.rowKey,
-          height: Ft.value,
-          itemHeight: Nt.value,
-          fixedHeight: Ot.value,
-          virtualColumn: re.value,
-          columnMetrics: Be.value,
+          height: $t.value,
+          itemHeight: Yt.value,
+          fixedHeight: Ut.value,
+          virtualColumn: pe.value,
+          columnMetrics: Me.value,
           showScrollBar: "hover",
-          onVirtualScroll: (Pe) => {
-            It(Pe.x, Pe.maxX);
+          onVirtualScroll: (Ue) => {
+            Kt(Ue.x, Ue.maxX);
           }
-        }, null) : null, Xt = D.value ? null : n(ke, {
-          ref: Te,
-          maxHeight: Bt.value,
-          wrapClass: e.bodyWrapper(),
-          viewStyle: Ne,
-          onScroll: we
+        }, null) : null, il = R.value ? null : r(Je, {
+          ref: Pe,
+          maxHeight: Vt.value,
+          wrapClass: t.bodyWrapper(),
+          viewStyle: je,
+          onScroll: Re
         }, {
-          default: () => [n("table", {
+          default: () => [r("table", {
             "data-vtg-table": "",
-            class: O.value,
+            class: K.value,
             style: p
-          }, [n(U, {
-            columns: f.value
-          }, null), n(G, null, null), n(_e, {
-            dataSource: w.value,
-            columns: f.value,
-            tbodyClass: e.tbody(),
-            rowClass: e.tr(),
-            tdClass: ne.value,
-            emptyClass: e.empty(),
-            bodyCellEllipsisClass: e.bodyCellEllipsis(),
+          }, [r(Q, {
+            columns: v.value
+          }, null), r(ee, null, null), r(et, {
+            dataSource: g.value,
+            columns: v.value,
+            tbodyClass: t.tbody(),
+            rowClass: t.tr(),
+            tdClass: me.value,
+            emptyClass: t.empty(),
+            bodyCellEllipsisClass: t.bodyCellEllipsis(),
             rowKey: l.rowKey
-          }, null), u && !h && n("tfoot", {
-            class: e.summary()
-          }, [u])])]
-        }), qt = u && (h || D.value) ? n("div", {
-          ref: V,
-          class: x(e.headerWrapper(), H?.("summary"), R.value && h && H?.("sticky-holder")),
-          style: h ? {
+          }, null), i && !s && r("tfoot", {
+            class: t.summary()
+          }, [i])])]
+        }), dl = i && (s || R.value) ? r("div", {
+          ref: q,
+          class: L(t.headerWrapper(), W?.("summary"), F.value && s && W?.("sticky-holder")),
+          style: s ? {
             position: "sticky",
-            bottom: `${R.value?.offsetSummary ?? 0}px`,
+            bottom: `${F.value?.offsetSummary ?? 0}px`,
             zIndex: "4",
             overflow: "hidden"
           } : void 0
-        }, [n("div", {
-          class: Y("block w-full min-w-full", g.value, S.value)
-        }, [n("table", {
+        }, [r("div", {
+          class: J("block w-full min-w-full", H.value, B.value)
+        }, [r("table", {
           "data-vtg-table": "",
-          class: O.value,
+          class: K.value,
           style: p
-        }, [n(U, {
-          columns: f.value
-        }, null), n(G, null, null), n("tfoot", {
-          class: e.summary()
-        }, [u])])])]) : null;
-        return n("div", {
-          ref: F,
-          class: x(e.root(), M.value && e.rootAutoHeight(), he.value)
-        }, [k("top"), o && n("div", {
-          class: e.title()
-        }, [o]), n("div", {
-          ref: Se,
-          class: x(e.wrapper(), M.value && e.wrapperAutoHeight(), R.value && Y("overflow-clip", g.value, S.value))
-        }, [Ut, Gt, Xt, qt, Ae]), r && n("div", {
-          class: e.footer()
-        }, [r]), k("bottom")]);
+        }, [r(Q, {
+          columns: v.value
+        }, null), r(ee, null, null), r("tfoot", {
+          class: t.summary()
+        }, [i])])])]) : null;
+        return r("div", {
+          ref: O,
+          class: L(t.root(), G.value && t.rootAutoHeight(), He.value, we.value)
+        }, [V("top"), a && r("div", {
+          class: t.title()
+        }, [a]), r("div", {
+          ref: Oe,
+          class: L(t.wrapper(), G.value && t.wrapperAutoHeight(), F.value && J("overflow-clip", H.value, B.value))
+        }, [ol, rl, il, dl, $e]), n && r("div", {
+          class: t.footer()
+        }, [n]), V("bottom")]);
       }
-      const ie = n(tl, null, [n("table", {
+      const ge = r(cl, null, [r("table", {
         "data-vtg-table": "",
-        class: O.value,
+        class: K.value,
         style: p
-      }, [n(U, {
-        columns: f.value
-      }, null), n(G, null, null), l.showHeader !== !1 && n(Ke, {
-        rows: oe.value,
-        theadClass: e.thead(),
-        rowClass: e.tr(),
-        thClass: Ie.value,
-        headerCellInnerClass: e.headerCellInner()
-      }, null), n(_e, {
-        dataSource: w.value,
-        columns: f.value,
-        tbodyClass: e.tbody(),
-        rowClass: e.tr(),
-        tdClass: ne.value,
-        emptyClass: e.empty(),
-        bodyCellEllipsisClass: e.bodyCellEllipsis(),
+      }, [r(Q, {
+        columns: v.value
+      }, null), r(ee, null, null), l.showHeader !== !1 && r(Qe, {
+        rows: ce.value,
+        theadClass: t.thead(),
+        rowClass: t.tr(),
+        thClass: We.value,
+        headerCellInnerClass: t.headerCellInner()
+      }, null), r(et, {
+        dataSource: g.value,
+        columns: v.value,
+        tbodyClass: t.tbody(),
+        rowClass: t.tr(),
+        tdClass: me.value,
+        emptyClass: t.empty(),
+        bodyCellEllipsisClass: t.bodyCellEllipsis(),
         rowKey: l.rowKey
-      }, null), u && n("tfoot", {
-        class: e.summary()
-      }, [u])]), Ae]);
-      return n("div", {
-        ref: F,
-        class: x(e.root(), he.value)
-      }, [k("top"), o && n("div", {
-        class: e.title()
-      }, [o]), n(ke, {
-        ref: He,
-        wrapClass: e.wrapper(),
-        viewStyle: Ne,
-        onScroll: we
-      }, Ve(ie) ? ie : {
-        default: () => [ie]
-      }), r && n("div", {
-        class: e.footer()
-      }, [r]), k("bottom")]);
+      }, null), i && r("tfoot", {
+        class: t.summary()
+      }, [i])]), $e]);
+      return r("div", {
+        ref: O,
+        class: L(t.root(), He.value, we.value)
+      }, [V("top"), a && r("div", {
+        class: t.title()
+      }, [a]), r(Je, {
+        ref: ze,
+        wrapClass: t.wrapper(),
+        viewStyle: je,
+        onScroll: Re
+      }, at(ge) ? ge : {
+        default: () => [ge]
+      }), n && r("div", {
+        class: t.footer()
+      }, [n]), V("bottom")]);
     };
   }
 });
 export {
-  zo as default
+  qa as default
 };