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

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

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