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

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

@@ -1,26 +1,26 @@
-import { defineComponent as ul, ref as S, watch as I, onBeforeUnmount as ye, computed as o, inject as sl, provide as Ge, onMounted as Xe, createVNode as r, Fragment as cl, nextTick as qe, isVNode as fl } from "vue";
+import { defineComponent as ul, ref as S, watch as I, onBeforeUnmount as ye, computed as n, inject as sl, provide as Ge, onMounted as Xe, createVNode as r, Fragment as cl, nextTick as qe, isVNode as fl } from "vue";
 import { isManual as he } from "../utils/manual.mjs";
 import "../../../core/src/utils/tv.mjs";
 import { prefixThemeConfig as ml, prefixVtgClassNames as J } from "../../../core/src/utils/classPrefix.mjs";
 import { devWarn as vl } from "../../../core/src/utils/devWarn.mjs";
-import { mergeThemeConfigs as A, useTheme as pl } from "../../../core/src/composables/useTheme.mjs";
+import { mergeThemeConfigs as k, useTheme as pl } from "../../../core/src/composables/useTheme.mjs";
 import { mergeDeep as Z } from "../../../core/src/utils/mergeDeep.mjs";
 import Je from "../../../core/src/components/Scrollbar.mjs";
 import { VTABLE_GUILD_INJECTION_KEY as Ze } from "../../../core/src/plugin/index.mjs";
 import { paginationZhCN as gl } from "../../../theme/src/pagination.mjs";
-import { resolveTooltipThemePreset as yl, resolveScrollbarThemePreset as hl, resolveRadioThemePreset as wl, resolveInputThemePreset as Cl, resolveCheckboxThemePreset as xl, resolveButtonThemePreset as bl, resolveTableThemePreset as Sl, resolveTableLocalePreset as Dl, resolveBuiltInTableLocale as El, resolveBuiltInLocale as Tl } from "../../../theme/src/presets/index.mjs";
+import { resolveTooltipThemePreset as yl, resolveScrollbarThemePreset as hl, resolveRadioThemePreset as wl, resolveInputThemePreset as Cl, resolveCheckboxThemePreset as xl, resolveButtonThemePreset as bl, resolveTableThemePreset as Sl, resolveTableLocalePreset as Dl, resolveBuiltInTableLocale as Tl, resolveBuiltInLocale as El } from "../../../theme/src/presets/index.mjs";
 import { antdvTableCompatClasses as Rl } from "../../../theme/src/compat/antdv-table.mjs";
 import { usePagination as Il } from "../composables/usePagination.mjs";
 import Ll from "./TablePagination.mjs";
 import { filterVisibleColumns as Hl, applyColumnOrder as Bl } from "../composables/useColumnDisplay.mjs";
 import { getEllipsisConfig as Nl } from "../utils/cell.mjs";
 import { getRootCompatClass as Fl } from "../utils/compat.mjs";
-import { resolveRowKey as Ol } from "../utils/rowKey.mjs";
-import { useScroll as _l } from "../composables/useScroll.mjs";
-import { useAutoHeight as kl } from "../composables/useAutoHeight.mjs";
-import { useColumnMetrics as Al } from "../composables/useColumnMetrics.mjs";
-import { useColumnLayout as Wl } from "../composables/useColumnLayout.mjs";
-import { resolveFixedColumnRanges as Pl } from "../composables/useColumnWindow.mjs";
+import { resolveRowKey as Pl } from "../utils/rowKey.mjs";
+import { useScroll as Ol } from "../composables/useScroll.mjs";
+import { useAutoHeight as _l } from "../composables/useAutoHeight.mjs";
+import { useColumnMetrics as kl } from "../composables/useColumnMetrics.mjs";
+import { useColumnLayout as Al } from "../composables/useColumnLayout.mjs";
+import { resolveFixedColumnRanges as Wl } from "../composables/useColumnWindow.mjs";
 import { useExpand as zl } from "../composables/useExpand.mjs";
 import { useResize as Kl } from "../composables/useResize.mjs";
 import { useVirtual as Ml, INVALID_SCROLL_Y_FALLBACK as jl } from "../composables/useVirtual.mjs";
@@ -47,7 +47,7 @@ function at(l) {
   return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !fl(l);
 }
 const aa = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
-function nt() {
+function ot() {
   if (typeof window > "u")
     return /* @__PURE__ */ new Set(["md", "sm", "xs"]);
   const l = window.innerWidth, d = /* @__PURE__ */ new Set();
@@ -59,7 +59,7 @@ function nt() {
     l >= c && d.add(u);
   }), d;
 }
