@vtable-guild/vtable-guild 2.4.1 → 2.5.0

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

@@ -1,30 +1,30 @@
-import { defineComponent as Ne, inject as Re, computed as i, ref as f, watch as de, nextTick as Pe, onBeforeUnmount as He, createVNode as a, mergeProps as Y, Teleport as Ve, isVNode as Ke } from "vue";
+import { defineComponent as Re, inject as Pe, computed as a, ref as f, watch as ve, nextTick as He, onBeforeUnmount as Ve, createVNode as i, mergeProps as $, Teleport as Ke, isVNode as Be } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import Be from "../../../core/src/components/Tooltip.mjs";
-import We from "../../../icons/src/DownOutlinedIcon.mjs";
-import { SELECTION_ALL as je, SELECTION_INVERT as qe, SELECTION_NONE as ze } from "../constants.mjs";
-import { TABLE_CONTEXT_KEY as Ue } from "../context.mjs";
-import { getColumnKey as $ } from "../composables/useColumns.mjs";
-import { useFixedColumnStyle as Ge } from "../composables/useFixedColumnStyle.mjs";
-import { getCellSpan as Xe, omitCellProps as Ye, getEllipsisConfig as $e } from "../utils/cell.mjs";
-import { resolvePopupContainer as J, getPopupPositionStyle as Je } from "../utils/popupPosition.mjs";
-import { ensureValidVNode as Qe } from "../utils/vnode.mjs";
-import Ze from "./SortButton.mjs";
-import el from "./FilterIcon.mjs";
-import ll from "./FilterDropdown.mjs";
-import tl from "./SelectionCheckbox.mjs";
-import ol from "./SelectionDropdown.mjs";
-import nl from "./ResizeHandle.mjs";
-import { TABLE_ALIGN_CLASSES as rl } from "../../../theme/src/presets/antdv/table.mjs";
+import We from "../../../core/src/components/Tooltip.mjs";
+import je from "../../../icons/src/DownOutlinedIcon.mjs";
+import { SELECTION_ALL as qe, SELECTION_INVERT as ze, SELECTION_NONE as Ue } from "../constants.mjs";
+import { TABLE_CONTEXT_KEY as Ge } from "../context.mjs";
+import { getColumnKey as J } from "../composables/useColumns.mjs";
+import { useFixedColumnStyle as Xe } from "../composables/useFixedColumnStyle.mjs";
+import { getCellSpan as Ye, omitCellProps as $e, getEllipsisConfig as Je } from "../utils/cell.mjs";
+import { resolvePopupContainer as Q, getPopupPositionStyle as Qe } from "../utils/popupPosition.mjs";
+import { ensureValidVNode as Ze } from "../utils/vnode.mjs";
+import el from "./SortButton.mjs";
+import ll from "./FilterIcon.mjs";
+import tl from "./FilterDropdown.mjs";
+import ol from "./SelectionCheckbox.mjs";
+import nl from "./SelectionDropdown.mjs";
+import rl from "./ResizeHandle.mjs";
+import { TABLE_ALIGN_CLASSES as sl } from "../../../theme/src/presets/antdv/table.mjs";
 import { cn as g } from "tailwind-variants";
-function sl(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Ke(t);
-}
 function al(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Be(t);
+}
+function il(t) {
   if (t === "ascend") return "ascending";
   if (t === "descend") return "descending";
 }
