@vtable-guild/vtable-guild 2.9.0-alpha.0 → 2.9.0-alpha.2

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

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