@vtable-guild/vtable-guild 2.8.0 → 2.9.0-alpha.0

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

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