@vtable-guild/vtable-guild 2.7.1 → 2.8.0

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

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