-function ot(l, d) {
+function nt(l, d) {
   return l.reduce((u, c) => {
     if (typeof c == "symbol")
       return u.push(c), u;
@@ -67,7 +67,7 @@ function ot(l, d) {
       return u;
     const x = c.fixed === !0 ? "left" : c.fixed;
     if ("children" in c && Array.isArray(c.children)) {
-      const D = ot(c.children, d);
+      const D = nt(c.children, d);
       return D.length === 0 || u.push({
         ...c,
         fixed: x,
@@ -321,21 +321,21 @@ const qa = /* @__PURE__ */ ul({
     }, {
       immediate: !0
     }), ye(() => clearTimeout(D));
-    const we = o(() => typeof l.loading == "object" ? l.loading?.wrapperClassName : void 0), h = sl(Ze, null), E = o(() => h?.themePreset ?? "antdv"), H = o(() => h?.cssMode ?? "prebuilt"), B = o(() => h?.classPrefix ?? "vtg"), rt = o(() => {
-      const e = h?.theme ?? {}, a = E.value, n = (i) => ml(i, H.value, B.value);
+    const we = n(() => typeof l.loading == "object" ? l.loading?.wrapperClassName : void 0), h = sl(Ze, null), T = n(() => h?.themePreset ?? "antdv"), H = n(() => h?.cssMode ?? "prebuilt"), B = n(() => h?.classPrefix ?? "vtg"), rt = n(() => {
+      const e = h?.theme ?? {}, a = T.value, o = (i) => ml(i, H.value, B.value);
       return {
         ...e,
-        button: A(n(bl(a)), e.button),
-        checkbox: A(n(xl(a)), e.checkbox),
-        input: A(n(Cl(a)), e.input),
-        radio: A(n(wl(a)), e.radio),
-        scrollbar: A(n(hl(a)), e.scrollbar),
-        tooltip: A(n(yl(a)), e.tooltip)
+        button: k(o(bl(a)), e.button),
+        checkbox: k(o(xl(a)), e.checkbox),
+        input: k(o(Cl(a)), e.input),
+        radio: k(o(wl(a)), e.radio),
+        scrollbar: k(o(hl(a)), e.scrollbar),
+        tooltip: k(o(yl(a)), e.tooltip)
       };
     });
     Ge(Ze, {
       get themePreset() {
-        return E.value;
+        return T.value;
       },
       get cssMode() {
         return H.value;
@@ -359,39 +359,39 @@ const qa = /* @__PURE__ */ ul({
         return h?.compatClass;
       }
     });
-    const it = o(() => Sl(E.value) ?? Ql), {
+    const it = n(() => Sl(T.value) ?? Ql), {
       slots: t
     } = pl("table", it, l, {
       compatClasses: Rl
-    }), W = h?.compatClass === !0 ? (e) => `ant-table-${e}` : void 0, P = o(() => l.locale ?? h?.locale ?? "zh-CN"), Ce = o(() => ({
+    }), A = h?.compatClass === !0 ? (e) => `ant-table-${e}` : void 0, W = n(() => l.locale ?? h?.locale ?? "zh-CN"), Ce = n(() => ({
       ...h?.locales ?? {},
       ...l.locales ?? {}
-    })), dt = o(() => {
-      const e = Dl(E.value), a = El(E.value, P.value), n = Ce.value[P.value]?.table, i = Z(Z(e, a), n);
+    })), dt = n(() => {
+      const e = Dl(T.value), a = Tl(T.value, W.value), o = Ce.value[W.value]?.table, i = Z(Z(e, a), o);
       return Z(i, Z(h?.localeOverrides?.table ?? {}, l.localeOverrides));
-    }), te = S(nt());
+    }), te = S(ot());
     function le() {
-      te.value = nt();
+      te.value = ot();
     }
     Xe(() => {
       le(), window.addEventListener("resize", le);
     }), ye(() => {
       window.removeEventListener("resize", le);
     });
-    const xe = o(() => ot(l.columns, te.value)), F = o(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
+    const xe = n(() => nt(l.columns, te.value)), F = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
       leafColumns: M
     } = lt(() => xe.value), {
       getSortOrder: ae,
       toggleSortOrder: ut,
       sortData: st,
       sorterState: ct,
-      sorterResult: ne,
+      sorterResult: oe,
       sortColumns: ft
     } = ea({
       columns: () => M.value,
       tableSortDirections: () => l.sortDirections,
       onSorterChange(e) {
-        const a = oe();
+        const a = ne();
         u("change", j(), e, {
           action: "sort",
           currentDataSource: a,
@@ -407,11 +407,11 @@ const qa = /* @__PURE__ */ ul({
     } = ta({
       columns: () => M.value,
       onFilterChange(e) {
-        const a = oe(), n = f.resetForFilter();
-        u("change", e, ne.value, {
+        const a = ne(), o = f.resetForFilter();
+        u("change", e, oe.value, {
           action: "filter",
           currentDataSource: a,
-          ...re(n)
+          ...re(o)
         }), de();
       }
     }), C = Yl({
@@ -422,16 +422,16 @@ const qa = /* @__PURE__ */ ul({
       getRowKey: b,
       onLoadError: (e, a) => l.onTreeLoadError?.(e, a)
     });
-    function oe() {
+    function ne() {
       let e = C.data.value;
       return he(l.manual, "filter") || (e = gt(e)), he(l.manual, "sort") || (e = st(e)), e;
     }
-    const z = o(() => oe()), f = Il({
+    const z = n(() => ne()), f = Il({
       manual: () => he(l.manual, "pagination"),
       pagination: () => l.pagination,
       data: () => z.value,
       onChange(e) {
-        u("change", j(), ne.value, {
+        u("change", j(), oe.value, {
           action: "paginate",
           currentDataSource: z.value,
           pagination: e
@@ -443,10 +443,10 @@ const qa = /* @__PURE__ */ ul({
         pagination: e ?? f.state.value
       } : {};
     }
-    const yt = o(() => ({
+    const yt = n(() => ({
       ...gl,
-      ...Tl(E.value, P.value)?.pagination,
-      ...Ce.value[P.value]?.pagination,
+      ...El(T.value, W.value)?.pagination,
+      ...Ce.value[W.value]?.pagination,
       ...h?.localeOverrides?.pagination,
       ...f.config.value.locale
     })), ie = S(null);
@@ -457,16 +457,16 @@ const qa = /* @__PURE__ */ ul({
     }
     function V(e) {
       if (!f.enabled.value || f.state.value.total === 0) return null;
-      const n = (f.config.value.position ?? ["bottomRight"]).find((s) => s !== "none" && s.startsWith(e));
-      if (!n) return null;
-      const i = n.slice(e.length).toLowerCase();
+      const o = (f.config.value.position ?? ["bottomRight"]).find((s) => s !== "none" && s.startsWith(e));
+      if (!o) return null;
+      const i = o.slice(e.length).toLowerCase();
       return r(Ll, {
         key: e,
         config: f.config.value,
         state: f.state.value,
         locale: yt.value,
         align: i,
-        position: n,
+        position: o,
         tableSize: l.size,
         narrow: te.value.has("xs"),
         getPopupContainer: l.getPopupContainer,
@@ -476,8 +476,8 @@ const qa = /* @__PURE__ */ ul({
       } : void 0);
     }
     function b(e, a) {
-      const n = Ol(e, a, l.rowKey);
-      return l.rowKey === void 0 || typeof l.rowKey == "string" && l.rowKey in e, n;
+      const o = Pl(e, a, l.rowKey);
+      return l.rowKey === void 0 || typeof l.rowKey == "string" && l.rowKey in e, o;
     }
     const {
       flattenData: ue,
@@ -501,16 +501,16 @@ const qa = /* @__PURE__ */ ul({
       onExpandedRowsChange: (e) => l.onExpandedRowsChange?.(e)
     });
     function xt(e, a) {
-      const n = b(e, a);
-      if (C.getError(n)) {
+      const o = b(e, a);
+      if (C.getError(o)) {
         C.load(e, a);
         return;
       }
       ht(e, a);
     }
     I(() => l.loadData ? ue.value : void 0, (e) => {
-      e?.forEach((a, n) => {
-        a.expanded && !C.getError(b(a.record, n)) && C.load(a.record, n);
+      e?.forEach((a, o) => {
+        a.expanded && !C.getError(b(a.record, o)) && C.load(a.record, o);
       });
     }, {
       immediate: !0
@@ -527,9 +527,9 @@ const qa = /* @__PURE__ */ ul({
       onDrop(e, a) {
         u("rowDragEnd", e, a);
       }
-    }), g = o(() => se.value ? ue.value.map((e) => e.record) : f.pageData.value), {
-      isSelected: Et,
-      isDisabled: Tt,
+    }), g = n(() => se.value ? ue.value.map((e) => e.record) : f.pageData.value), {
+      isSelected: Tt,
+      isDisabled: Et,
       getSelectionState: Rt,
       toggleRow: It,
       toggleAll: Lt,
@@ -545,15 +545,15 @@ const qa = /* @__PURE__ */ ul({
       paginate: () => f.enabled.value,
       childrenColumnName: () => l.childrenColumnName,
       onSelectionChange() {
-        u("change", j(), ne.value, {
+        u("change", j(), oe.value, {
           action: "select",
           currentDataSource: g.value,
           ...re()
         });
       }
     }), {
-      isExpanded: Ot,
-      toggleExpand: _t
+      isExpanded: Pt,
+      toggleExpand: Ot
     } = zl({
       expandable: () => l.expandable,
       getRowKey: b,
@@ -563,11 +563,11 @@ const qa = /* @__PURE__ */ ul({
     }), Se = (e) => {
       const a = l.expandable;
       return a ? a.rowExpandable ? a.rowExpandable(e) : !!a.expandedRowRender : !1;
-    }, kt = (e, a) => {
-      Se(e) && _t(e, a);
-    }, De = "__vtg_selection__", Ee = "__vtg_expand__", At = o(() => {
-      const e = l.expandable, a = l.rowSelection, n = e && e.showExpandColumn !== !1 ? {
-        key: Ee,
+    }, _t = (e, a) => {
+      Se(e) && Ot(e, a);
+    }, De = "__vtg_selection__", Te = "__vtg_expand__", kt = n(() => {
+      const e = l.expandable, a = l.rowSelection, o = e && e.showExpandColumn !== !1 ? {
+        key: Te,
         title: () => d.expandColumnTitle?.() ?? e.columnTitle ?? "",
         width: e.columnWidth ?? 48,
         align: "center",
@@ -582,7 +582,7 @@ const qa = /* @__PURE__ */ ul({
       let p = !1, y = !1;
       for (const w of s) {
         if (w === Xl) {
-          n && !p && (m.push(n), p = !0);
+          o && !p && (m.push(o), p = !0);
           continue;
         }
         if (w === ql) {
@@ -591,17 +591,17 @@ const qa = /* @__PURE__ */ ul({
         }
         m.push(w);
       }
-      if (i && !y && m.unshift(i), n && !p) {
+      if (i && !y && m.unshift(i), o && !p) {
         const w = e?.expandIconColumnIndex;
-        m.splice(typeof w == "number" && Number.isFinite(w) ? Math.min(m.length, Math.max(0, Math.floor(w)) + (i ? 1 : 0)) : i ? 1 : 0, 0, n);
+        m.splice(typeof w == "number" && Number.isFinite(w) ? Math.min(m.length, Math.max(0, Math.floor(w)) + (i ? 1 : 0)) : i ? 1 : 0, 0, o);
       }
-      return Bl(m, l.columnOrder, [De, Ee]);
+      return Bl(m, l.columnOrder, [De, Te]);
     }), {
       leafColumns: v,
       headerRows: ce
-    } = lt(() => At.value), Wt = o(() => ce.value.length > 1), {
+    } = lt(() => kt.value), At = n(() => ce.value.length > 1), {
       columnWidths: $,
-      startResize: Pt,
+      startResize: Wt,
       isResizing: zt
     } = Kl({
       columns: () => v.value,
@@ -611,55 +611,55 @@ const qa = /* @__PURE__ */ ul({
     }), {
       headerWrapRef: U,
       bodyWrapRef: N,
-      scrollState: Te,
+      scrollState: Ee,
       handleBodyScroll: Re,
       fixedOffsets: Ie,
       syncHorizontalScroll: Kt,
       updateScrollState: Le
-    } = _l({
+    } = Ol({
       displayColumns: () => v.value,
       columnWidths: $,
-      layoutWidths: () => T.metrics.value?.widths,
+      layoutWidths: () => E.metrics.value?.widths,
       syncElements: () => q.value ? [q.value] : []
-    }), He = o(() => Fl({
-      compatClass: W,
+    }), He = n(() => Fl({
+      compatClass: A,
       fixedOffsets: Ie,
-      scrollState: Te,
+      scrollState: Ee,
       empty: g.value.length === 0,
       fixedHeader: l.scroll?.y !== void 0,
       fixedColumn: Fe.value && Ne.value,
       horizontalScroll: Fe.value,
       layoutFixed: X.value === "fixed"
-    })), G = o(() => l.scroll?.y === "auto"), Be = o(() => !!l.scroll?.y || l.showHeader !== !1 && !!l.sticky), Ne = o(() => v.value.some((e) => e.fixed === "left" || e.fixed === "right")), Fe = o(() => l.scroll?.x !== void 0 || T.overflow.value || !!l.expandable?.fixed), Mt = o(() => M.value.some((e) => Nl(e).enabled)), X = o(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || Ne.value || Mt.value ? "fixed" : "auto"), jt = o(() => {
+    })), G = n(() => l.scroll?.y === "auto"), Be = n(() => !!l.scroll?.y || l.showHeader !== !1 && !!l.sticky), Ne = n(() => v.value.some((e) => e.fixed === "left" || e.fixed === "right")), Fe = n(() => l.scroll?.x !== void 0 || E.overflow.value || !!l.expandable?.fixed), Mt = n(() => M.value.some((e) => Nl(e).enabled)), X = n(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || Ne.value || Mt.value ? "fixed" : "auto"), jt = n(() => {
       if (F.value)
         return {
           position: "sticky",
           top: `${F.value.offsetHeader ?? 0}px`,
           zIndex: "4"
         };
-    }), Oe = S(null), q = S(null), O = S(null), T = Wl({
+    }), Pe = S(null), q = S(null), P = S(null), E = Al({
       columns: () => v.value,
       columnWidths: $,
       layout: () => X.value,
       split: () => Be.value,
-      root: () => O.value,
-      viewport: () => O.value?.contains(N.value) ? N.value : U.value ?? O.value,
+      root: () => P.value,
+      viewport: () => P.value?.contains(N.value) ? N.value : U.value ?? P.value,
       scrollX: () => l.scroll?.x,
       onMeasure: () => {
         R.value || Le();
       }
     }), {
-      bodyHeight: _e
-    } = kl({
+      bodyHeight: Oe
+    } = _l({
       enabled: () => G.value,
-      wrapperEl: () => Oe.value,
+      wrapperEl: () => Pe.value,
       headerEl: () => U.value,
       summaryEl: () => q.value,
       hasData: () => g.value.length > 0
-    }), Vt = o(() => {
+    }), Vt = n(() => {
       const e = l.scroll?.y;
       if (e !== void 0)
-        return G.value ? _e.value : typeof e == "number" ? Number.isFinite(e) && e > 0 ? e : void 0 : e;
+        return G.value ? Oe.value : typeof e == "number" ? Number.isFinite(e) && e > 0 ? e : void 0 : e;
     }), {
       enabled: R,
       itemHeight: Yt,
@@ -671,8 +671,8 @@ const qa = /* @__PURE__ */ ul({
       scrollY: () => l.scroll?.y,
       size: () => l.size,
       rowHeight: () => l.rowHeight,
-      measuredHeight: () => _e.value
-    }), ke = o(() => M.value.some((e) => !!e.customCell || !!e.customRender)), fe = o(() => !Wt.value || l.bordered ? {
+      measuredHeight: () => Oe.value
+    }), _e = n(() => M.value.some((e) => !!e.customCell || !!e.customRender)), fe = n(() => !At.value || l.bordered ? {
       table: "",
       th: "",
       td: ""
@@ -680,19 +680,19 @@ const qa = /* @__PURE__ */ ul({
       table: t.groupedHeaderTable(),
       th: t.groupedHeaderTh(),
       td: t.groupedHeaderTd()
-    }), K = o(() => L(t.table(), fe.value.table) ?? ""), Ae = o(() => T.enabled.value ? t.widthLayoutCell() : void 0), We = o(() => L(t.th(), fe.value.th, Ae.value) ?? ""), me = o(() => L(t.td(), fe.value.td, Ae.value) ?? "");
-    I([R, ke], ([e, a]) => {
+    }), K = n(() => L(t.table(), fe.value.table) ?? ""), ke = n(() => E.enabled.value ? t.widthLayoutCell() : void 0), Ae = n(() => L(t.th(), fe.value.th, ke.value) ?? ""), me = n(() => L(t.td(), fe.value.td, ke.value) ?? "");
+    I([R, _e], ([e, a]) => {
     }, {
       immediate: !0
     }), I([() => l.virtual, Gt], ([e, a]) => {
       if (!e) return;
-      const n = String(l.scroll?.y);
-      a.kind === "compat-px" ? vl("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 && `${jl}`;
+      const o = String(l.scroll?.y);
+      a.kind === "compat-px" ? vl("vtable-scroll-y-compat-px", `[VTable] virtual 模式下字符串 scroll.y（${o}）按 ${a.value}px 解析，这是兼容行为；请改用数字或 'auto'。`) : a.kind === "invalid-string" || a.kind === "invalid-number" && l.scroll?.y && `${jl}`;
     }, {
       immediate: !0
     });
-    const Pe = S(null), ze = S(null);
-    I(() => Pe.value?.wrapRef, (e) => {
+    const We = S(null), ze = S(null);
+    I(() => We.value?.wrapRef, (e) => {
       e && (N.value = e);
     }), I(() => ze.value?.wrapRef, (e) => {
       e && (N.value = e);
@@ -724,38 +724,38 @@ const qa = /* @__PURE__ */ ul({
           align: e.align ?? "top",
           offset: e.offset
         }) ?? !1;
-      const n = N.value;
-      if (!n || !O.value?.contains(n)) return !1;
+      const o = N.value;
+      if (!o || !P.value?.contains(o)) return !1;
       let i = e.top;
       if (a !== void 0) {
-        const s = n.querySelector(`[data-vtg-row-index="${a}"]`);
+        const s = o.querySelector(`[data-vtg-row-index="${a}"]`);
         if (!s) return !1;
-        const m = s.getBoundingClientRect(), p = n.getBoundingClientRect(), y = m.top - p.top + n.scrollTop - n.clientTop, w = y + m.height, _ = e.offset ?? 0, k = e.align ?? "top";
-        k === "top" || k === "auto" && y < n.scrollTop + _ ? i = y - _ : k === "bottom" || k === "auto" && w > n.scrollTop + n.clientHeight - _ ? i = w - n.clientHeight + _ : i = void 0;
+        const m = s.getBoundingClientRect(), p = o.getBoundingClientRect(), y = m.top - p.top + o.scrollTop - o.clientTop, w = y + m.height, O = e.offset ?? 0, _ = e.align ?? "top";
+        _ === "top" || _ === "auto" && y < o.scrollTop + O ? i = y - O : _ === "bottom" || _ === "auto" && w > o.scrollTop + o.clientHeight - O ? i = w - o.clientHeight + O : i = void 0;
       }
-      return i !== void 0 && (n.scrollTop = Math.max(0, Math.min(i, n.scrollHeight - n.clientHeight))), e.left !== void 0 && (n.scrollLeft = Math.max(0, Math.min(e.left, n.scrollWidth - n.clientWidth))), Le(), !0;
+      return i !== void 0 && (o.scrollTop = Math.max(0, Math.min(i, o.scrollHeight - o.clientHeight))), e.left !== void 0 && (o.scrollLeft = Math.max(0, Math.min(e.left, o.scrollWidth - o.clientWidth))), Le(), !0;
     }
     c({
       scrollTo: Xt,
       retryTreeLoad: C.retry,
       getTreeLoadError: C.getError
     });
-    const qt = o(() => Pl(v.value)), Ke = o(() => l.virtualColumn ? R.value ? ke.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : qt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), pe = o(() => l.virtualColumn && Ke.value === null);
+    const qt = n(() => Wl(v.value)), Ke = n(() => l.virtualColumn ? R.value ? _e.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : qt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), pe = n(() => l.virtualColumn && Ke.value === null);
     I(Ke, (e) => {
     }, {
       immediate: !0
     });
     const {
       metrics: Jt
-    } = Al({
-      enabled: () => pe.value && !T.enabled.value,
+    } = kl({
+      enabled: () => pe.value && !E.enabled.value,
       headerEl: () => U.value,
       columns: () => v.value,
       columnWidths: $,
       hasHeader: () => l.showHeader !== !1
-    }), Me = o(() => T.metrics.value ?? Jt.value);
+    }), Me = n(() => E.metrics.value ?? Jt.value);
     I([pe, Me], ([e, a]) => {
-      !e || a || l.showHeader !== !1 || T.enabled.value;
+      !e || a || l.showHeader !== !1 || E.enabled.value;
     }, {
       immediate: !0
     });
@@ -774,11 +774,11 @@ const qa = /* @__PURE__ */ ul({
     function ll(e) {
       if (typeof e.title != "function")
         return e.title ?? "";
-      const a = e, n = ft.value.filter((i) => !!i.column);
+      const a = e, o = ft.value.filter((i) => !!i.column);
       return e.title({
         sortOrder: a.sorter ? ae(a) ?? void 0 : void 0,
         sortColumn: ct.value.column,
-        sortColumns: n.length > 0 ? n : void 0,
+        sortColumns: o.length > 0 ? o : void 0,
         filters: j()
       });
     }
@@ -788,7 +788,7 @@ const qa = /* @__PURE__ */ ul({
     const je = {
       width: "100%",
       minWidth: "100%"
-    }, nl = {
+    }, ol = {
       widthConstraintCell: t.widthConstraintCell,
       widthConstraintInner: t.widthConstraintInner,
       widthLayoutCell: t.widthLayoutCell,
@@ -805,6 +805,10 @@ const qa = /* @__PURE__ */ ul({
       copyButton: t.copyButton,
       cellStatus: t.cellStatus,
       cellTag: t.cellTag,
+      cellProgress: t.cellProgress,
+      cellProgressTrack: t.cellProgressTrack,
+      cellProgressBar: t.cellProgressBar,
+      cellProgressText: t.cellProgressText,
       filterIconWrapper: t.filterIconWrapper,
       filterIcon: t.filterIcon,
       filterDropdown: t.filterDropdown,
@@ -878,12 +882,12 @@ const qa = /* @__PURE__ */ ul({
       trDragging: t.trDragging,
       trDropAbove: t.trDropAbove,
       trDropBelow: t.trDropBelow
-    }, Ve = o(() => Jl(E.value)), Ye = S(!1);
+    }, Ve = n(() => Jl(T.value)), Ye = S(!1);
     return Ge(Gl, {
-      renderers: o(() => l.renderers),
+      renderers: n(() => l.renderers),
       isTreeLoading: C.isLoading,
       getTreeLoadError: C.getError,
-      columnLayout: T,
+      columnLayout: E,
       bodyCell: d.bodyCell,
       headerCell: d.headerCell,
       empty: d.empty,
@@ -895,20 +899,20 @@ const qa = /* @__PURE__ */ ul({
       resetFilter: pt,
       customFilterDropdown: d.customFilterDropdown,
       customFilterIcon: d.customFilterIcon,
-      showSorterTooltip: o(() => l.showSorterTooltip ?? Ve.value.showSorterTooltip),
-      headerEllipsis: o(() => l.headerEllipsis),
-      subThemeSlots: nl,
+      showSorterTooltip: n(() => l.showSorterTooltip ?? Ve.value.showSorterTooltip),
+      headerEllipsis: n(() => l.headerEllipsis),
+      subThemeSlots: ol,
       presetConfig: Ve,
-      themePreset: E,
+      themePreset: T,
       cssMode: H,
       classPrefix: B,
       vtgClass: (e) => J(e, H.value, B.value),
-      compatClass: W,
-      localeName: P,
+      compatClass: A,
+      localeName: W,
       locale: dt,
       rowSelection: () => l.rowSelection,
-      isSelected: Et,
-      isDisabledRow: Tt,
+      isSelected: Tt,
+      isDisabledRow: Et,
       getSelectionState: Rt,
       toggleRow: It,
       toggleAll: Lt,
@@ -918,37 +922,37 @@ const qa = /* @__PURE__ */ ul({
       clearSelection: Nt,
       getChangeableRowKeys: Ft,
       fixedOffsets: Ie,
-      scrollState: Te,
-      leafColumnCount: o(() => v.value.length),
-      bordered: o(() => l.bordered),
+      scrollState: Ee,
+      leafColumnCount: n(() => v.value.length),
+      bordered: n(() => l.bordered),
       tableLayout: X,
-      sticky: o(() => l.sticky),
+      sticky: n(() => l.sticky),
       getRowProps: el,
       getRowClassName: Qt,
       getHeaderRowProps: tl,
       getColumnTitle: ll,
       getPopupContainer: l.getPopupContainer,
       transformCellText: l.transformCellText,
-      columnEmptyText: o(() => l.columnEmptyText),
+      columnEmptyText: n(() => l.columnEmptyText),
       expandable: () => l.expandable,
-      isExpanded: Ot,
-      toggleExpand: kt,
+      isExpanded: Pt,
+      toggleExpand: _t,
       isRowExpandable: Se,
       columnWidths: $,
-      startResize: Pt,
+      startResize: Wt,
       isResizing: () => zt.value,
-      displayColumns: o(() => v.value),
+      displayColumns: n(() => v.value),
       registerSummaryFixed: (e) => {
         Ye.value = e;
       },
       isTreeData: se,
-      treeIndentColumnIndex: o(() => {
-        const e = v.value.map((n, i) => ({
-          column: n,
+      treeIndentColumnIndex: n(() => {
+        const e = v.value.map((o, i) => ({
+          column: o,
           index: i
         })).filter(({
-          column: n
-        }) => n.key !== "__vtg_selection__" && n.key !== "__vtg_expand__"), a = l.expandable?.expandIconColumnIndex ?? 0;
+          column: o
+        }) => o.key !== "__vtg_selection__" && o.key !== "__vtg_expand__"), a = l.expandable?.expandIconColumnIndex ?? 0;
         return e[Math.max(0, Math.min(e.length - 1, Math.floor(Number.isFinite(a) ? a : 0)))]?.index ?? -1;
       }),
       treeFlattenData: ue,
@@ -960,36 +964,36 @@ const qa = /* @__PURE__ */ ul({
       setHoverRange: St,
       clearHoverRange: Dt,
       // 拖拽期间抑制 hover 高亮，避免干扰拖放指示线
-      hoverable: o(() => l.hoverable !== !1 && Y.draggingKey.value === null),
+      hoverable: n(() => l.hoverable !== !1 && Y.draggingKey.value === null),
       rowDrag: {
-        enabled: o(() => l.rowDraggable === !0),
+        enabled: n(() => l.rowDraggable === !0),
         draggingKey: Y.draggingKey,
         dropTarget: Y.dropTarget,
-        getBindings: (e, a, n) => Y.getBindings(e, a, n)
+        getBindings: (e, a, o) => Y.getBindings(e, a, o)
       }
     }), () => {
       let e;
       const a = l.title ? l.title(g.value) : d.title ? d.title({
         data: g.value
-      }) : null, n = l.footer ? l.footer(g.value) : d.footer ? d.footer({
+      }) : null, o = l.footer ? l.footer(g.value) : d.footer ? d.footer({
         data: g.value
       }) : null, i = d.summary ? d.summary() : null, s = Ye.value !== !1, m = l.scroll, p = {
         tableLayout: X.value
       };
-      m?.x ? (p.width = typeof m.x == "number" ? `${m.x}px` : m.x, p.minWidth = "100%") : p.width = "100%", Object.assign(p, T.tableStyle.value);
-      const y = l.loading, w = x.value, _ = typeof y == "object" && y !== null ? y.indicator : void 0, k = typeof y == "object" && y !== null ? y.tip : void 0, $e = w && (d.loading ? r(tt, {
+      m?.x ? (p.width = typeof m.x == "number" ? `${m.x}px` : m.x, p.minWidth = "100%") : p.width = "100%", Object.assign(p, E.tableStyle.value);
+      const y = l.loading, w = x.value, O = typeof y == "object" && y !== null ? y.indicator : void 0, _ = typeof y == "object" && y !== null ? y.tip : void 0, $e = w && (d.loading ? r(tt, {
         loadingClass: t.loading()
       }, at(e = d.loading()) ? e : {
         default: () => [e]
       }) : r(tt, {
         loadingClass: t.loading(),
-        indicator: _,
-        tip: k
+        indicator: O,
+        tip: _
       }, null));
       if (Be.value) {
-        const ol = l.showHeader !== !1 ? r("div", {
+        const nl = l.showHeader !== !1 ? r("div", {
           ref: U,
-          class: L(t.headerWrapper(), F.value && W?.("sticky-holder")),
+          class: L(t.headerWrapper(), F.value && A?.("sticky-holder")),
           style: jt.value
         }, [r("div", {
           class: J("block w-full min-w-full", H.value, B.value)
@@ -1003,7 +1007,7 @@ const qa = /* @__PURE__ */ ul({
           rows: ce.value,
           theadClass: t.thead(),
           rowClass: t.tr(),
-          thClass: We.value,
+          thClass: Ae.value,
           headerCellInnerClass: t.headerCellInner()
         }, null)])])]) : null, rl = R.value ? r(Zl, {
           ref: ie,
@@ -1027,7 +1031,7 @@ const qa = /* @__PURE__ */ ul({
             Kt(Ue.x, Ue.maxX);
           }
         }, null) : null, il = R.value ? null : r(Je, {
-          ref: Pe,
+          ref: We,
           maxHeight: Vt.value,
           wrapClass: t.bodyWrapper(),
           viewStyle: je,
@@ -1053,7 +1057,7 @@ const qa = /* @__PURE__ */ ul({
           }, [i])])]
         }), dl = i && (s || R.value) ? r("div", {
           ref: q,
-          class: L(t.headerWrapper(), W?.("summary"), F.value && s && W?.("sticky-holder")),
+          class: L(t.headerWrapper(), A?.("summary"), F.value && s && A?.("sticky-holder")),
           style: s ? {
             position: "sticky",
             bottom: `${F.value?.offsetSummary ?? 0}px`,
@@ -1072,16 +1076,16 @@ const qa = /* @__PURE__ */ ul({
           class: t.summary()
         }, [i])])])]) : null;
         return r("div", {
-          ref: O,
+          ref: P,
           class: L(t.root(), G.value && t.rootAutoHeight(), He.value, we.value)
         }, [V("top"), a && r("div", {
           class: t.title()
         }, [a]), r("div", {
-          ref: Oe,
+          ref: Pe,
           class: L(t.wrapper(), G.value && t.wrapperAutoHeight(), F.value && J("overflow-clip", H.value, B.value))
-        }, [ol, rl, il, dl, $e]), n && r("div", {
+        }, [nl, rl, il, dl, $e]), o && r("div", {
           class: t.footer()
-        }, [n]), V("bottom")]);
+        }, [o]), V("bottom")]);
       }
       const ge = r(cl, null, [r("table", {
         "data-vtg-table": "",
@@ -1093,7 +1097,7 @@ const qa = /* @__PURE__ */ ul({
         rows: ce.value,
         theadClass: t.thead(),
         rowClass: t.tr(),
-        thClass: We.value,
+        thClass: Ae.value,
         headerCellInnerClass: t.headerCellInner()
       }, null), r(et, {
         dataSource: g.value,
@@ -1108,7 +1112,7 @@ const qa = /* @__PURE__ */ ul({
         class: t.summary()
       }, [i])]), $e]);
       return r("div", {
-        ref: O,
+        ref: P,
         class: L(t.root(), He.value, we.value)
       }, [V("top"), a && r("div", {
         class: t.title()
@@ -1119,9 +1123,9 @@ const qa = /* @__PURE__ */ ul({
         onScroll: Re
       }, at(ge) ? ge : {
         default: () => [ge]
-      }), n && r("div", {
+      }), o && r("div", {
         class: t.footer()
-      }, [n]), V("bottom")]);
+      }, [o]), V("bottom")]);
     };
   }
 });