-const Al = /* @__PURE__ */ Ne({
+const Il = /* @__PURE__ */ Re({
   name: "TableHeaderCell",
   props: {
     cell: {
@@ -45,41 +45,41 @@ const Al = /* @__PURE__ */ Ne({
     }
   },
   setup(t) {
-    const e = Re(Ue, {}), o = i(() => t.cell.isLeaf ? t.cell.column : null), d = i(() => t.cell.column.customHeaderCell?.(t.cell.column, t.index, o.value ?? void 0)), E = i(() => Xe(d.value, "colSpan") ?? t.cell.colSpan), k = i(() => t.cell.rowSpan), w = i(() => {
+    const e = Pe(Ge, {}), o = a(() => t.cell.isLeaf ? t.cell.column : null), E = a(() => t.cell.leafIndex >= 0 ? String(t.cell.leafIndex) : void 0), d = a(() => t.cell.column.customHeaderCell?.(t.cell.column, t.index, o.value ?? void 0)), k = a(() => Ye(d.value, "colSpan") ?? t.cell.colSpan), O = a(() => t.cell.rowSpan), w = a(() => {
       const {
         onClick: l,
         ...r
-      } = Ye(d.value);
+      } = $e(d.value);
       return r;
-    }), _ = i(() => o.value?.sorter ? e.getSortOrder?.(o.value) ?? null : null), I = i(() => !!o.value?.sorter), F = i(() => !o.value || !I.value ? !1 : o.value.showSorterTooltip ?? e.showSorterTooltip?.value ?? !0), O = i(() => {
+    }), _ = a(() => o.value?.sorter ? e.getSortOrder?.(o.value) ?? null : null), I = a(() => !!o.value?.sorter), F = a(() => !o.value || !I.value ? !1 : o.value.showSorterTooltip ?? e.showSorterTooltip?.value ?? !0), N = a(() => {
       const l = o.value;
       return l ? (l.filters?.length ?? 0) > 0 || !!l.customFilterDropdown || !!l.filterDropdown : !1;
-    }), N = i(() => !o.value || !O.value ? [] : e.getFilteredValue?.(o.value) ?? []), R = i(() => {
+    }), R = a(() => !o.value || !N.value ? [] : e.getFilteredValue?.(o.value) ?? []), P = a(() => {
       const l = o.value;
-      return l ? l.filtered !== void 0 ? l.filtered : N.value.length > 0 : !1;
-    }), Q = i(() => o.value?.filterDropdownOpen !== void 0), Z = f(!1), y = i(() => Q.value ? o.value?.filterDropdownOpen ?? !1 : Z.value);
+      return l ? l.filtered !== void 0 ? l.filtered : R.value.length > 0 : !1;
+    }), Z = a(() => o.value?.filterDropdownOpen !== void 0), ee = f(!1), y = a(() => Z.value ? o.value?.filterDropdownOpen ?? !1 : ee.value);
     function v(l) {
-      Q.value || (Z.value = l), o.value?.onFilterDropdownOpenChange?.(l);
+      Z.value || (ee.value = l), o.value?.onFilterDropdownOpenChange?.(l);
     }
-    const m = f(null), P = f(null);
-    function H() {
+    const m = f(null), H = f(null);
+    function V() {
       v(!y.value);
     }
-    function V(l) {
-      P.value && !P.value.contains(l.target) && !m.value?.contains(l.target) && v(!1);
+    function K(l) {
+      H.value && !H.value.contains(l.target) && !m.value?.contains(l.target) && v(!1);
     }
-    const ve = i(() => {
+    const me = a(() => {
       const l = o.value;
       return l ? !!l.filterDropdown || !!l.customFilterDropdown && !!e.customFilterDropdown : !1;
     });
-    de(y, (l) => {
-      l && ve.value ? Pe(() => {
-        document.addEventListener("mousedown", V);
-      }) : document.removeEventListener("mousedown", V);
-    }), He(() => {
-      document.removeEventListener("mousedown", V);
+    ve(y, (l) => {
+      l && me.value ? He(() => {
+        document.addEventListener("mousedown", K);
+      }) : document.removeEventListener("mousedown", K);
+    }), Ve(() => {
+      document.removeEventListener("mousedown", K);
     });
-    function ee() {
+    function le() {
       return m.value ? m.value.getBoundingClientRect() : {
         top: 0,
         left: 0,
@@ -87,25 +87,25 @@ const Al = /* @__PURE__ */ Ne({
         bottom: 0
       };
     }
-    const T = f([]), le = f(null);
-    de(() => N.value, (l) => {
+    const T = f([]), te = f(null);
+    ve(() => R.value, (l) => {
       T.value = [...l];
     }, {
       immediate: !0
     });
-    function K(l) {
+    function B(l) {
       o.value && (e.confirmFilter?.(o.value, l), v(!1));
     }
-    function me() {
+    function pe() {
       o.value && (e.resetFilter?.(o.value), v(!1));
     }
-    function pe() {
+    function ge() {
       v(!1);
     }
-    const ge = i(() => {
+    const Ce = a(() => {
       const l = t.cell.leafColumns;
       if (!l.length) return null;
-      const r = l[0], u = l[l.length - 1], h = $(r) ?? t.cell.colStart, s = $(u) ?? t.cell.colEnd, x = e.fixedOffsets?.value?.get(h), D = e.fixedOffsets?.value?.get(s);
+      const r = l[0], u = l[l.length - 1], C = J(r) ?? t.cell.colStart, s = J(u) ?? t.cell.colEnd, x = e.fixedOffsets?.value?.get(C), D = e.fixedOffsets?.value?.get(s);
       return l.every((p) => p.fixed === "left") && x?.left !== void 0 ? {
         left: x.left,
         isLastLeft: D?.isLastLeft
@@ -115,37 +115,37 @@ const Al = /* @__PURE__ */ Ne({
       } : null;
     }), {
       fixedStyle: he,
-      fixedClass: te
-    } = Ge({
-      fixedInfo: () => ge.value
-    }), Ce = i(() => {
+      fixedClass: oe
+    } = Xe({
+      fixedInfo: () => Ce.value
+    }), Se = a(() => {
       const l = e.themePreset?.value === "antdv", r = e.bordered?.value ?? !1;
       return !l || r || t.cell.isLeaf ? "" : e.vtgClass?.("before:hidden border-b-0") ?? "";
-    }), Se = i(() => {
+    }), be = a(() => {
       const l = e.leafColumnCount?.value ?? 0;
       return l > 0 && t.cell.colEnd < l - 1 ? e.bordered?.value ?? !1 ? e.vtgClass?.("last:border-r last:border-[color:var(--vtg-table-border-color)]") ?? "" : e.vtgClass?.("last:before:bg-[color:var(--vtg-table-header-split-color)]") ?? "" : "";
-    }), oe = i(() => e.getColumnTitle?.(t.cell.column) ?? t.cell.column.title ?? ""), be = i(() => {
+    }), ne = a(() => e.getColumnTitle?.(t.cell.column) ?? t.cell.column.title ?? ""), we = a(() => {
       if (!t.cell.isLeaf) return !1;
       const l = o.value;
-      return !l || !$e(l).enabled ? !1 : e.headerEllipsis?.value === !0;
-    }), we = i(() => {
+      return !l || !Je(l).enabled ? !1 : e.headerEllipsis?.value === !0;
+    }), _e = a(() => {
       if (e.headerCell) {
         const l = e.headerCell({
-          title: oe.value,
+          title: ne.value,
           column: t.cell.column,
           index: t.index
         });
-        if (Qe(l) !== null)
+        if (Ze(l) !== null)
           return l;
       }
-      return oe.value;
-    }), _e = i(() => {
-      const l = t.cell.column.align ? rl[t.cell.column.align] : "", r = I.value ? e.subThemeSlots?.thSortable() : "", u = _.value ? e.subThemeSlots?.thSorted() : "", h = o.value?.key === "__vtg_expand__";
-      return g(t.thClass, l, r, u, Ce.value, t.cell.column.className, h ? e.vtgClass?.("before:hidden") : "", d.value?.class, d.value?.className, te.value, Se.value);
-    }), ne = i(() => {
+      return ne.value;
+    }), ye = a(() => {
+      const l = t.cell.column.align ? sl[t.cell.column.align] : "", r = I.value ? e.subThemeSlots?.thSortable() : "", u = _.value ? e.subThemeSlots?.thSorted() : "", C = o.value?.key === "__vtg_expand__";
+      return g(t.thClass, l, r, u, Se.value, t.cell.column.className, C ? e.vtgClass?.("before:hidden") : "", d.value?.class, d.value?.className, oe.value, be.value);
+    }), re = a(() => {
       const l = {};
       if (o.value) {
-        const s = e.columnWidths?.[String($(o.value) ?? t.cell.colStart)] ?? o.value.width;
+        const s = e.columnWidths?.[String(J(o.value) ?? t.cell.colStart)] ?? o.value.width;
         s && (l.width = typeof s == "number" ? `${s}px` : s);
       }
       const r = d.value?.style, u = he.value;
@@ -155,7 +155,7 @@ const Al = /* @__PURE__ */ Ne({
         ...r ?? {}
       };
     }), L = f(!1), M = f(null);
-    function ye() {
+    function Te() {
       return M.value ? M.value.getBoundingClientRect() : {
         top: 0,
         left: 0,
@@ -164,47 +164,47 @@ const Al = /* @__PURE__ */ Ne({
       };
     }
     let c = null;
-    function Te() {
+    function xe() {
       c && clearTimeout(c), L.value = !0;
     }
-    function re() {
+    function se() {
       c && clearTimeout(c), c = setTimeout(() => {
         L.value = !1;
       }, 100);
     }
-    function xe() {
+    function De() {
       c && clearTimeout(c);
     }
-    function De() {
+    function Ae() {
       c && clearTimeout(c), L.value = !1;
     }
-    const B = f(!1), W = f(!1), Ae = i(() => F.value && B.value && !W.value);
-    function Ie(l) {
+    const W = f(!1), j = f(!1), Ie = a(() => F.value && W.value && !j.value);
+    function Fe(l) {
       const r = w.value.onMouseenter;
-      typeof r == "function" && r(l), F.value && (B.value = !0);
+      typeof r == "function" && r(l), F.value && (W.value = !0);
     }
-    function Fe(l) {
+    function Le(l) {
       const r = w.value.onMouseleave;
-      typeof r == "function" && r(l), F.value && (B.value = !1);
-    }
-    function j() {
-      W.value = !0;
+      typeof r == "function" && r(l), F.value && (W.value = !1);
     }
     function q() {
-      W.value = !1;
+      j.value = !0;
     }
-    function z(l) {
+    function z() {
+      j.value = !1;
+    }
+    function U(l) {
       const r = d.value?.onClick;
       typeof r == "function" && r(l), o.value && I.value && e.toggleSortOrder?.(o.value);
     }
     return () => {
-      if (E.value === 0 || k.value === 0)
+      if (k.value === 0 || O.value === 0)
         return null;
-      const l = E.value !== 1 ? E.value : void 0, r = k.value !== 1 ? k.value : void 0;
+      const l = k.value !== 1 ? k.value : void 0, r = O.value !== 1 ? O.value : void 0;
       if (o.value?.key === "__vtg_selection__") {
-        const n = e.rowSelection?.(), C = n?.type === "radio", ie = n?.hideSelectAll === !0, G = n?.selections !== void 0 && n.selections !== !1, S = e.locale?.value, A = n?.columnTitle, ke = A !== void 0, ue = g(t.thClass, e.vtgClass?.(ke ? "text-center before:hidden" : "text-center before:hidden leading-[0]"), o.value.className, d.value?.class, d.value?.className, te.value), ce = ne.value;
-        let X = [];
-        if (G && (n?.selections === !0 ? X = [{
+        const n = e.rowSelection?.(), h = n?.type === "radio", ue = n?.hideSelectAll === !0, X = n?.selections !== void 0 && n.selections !== !1, S = e.locale?.value, A = n?.columnTitle, Oe = A !== void 0, ce = g(t.thClass, e.vtgClass?.(Oe ? "text-center before:hidden" : "text-center before:hidden leading-[0]"), o.value.className, d.value?.class, d.value?.className, oe.value), fe = re.value;
+        let Y = [];
+        if (X && (n?.selections === !0 ? Y = [{
           key: "__vtg_select_all__",
           text: S?.selection?.selectAll ?? "全选当页",
           onSelect: () => e.toggleAll?.(!0)
@@ -216,170 +216,173 @@ const Al = /* @__PURE__ */ Ne({
           key: "__vtg_select_none__",
           text: S?.selection?.selectNone ?? "清空所有",
           onSelect: () => e.clearSelection?.()
-        }] : Array.isArray(n?.selections) && (X = n.selections.map((b) => b === je ? {
+        }] : Array.isArray(n?.selections) && (Y = n.selections.map((b) => b === qe ? {
           key: "__vtg_select_all__",
           text: S?.selection?.selectAll ?? "全选当页",
           onSelect: () => e.toggleAll?.(!0)
-        } : b === qe ? {
+        } : b === ze ? {
           key: "__vtg_select_invert__",
           text: S?.selection?.selectInvert ?? "反选当页",
           onSelect: () => e.invertSelection?.()
-        } : b === ze ? {
+        } : b === Ue ? {
           key: "__vtg_select_none__",
           text: S?.selection?.selectNone ?? "清空所有",
           onSelect: () => e.clearSelection?.()
-        } : b))), C)
-          return a("th", Y(w.value, {
-            class: ue,
-            style: ce,
+        } : b))), h)
+          return i("th", $(w.value, {
+            class: ce,
+            style: fe,
             colspan: l,
             rowspan: r,
-            onClick: z
+            "data-vtg-leaf-col": E.value,
+            onClick: U
           }), [A]);
-        const fe = e.allCheckedState?.() ?? "none", Oe = A ? a("span", {
+        const de = e.allCheckedState?.() ?? "none", Ne = A ? i("span", {
           class: e.vtgClass?.("ml-2")
         }, [A]) : null;
-        return a("th", Y(w.value, {
-          class: ue,
-          style: ce,
+        return i("th", $(w.value, {
+          class: ce,
+          style: fe,
           colspan: l,
           rowspan: r,
-          onClick: z
-        }), [ie ? A : a("span", {
+          "data-vtg-leaf-col": E.value,
+          onClick: U
+        }), [ue ? A : i("span", {
           class: e.vtgClass?.("inline-flex items-center justify-center relative")
-        }, [a(tl, {
-          checked: fe === "all",
-          indeterminate: fe === "partial",
+        }, [i(ol, {
+          checked: de === "all",
+          indeterminate: de === "partial",
           onChange: (b) => e.toggleAll?.(b)
-        }, null), Oe, G && a("span", {
+        }, null), Ne, X && i("span", {
           ref: M,
           class: g(e.subThemeSlots?.selectionExtra(), e.vtgClass?.("absolute left-full top-1/2 -translate-y-1/2")),
-          onMouseenter: Te,
-          onMouseleave: re,
+          onMouseenter: xe,
+          onMouseleave: se,
           role: "button",
           "aria-label": "Selection options"
-        }, [a(We, null, null)])]), !ie && G && a(ol, {
-          items: X,
-          anchorRect: ye(),
-          popupContainer: J(e, M.value),
+        }, [i(je, null, null)])]), !ue && X && i(nl, {
+          items: Y,
+          anchorRect: Te(),
+          popupContainer: Q(e, M.value),
           visible: L.value,
-          onClose: De,
-          onMouseenter: xe,
-          onMouseleave: re
+          onClose: Ae,
+          onMouseenter: De,
+          onMouseleave: se
         }, null)]);
       }
-      const u = e.locale?.value, h = _.value === null ? u?.header.sortTriggerAsc ?? "点击升序" : _.value === "ascend" ? u?.header.sortTriggerDesc ?? "点击降序" : u?.header.cancelSort ?? "取消排序", s = o.value, x = e.subThemeSlots?.sortAreaWrapper(), D = e.subThemeSlots?.sortAreaTitle(), p = a("span", {
+      const u = e.locale?.value, C = _.value === null ? u?.header.sortTriggerAsc ?? "点击升序" : _.value === "ascend" ? u?.header.sortTriggerDesc ?? "点击降序" : u?.header.cancelSort ?? "取消排序", s = o.value, x = e.subThemeSlots?.sortAreaWrapper(), D = e.subThemeSlots?.sortAreaTitle(), p = i("span", {
         class: x
-      }, [a("span", {
-        class: g(D, be.value && e.vtgClass?.("block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap"))
-      }, [we.value]), I.value && a(Ze, {
+      }, [i("span", {
+        class: g(D, we.value && e.vtgClass?.("block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap"))
+      }, [_e.value]), I.value && i(el, {
         sortOrder: _.value
-      }, null)]), se = e.subThemeSlots?.sortAreaOuter(), Le = F.value ? a("span", {
-        class: se
-      }, [a(Be, {
+      }, null)]), ae = e.subThemeSlots?.sortAreaOuter(), Me = F.value ? i("span", {
+        class: ae
+      }, [i(We, {
         block: !0,
-        title: h,
+        title: C,
         placement: "top",
-        open: Ae.value
-      }, sl(p) ? p : {
+        open: Ie.value
+      }, al(p) ? p : {
         default: () => [p]
-      })]) : a("span", {
-        class: se
-      }, [p]), Me = s && (s.filterIcon ? a("span", {
+      })]) : i("span", {
+        class: ae
+      }, [p]), Ee = s && (s.filterIcon ? i("span", {
         class: g(e.subThemeSlots?.filterIconWrapper(), e.subThemeSlots?.filterIcon()),
         ref: m,
-        onMouseenter: j,
-        onMouseleave: q,
+        onMouseenter: q,
+        onMouseleave: z,
         onMousedown: (n) => n.stopPropagation(),
         onClick: (n) => {
-          n.stopPropagation(), H();
+          n.stopPropagation(), V();
         },
         role: "button",
         "aria-label": u?.header.filterTriggerAriaLabel ?? "筛选"
       }, [s.filterIcon({
-        filtered: R.value
-      })]) : e.customFilterIcon ? a("span", {
+        filtered: P.value
+      })]) : e.customFilterIcon ? i("span", {
         class: g(e.subThemeSlots?.filterIconWrapper(), e.subThemeSlots?.filterIcon()),
         ref: m,
-        onMouseenter: j,
-        onMouseleave: q,
+        onMouseenter: q,
+        onMouseleave: z,
         onMousedown: (n) => n.stopPropagation(),
         onClick: (n) => {
-          n.stopPropagation(), H();
+          n.stopPropagation(), V();
         },
         role: "button",
         "aria-label": u?.header.filterTriggerAriaLabel ?? "筛选"
       }, [e.customFilterIcon({
         column: s,
-        filtered: R.value
-      })]) : a("span", {
+        filtered: P.value
+      })]) : i("span", {
         ref: m,
         class: e.subThemeSlots?.filterIconWrapper(),
-        onMouseenter: j,
-        onMouseleave: q,
+        onMouseenter: q,
+        onMouseleave: z,
         onMousedown: (n) => n.stopPropagation()
-      }, [a(el, {
-        active: R.value,
-        onClick: () => H()
-      }, null)])), U = s && {
+      }, [i(ll, {
+        active: P.value,
+        onClick: () => V()
+      }, null)])), G = s && {
         column: s,
         selectedKeys: T.value,
         setSelectedKeys: (n) => {
           T.value = [...n];
         },
         confirm: (n) => {
-          K(T.value), n?.closeDropdown === !1 && v(!0);
+          B(T.value), n?.closeDropdown === !1 && v(!0);
         },
         clearFilters: (n) => {
-          e.resetFilter?.(s), T.value = [], n?.confirm && K([]), n?.closeDropdown !== !1 && v(!1);
+          e.resetFilter?.(s), T.value = [], n?.confirm && B([]), n?.closeDropdown !== !1 && v(!1);
         },
         filters: s.filters ?? [],
         visible: y.value,
         close: () => v(!1)
-      }, ae = s?.customFilterDropdown ? e.customFilterDropdown : void 0, Ee = s && U && (() => {
-        const n = typeof s.filterDropdown == "function" ? s.filterDropdown(U) : s.filterDropdown ?? (ae ? ae(U) : null);
+      }, ie = s?.customFilterDropdown ? e.customFilterDropdown : void 0, ke = s && G && (() => {
+        const n = typeof s.filterDropdown == "function" ? s.filterDropdown(G) : s.filterDropdown ?? (ie ? ie(G) : null);
         if (n) {
-          const C = J(e, m.value);
-          return a(Ve, {
-            to: C
+          const h = Q(e, m.value);
+          return i(Ke, {
+            to: h
           }, {
-            default: () => [y.value && a("div", {
-              ref: P,
+            default: () => [y.value && i("div", {
+              ref: H,
               class: e.subThemeSlots?.filterDropdown(),
-              style: Je(ee(), C, 150)
+              style: Qe(le(), h, 150)
             }, [n])]
           });
         }
-        return a(ll, {
+        return i(tl, {
           filters: s.filters ?? [],
-          selectedKeys: N.value,
+          selectedKeys: R.value,
           multiple: s.filterMultiple !== !1,
-          anchorRect: ee(),
-          popupContainer: J(e, m.value),
+          anchorRect: le(),
+          popupContainer: Q(e, m.value),
           filterSearch: s.filterSearch ?? !1,
           filterMode: s.filterMode ?? "menu",
-          expandedKeys: le.value,
+          expandedKeys: te.value,
           visible: y.value,
-          onConfirm: K,
-          onReset: me,
-          onClose: pe,
-          "onUpdate:expandedKeys": (C) => {
-            le.value = C;
+          onConfirm: B,
+          onReset: pe,
+          onClose: ge,
+          "onUpdate:expandedKeys": (h) => {
+            te.value = h;
           }
         }, null);
       })();
-      return a("th", Y(w.value, {
-        class: _e.value,
-        style: ne.value,
+      return i("th", $(w.value, {
+        class: ye.value,
+        style: re.value,
         colspan: l,
         rowspan: r,
-        onClick: z,
-        onMouseenter: Ie,
-        onMouseleave: Fe,
-        "aria-sort": o.value ? al(_.value) : void 0
-      }), [a("span", {
+        "data-vtg-leaf-col": E.value,
+        onClick: U,
+        onMouseenter: Fe,
+        onMouseleave: Le,
+        "aria-sort": o.value ? il(_.value) : void 0
+      }), [i("span", {
         class: g(e.vtgClass?.("flex items-center"), t.headerCellInnerClass)
-      }, [Le, O.value && Me]), O.value && Ee, o.value?.resizable && a(nl, {
+      }, [Me, N.value && Ee]), N.value && ke, o.value?.resizable && i(rl, {
         column: o.value,
         colIndex: t.cell.colStart
       }, null)]);
@@ -387,5 +390,5 @@ const Al = /* @__PURE__ */ Ne({
   }
 });
 export {
-  Al as default
+  Il as default
 };

package/dist/table/src/components/VTable.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as F, getCurrentInstance as g, createBlock as w, openBlock as $, unref as v, mergeProps as B, createSlots as b, withCtx as n, renderSlot as t, normalizeProps as s, guardReactiveProps as r } from "vue";
+import { defineComponent as g, getCurrentInstance as w, createBlock as F, openBlock as $, unref as v, mergeProps as B, createSlots as b, withCtx as n, renderSlot as t, normalizeProps as s, guardReactiveProps as r } from "vue";
 import k from "./Table.mjs";
-const D = /* @__PURE__ */ F({
+const D = /* @__PURE__ */ g({
   name: "VTable",
   __name: "VTable",
   props: {
@@ -34,6 +34,8 @@ const D = /* @__PURE__ */ F({
     footer: { type: Function },
     scroll: {},
     virtual: { type: Boolean },
+    rowHeight: {},
+    virtualColumn: { type: Boolean },
     childrenColumnName: {},
     indentSize: {},
     expandedRowKeys: {},
@@ -44,7 +46,7 @@ const D = /* @__PURE__ */ F({
   },
   emits: ["change", "resizeColumn"],
   setup(S, { emit: u }) {
-    const a = u, p = g();
+    const a = u, p = w();
     function d() {
       const e = {};
       for (const [l, o] of Object.entries(p?.vnode.props ?? {}))
@@ -62,10 +64,10 @@ const D = /* @__PURE__ */ F({
         o
       );
     }
-    function c(e, l) {
+    function y(e, l) {
       a("resizeColumn", e, l);
     }
-    function y(e) {
+    function c(e) {
       return e;
     }
     function f(e) {
@@ -80,14 +82,14 @@ const D = /* @__PURE__ */ F({
     function i(e) {
       return e;
     }
-    return (e, l) => ($(), w(v(k), B(d(), {
+    return (e, l) => ($(), F(v(k), B(d(), {
       onChange: m,
-      onResizeColumn: c
+      onResizeColumn: y
     }), b({ _: 2 }, [
       e.$slots.bodyCell ? {
         name: "bodyCell",
         fn: n((o) => [
-          t(e.$slots, "bodyCell", s(r(y(o))))
+          t(e.$slots, "bodyCell", s(r(c(o))))
         ]),
         key: "0"
       } : void 0,