@vtable-guild/vtable-guild 2.6.3 → 2.6.4

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

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