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

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

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