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

package/dist/table/src/components/TableHeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAOZ,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;;;cAwBzC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;cAAjD,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;AAJvE,wBAuzBE"}
+{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAOZ,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;;;cAwBzC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;cAAjD,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;AAJvE,wBAozBE"}

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

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

package/dist/table/src/components/VTableDynamicSlots.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VTableDynamicSlots.test.d.ts.map

package/dist/table/src/components/VTableDynamicSlots.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VTableDynamicSlots.test.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VTableDynamicSlots.test.ts"],"names":[],"mappings":""}

package/dist/table/src/context.d.ts

@@ -129,12 +129,12 @@ export interface TableContext {
     columnLayout?: ColumnLayout;
     /**
      * 用户定义的 bodyCell slot 函数。
-     * 来自 Table.vue 的 useSlots().bodyCell。
+     * 通过响应式快照同步当前插槽，支持运行时添加、替换与移除。
      */
     bodyCell?: Slots['bodyCell'];
     /**
      * 用户定义的 headerCell slot 函数。
-     * 来自 Table.vue 的 useSlots().headerCell。
+     * 通过响应式快照同步当前插槽，支持运行时添加、替换与移除。
      */
     headerCell?: Slots['headerCell'];
     /**

package/dist/vtable-guild/src/index.d.ts

@@ -1,5 +1,6 @@
 export * from '../../core/src/index.ts';
 export * from '../../theme/src/index.ts';
 export * from '../../table/src/index.ts';
+export { SettingOutlinedIcon, ColumnHeightOutlinedIcon, ReloadOutlinedIcon, FullscreenOutlinedIcon, FullscreenExitOutlinedIcon, CheckCircleFilledIcon, CloseCircleFilledIcon, } from '../../icons/src/index.ts';
 export * from './augment';
 //# sourceMappingURL=index.d.ts.map

package/dist/vtable-guild/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AAGnC,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,kBAAkB,EAClB,sBAAsB,EACtB,0BAA0B,EAC1B,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,qBAAqB,CAAA;AAG5B,cAAc,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtable-guild/vtable-guild",
-  "version": "2.9.0-alpha.2",
+  "version": "2.9.0-alpha.3",
   "description": "Vue 3 table component with built-in virtual scrolling and switchable ant-design-vue / element-plus theme presets, powered by tailwind-variants",
   "type": "module",
   "files": [