hys-ui 0.3.0 → 0.4.0

package/dist/components/HysTable/HysTable2.vue.js

@@ -1,53 +1,58 @@
-import { defineComponent as yl, useSlots as fl, ref as A, useId as vl, shallowRef as tt, computed as F, watch as te, onMounted as ml, onActivated as pl, onUpdated as hl, onDeactivated as kl, onBeforeUnmount as wl, openBlock as u, createElementBlock as c, mergeProps as W, unref as o, renderSlot as S, createCommentVNode as g, createElementVNode as T, toDisplayString as O, createBlock as B, withCtx as U, createTextVNode as q, createVNode as K, Fragment as E, renderList as Q, normalizeStyle as pe, withModifiers as V, resolveDynamicComponent as Me, normalizeClass as Ae, withKeys as lt, isRef as bl, withDirectives as gl, vShow as Cl, Teleport as Pt, normalizeProps as Sl, guardReactiveProps as xl, nextTick as he } from "vue";
-import { ChevronUp as Rl, ChevronDown as at, ListFilter as Tl, LoaderCircle as ot, ChevronRight as Ot, RotateCw as zl } from "lucide-vue-next";
-import Et from "../HysCheckbox/HysCheckbox.vue.js";
-import Fl from "../HysRadio/HysRadio.vue.js";
-import ce from "../HysButton/HysButton.vue.js";
-import Ml from "../HysInput/HysInput.vue.js";
-import Kt from "../HysPagination/HysPagination.vue.js";
-import Al from "./HysTableFilterOptions.vue.js";
-import { useHysRootAttrs as Bl } from "../../config.js";
-import { useFloating as $t } from "../../composables/useFloating.js";
-import { useTable as Pl } from "../../composables/useTable.js";
-import { tableColumns as Ol, tableBreakpoint as El, tableToken as Kl, tableSummary as $l, tableValue as Be } from "../../composables/table.js";
-import Ht from "../../motion/PopupMotion.js";
-const Hl = ["aria-busy"], Ll = {
+import { defineComponent as Gl, useSlots as Zl, ref as E, useId as _l, computed as g, shallowRef as et, watch as G, onMounted as ea, onActivated as ta, onUpdated as la, onDeactivated as aa, onBeforeUnmount as oa, openBlock as c, createElementBlock as y, mergeProps as V, unref as l, renderSlot as S, createCommentVNode as x, createElementVNode as H, toDisplayString as K, Fragment as A, renderList as le, createBlock as w, withCtx as B, createTextVNode as I, createVNode as N, normalizeStyle as Re, normalizeClass as Te, resolveDynamicComponent as ae, withModifiers as Z, withKeys as $t, isRef as na, withDirectives as ia, vShow as sa, Teleport as Et, normalizeProps as ra, guardReactiveProps as ua, nextTick as Ke } from "vue";
+import { ChevronUp as ca, ChevronDown as Ht, ListFilter as da, LoaderCircle as tt, ChevronRight as dl, RotateCw as va } from "lucide-vue-next";
+import vl from "../HysCheckbox/HysCheckbox.vue.js";
+import ya from "../HysRadio/HysRadio.vue.js";
+import ye from "../HysButton/HysButton.vue.js";
+import fa from "../HysInput/HysInput.vue.js";
+import yl from "../HysPagination/HysPagination.vue.js";
+import ma from "./HysTableFilterOptions.vue.js";
+import { useHysRootAttrs as pa } from "../../config.js";
+import { useFloating as fl } from "../../composables/useFloating.js";
+import { useTable as ha } from "../../composables/useTable.js";
+import { useTableSticky as ba } from "../../composables/useTableSticky.js";
+import { tableColumns as ga, tableBreakpoint as ka, tableToken as wa, tableSummary as Ca, tableValue as De } from "../../composables/table.js";
+import ml from "../../motion/PopupMotion.js";
+const Sa = ["aria-busy"], xa = {
   key: 0,
   class: "hys-ui-table-title"
-}, Nl = {
+}, Ra = {
   key: 1,
   class: "hys-ui-table-selection-actions"
-}, Dl = { "aria-live": "polite" }, Wl = ["data-position"], ql = ["tabindex", "aria-label"], Vl = { key: 0 }, jl = { key: 1 }, Il = ["data-column-key", "data-leaf", "colspan", "rowspan", "scope", "aria-sort", "onClick", "onContextmenu"], Ul = {
+}, Ta = { "aria-live": "polite" }, Fa = ["data-position"], za = { class: "hys-ui-table-viewport" }, Aa = ["tabindex", "aria-label"], Pa = { key: 0 }, Ma = {
   key: 1,
   class: "hys-ui-table-sr-only"
-}, Jl = {
-  key: 1,
+}, Ba = {
+  key: 2,
   class: "hys-ui-table-heading"
-}, Xl = { class: "hys-ui-table-label" }, Ql = ["disabled", "onClick"], Yl = { key: 1 }, Gl = {
+}, Oa = { class: "hys-ui-table-label" }, $a = ["disabled", "aria-describedby", "onPointerenter", "onFocus", "onClick"], Ea = { key: 1 }, Ha = {
   key: 2,
   class: "hys-ui-table-sort-controls"
-}, Zl = ["disabled", "aria-label", "aria-pressed", "onClick"], _l = ["disabled", "aria-label", "aria-expanded", "aria-controls", "onClick"], ea = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "onPointerdown", "onKeydown"], ta = {
+}, Ka = ["disabled", "aria-label", "aria-pressed", "onClick"], Da = ["disabled", "aria-label", "aria-expanded", "aria-controls", "onClick"], Wa = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "onPointerdown", "onKeydown"], La = {
   key: 0,
   class: "hys-ui-table-message"
-}, la = ["colspan"], aa = { role: "status" }, oa = ["data-row-key", "aria-selected", "onClick", "onDblclick", "onContextmenu"], na = ["disabled", "aria-expanded", "aria-label", "onClick"], ia = {
+}, Na = ["colspan"], qa = { role: "status" }, ja = ["disabled", "aria-expanded", "aria-label", "onClick"], Va = {
   key: 3,
   class: "hys-ui-table-cell-content"
-}, sa = ["disabled", "aria-expanded", "aria-label", "onClick"], ra = {
+}, Ia = ["disabled", "aria-expanded", "aria-label", "onClick"], Ua = {
   key: 1,
   class: "hys-ui-table-tree-spacer"
-}, ua = ["tabindex", "aria-describedby", "onPointerenter", "onFocus"], ca = {
+}, Ja = ["tabindex", "title", "aria-describedby", "onPointerenter", "onFocus"], Xa = {
   key: 0,
   class: "hys-ui-table-detail"
-}, da = ["colspan"], ya = {
+}, Qa = ["colspan"], Ya = {
   key: 0,
   class: "hys-ui-table-message"
-}, fa = ["colspan"], va = {
+}, Ga = ["colspan"], Za = {
   key: 2,
   class: "hys-ui-table-append"
-}, ma = ["colspan"], pa = { key: 2 }, ha = ["data-column-key"], ka = {
+}, _a = ["colspan"], eo = {
+  key: 0,
+  class: "hys-ui-table-loading-overlay",
+  role: "status"
+}, to = ["aria-label"], lo = {
   key: 2,
   class: "hys-ui-table-footer"
-}, wa = ["data-position"], ba = ["id", "aria-label"], ga = { class: "hys-ui-table-filter-actions" }, Ca = ["id"], $a = /* @__PURE__ */ yl({
+}, ao = ["data-position"], oo = ["id", "aria-label"], no = { class: "hys-ui-table-filter-actions" }, io = ["id", "data-effect"], Co = /* @__PURE__ */ Gl({
   __name: "HysTable",
   props: {
     popupTransition: {},
@@ -55,9 +60,11 @@ const Hl = ["aria-busy"], Ll = {
     locale: {},
     columns: {},
     rows: {},
+    components: {},
     rowKey: { type: [String, Function], default: "id" },
     emptyText: { default: void 0 },
     loading: { type: Boolean },
+    loadingMode: { default: "replace" },
     disabled: { type: Boolean },
     striped: { type: Boolean },
     bordered: { type: Boolean },
@@ -67,9 +74,12 @@ const Hl = ["aria-busy"], Ll = {
     height: {},
     maxHeight: {},
     stickyHeader: { type: Boolean, default: void 0 },
+    sticky: { type: [Boolean, Object] },
     showHeader: { type: Boolean, default: !0 },
     fit: { type: Boolean, default: !0 },
+    scrollWidth: {},
     scrollbarAlwaysOn: { type: Boolean },
+    nativeScrollbar: { type: Boolean, default: void 0 },
     scrollbarTabindex: { default: 0 },
     headerRowClassName: {},
     headerRowStyle: {},
@@ -90,7 +100,7 @@ const Hl = ["aria-busy"], Ll = {
     reserveSelection: { type: Boolean },
     checkStrictly: { type: Boolean, default: !0 },
     selectOnIndeterminate: { type: Boolean, default: !0 },
-    selectionActions: { type: Boolean },
+    selectionActions: { type: [Boolean, Array] },
     rangeSelection: { type: Boolean },
     hideSelectAll: { type: Boolean },
     selectionColumn: {},
@@ -105,11 +115,13 @@ const Hl = ["aria-busy"], Ll = {
     defaultSort: {},
     multiSort: { type: Boolean },
     sortOrders: {},
+    showSorterTooltip: { type: [Boolean, Object] },
     filters: {},
     defaultFilters: {},
     filterColumnKey: {},
     filterPlacement: {},
     appendFilterTo: { type: [String, Boolean] },
+    getPopupContainer: {},
     pagination: { type: [Boolean, Object], default: !1 },
     page: {},
     pageSize: {},
@@ -132,18 +144,26 @@ const Hl = ["aria-busy"], Ll = {
     indent: { default: 18 },
     loadChildren: {},
     showSummary: { type: Boolean },
+    summaryScope: { default: "filtered" },
+    stickySummary: { type: Boolean },
     sumText: { default: "合计" },
     summaryMethod: {},
     spanMethod: {},
-    showOverflowTooltip: { type: Boolean },
+    showOverflowTooltip: { type: [Boolean, Object] },
     tooltipFormatter: {},
+    transformCellText: {},
     resizable: { type: Boolean },
     columnWidths: {},
     allowDragLastColumn: { type: Boolean, default: !0 }
   },
-  emits: ["rowClick", "rowDblclick", "rowContextmenu", "cellClick", "cellDblclick", "cellContextmenu", "cellMouseEnter", "cellMouseLeave", "headerClick", "headerContextmenu", "update:sort", "update:sorts", "sortChange", "update:filters", "filterChange", "update:selectedRowKeys", "selectionChange", "select", "selectAll", "selectInvert", "selectRange", "update:currentRowKey", "currentChange", "update:expandedRowKeys", "expandChange", "load", "loadError", "childrenChange", "update:filterColumnKey", "filterOpenChange", "update:page", "pageChange", "update:pageSize", "pageSizeChange", "queryChange", "change", "update:columnWidths", "columnResize", "scroll"],
-  setup(i, { expose: Lt, emit: Nt }) {
-    const r = i, x = Nt, Pe = Bl(), Oe = fl(), le = A(), $ = A(), Y = A(), de = vl(), nt = A(1024), D = tt({}), Ee = A({}), oe = A(), h = F(() => ({
+  emits: ["rowClick", "rowDblclick", "rowContextmenu", "cellClick", "cellDblclick", "cellContextmenu", "cellMouseEnter", "cellMouseLeave", "headerClick", "headerContextmenu", "update:sort", "update:sorts", "sortChange", "update:filters", "filterChange", "update:selectedRowKeys", "selectionChange", "select", "selectAll", "selectInvert", "selectNone", "selectRange", "update:currentRowKey", "currentChange", "update:expandedRowKeys", "expandChange", "load", "loadError", "childrenChange", "update:filterColumnKey", "filterOpenChange", "update:page", "pageChange", "update:pageSize", "pageSizeChange", "queryChange", "change", "update:columnWidths", "columnResize", "scroll"],
+  setup(s, { expose: pl, emit: hl }) {
+    const r = s, P = hl, We = pa(), lt = Zl(), ce = E(), q = E(), Kt = E(), Dt = E(), fe = _l();
+    function Wt(e) {
+      const t = e && "$el" in e ? e.$el : e;
+      return (t == null ? void 0 : t.nodeType) === 1 ? t : void 0;
+    }
+    const me = g(() => Wt(Kt.value)), Le = g(() => Wt(Dt.value)), Lt = E(1024), Y = et({}), at = E({}), pe = E(), m = g(() => ({
       emptyText: "暂无数据",
       loadingText: "加载中…",
       selectAll: "选择当前页全部行",
@@ -162,103 +182,106 @@ const Hl = ["aria-busy"], Ll = {
       resizeColumn: "调整{label}列宽",
       sortAsc: "{label}升序",
       sortDesc: "{label}降序",
+      sortClear: "取消{label}排序",
+      stickyScrollLabel: "表格横向滚动条",
       filterSearch: "搜索筛选项",
       noFilterMatch: "暂无匹配的筛选项",
       invertSelection: "反选当前页",
       clearSelection: "清空选择",
       selected: "已选 {count} 项",
       ...r.locale
-    })), ye = (e, l) => e.replace("{index}", String(l)).replace("{label}", String(l)), ke = ({ value: e }) => e;
-    function Ke(e) {
-      const l = [...r.columns], t = /* @__PURE__ */ new Set();
-      for (; l.length; ) {
-        const n = l.pop();
-        if (!t.has(n)) {
-          if (t.add(n), n.type === e) return !0;
-          n.children && l.push(...n.children);
+    })), he = (e, t) => e.replace("{index}", String(t)).replace("{label}", String(t)), oe = ({ value: e }) => e;
+    function ot(e) {
+      const t = [...r.columns], n = /* @__PURE__ */ new Set();
+      for (; t.length; ) {
+        const u = t.pop();
+        if (!n.has(u)) {
+          if (n.add(u), u.type === e) return !0;
+          u.children && t.push(...u.children);
         }
       }
       return !1;
     }
-    function $e(e) {
-      let l = "@hys-" + e;
-      const t = /* @__PURE__ */ new Set(), n = [...r.columns], d = /* @__PURE__ */ new Set();
-      for (; n.length; ) {
-        const a = n.pop();
-        d.has(a) || (d.add(a), t.add(a.key), a.children && n.push(...a.children));
+    function nt(e) {
+      let t = "@hys-" + e;
+      const n = /* @__PURE__ */ new Set(), u = [...r.columns], d = /* @__PURE__ */ new Set();
+      for (; u.length; ) {
+        const f = u.pop();
+        d.has(f) || (d.add(f), n.add(f.key), f.children && u.push(...f.children));
       }
-      for (; t.has(l); ) l += "_";
-      return l;
+      for (; n.has(t); ) t += "_";
+      return t;
     }
-    const Dt = F(() => {
-      var l;
+    const bl = g(() => {
+      var t;
       const e = [];
-      return r.selectable && !Ke("selection") && e.push({
-        key: $e("selection"),
+      return r.selectable && !ot("selection") && e.push({
+        key: nt("selection"),
         type: "selection",
         align: "center",
         width: 48,
         fixed: "left",
         resizable: !1,
         ...r.selectionColumn,
-        label: ((l = r.selectionColumn) == null ? void 0 : l.label) ?? "选择"
-      }), (r.expandable || Oe.expand) && !r.treeMode && r.showExpandColumn && !Ke("expand") && e.push({
-        key: $e("expand"),
+        label: ((t = r.selectionColumn) == null ? void 0 : t.label) ?? "选择"
+      }), (r.expandable || lt.expand) && !r.treeMode && r.showExpandColumn && !ot("expand") && e.push({
+        key: nt("expand"),
         label: r.expandColumnTitle ?? "展开",
         type: "expand",
         align: "center",
         width: 48,
         fixed: r.expandFixed ?? "left",
         resizable: !1
-      }), r.showIndex && !Ke("index") && e.push({
-        key: $e("index"),
+      }), r.showIndex && !ot("index") && e.push({
+        key: nt("index"),
         label: "序号",
         type: "index",
         align: "center",
         width: 64,
         resizable: !1
       }), [...e, ...r.columns].filter(
-        (t) => r.showExpandColumn || t.type !== "expand"
+        (n) => r.showExpandColumn || n.type !== "expand"
       );
-    }), m = F(
-      () => Ol(
-        Dt.value,
-        El(nt.value),
+    }), p = g(
+      () => ga(
+        bl.value,
+        ka(Lt.value),
         r.showExpandColumn
       )
-    ), s = Pl(
+    ), i = ha(
       r,
-      () => m.value.leaves,
-      () => !!Oe.expand,
-      (e, ...l) => x(e, ...l)
+      () => p.value.leaves,
+      () => !!lt.expand,
+      (e, ...t) => P(e, ...t)
     ), {
-      busy: k,
-      display: G,
-      selectedKeys: fe,
-      selectedSet: He,
-      expandedKeys: Le,
-      expandedSet: H,
-      halfSet: it,
-      allSelected: st,
-      someSelected: Ne,
-      sorts: Z,
-      filters: we,
-      page: De,
-      pageSize: be,
-      total: rt,
-      currentKey: ut,
-      pending: ne,
-      loadErrors: Wt,
-      query: We
-    } = s, ge = F(
+      busy: h,
+      display: _,
+      selectedKeys: be,
+      selectedSet: it,
+      expandedKeys: st,
+      expandedSet: U,
+      halfSet: Nt,
+      allSelected: qt,
+      someSelected: rt,
+      sorts: ee,
+      filters: ut,
+      page: ct,
+      pageSize: dt,
+      pageCount: jt,
+      paginationTotal: gl,
+      currentKey: Vt,
+      pending: ge,
+      loadErrors: kl,
+      query: vt
+    } = i, Ne = g(
       () => {
         var e;
-        return (e = m.value.leaves.find((l) => !l.type || l.type === "default")) == null ? void 0 : e.key;
+        return (e = p.value.leaves.find((t) => !t.type || t.type === "default")) == null ? void 0 : e.key;
       }
-    ), qt = F(
-      () => m.value.leaves.some((e) => e.type === "expand")
-    ), ct = F(() => {
-      if (!r.pagination || s.pagination.value.hideOnSinglePage && rt.value <= be.value)
+    ), wl = g(
+      () => p.value.leaves.some((e) => e.type === "expand")
+    ), It = g(() => {
+      if (!r.pagination || i.pagination.value.hideOnSinglePage && jt.value <= 1)
         return [];
       const e = [
         "top-left",
@@ -269,24 +292,29 @@ const Hl = ["aria-busy"], Ll = {
         "bottom-right"
       ];
       return [
-        ...new Set(s.pagination.value.position ?? ["bottom-right"])
-      ].filter((l) => e.includes(l));
-    }), dt = F(() => ({
-      page: De.value,
-      pageSize: be.value,
-      total: rt.value,
-      showSizeChanger: s.pagination.value.showSizeChanger ?? !0,
-      showQuickJumper: s.pagination.value.showQuickJumper ?? !1,
-      showTotal: s.pagination.value.showTotal ?? !0,
-      compact: s.pagination.value.compact,
-      labels: h.value.paginationLabels,
-      pageSizeOptions: s.pagination.value.pageSizeOptions,
-      disabled: k.value
-    })), qe = Object.freeze({});
-    function ie(e) {
+        ...new Set(i.pagination.value.position ?? ["bottom-right"])
+      ].filter((t) => e.includes(t));
+    }), qe = g(() => ({
+      page: ct.value,
+      pageSize: dt.value,
+      total: gl.value,
+      pageCount: jt.value,
+      showSizeChanger: i.pagination.value.showSizeChanger ?? !0,
+      showQuickJumper: i.pagination.value.showQuickJumper ?? !1,
+      showTotal: i.pagination.value.showTotal ?? !0,
+      compact: i.pagination.value.compact,
+      layout: i.pagination.value.layout,
+      size: i.pagination.value.size,
+      responsive: i.pagination.value.responsive,
+      siblingCount: i.pagination.value.siblingCount,
+      labels: m.value.paginationLabels,
+      pageSizeOptions: i.pagination.value.pageSizeOptions,
+      disabled: h.value
+    })), yt = Object.freeze({});
+    function ke(e) {
       return e ? Object.fromEntries(
         Object.entries(e).filter(
-          ([l]) => ![
+          ([t]) => ![
             "key",
             "ref",
             "innerHTML",
@@ -299,114 +327,124 @@ const Hl = ["aria-busy"], Ll = {
             "data-row-key",
             "aria-selected",
             "aria-sort"
-          ].includes(l)
+          ].includes(t)
         )
-      ) : qe;
+      ) : yt;
     }
-    function Vt(e) {
-      var t, n, d;
+    function Cl(e) {
+      var n, u, d;
       if (!r.customHeaderCell && !e.column.customHeaderCell)
-        return qe;
-      const l = m.value.leaves.indexOf(e.leaves[0]);
-      return W(
-        ie((t = r.customHeaderCell) == null ? void 0 : t.call(r, e.column, l)),
-        ie((d = (n = e.column).customHeaderCell) == null ? void 0 : d.call(n, e.column, l))
+        return yt;
+      const t = p.value.leaves.indexOf(e.leaves[0]);
+      return V(
+        ke((n = r.customHeaderCell) == null ? void 0 : n.call(r, e.column, t)),
+        ke((d = (u = e.column).customHeaderCell) == null ? void 0 : d.call(u, e.column, t))
       );
     }
-    function jt(e) {
-      var l, t, n;
-      return !r.customCell && !e.column.customCell ? qe : W(
-        ie((l = r.customCell) == null ? void 0 : l.call(r, e)),
-        ie((n = (t = e.column).customCell) == null ? void 0 : n.call(t, e))
+    function Sl(e) {
+      var t, n, u;
+      return !r.customCell && !e.column.customCell ? yt : V(
+        ke((t = r.customCell) == null ? void 0 : t.call(r, e)),
+        ke((u = (n = e.column).customCell) == null ? void 0 : u.call(n, e))
       );
     }
-    let ve = !1;
-    function It(e, l) {
-      const t = ve;
-      ve = !1, s.toggleRowSelection(e.key, l, t);
+    let Fe = !1;
+    function xl(e, t) {
+      const n = Fe;
+      Fe = !1, i.toggleRowSelection(e.key, t, n);
     }
-    const yt = F(
-      () => r.stickyHeader ?? (r.height !== void 0 || r.maxHeight !== void 0)
-    ), Ve = F(() => r.columnWidths ?? Ee.value);
-    function J(e) {
-      var t, n;
-      const l = ((t = oe.value) == null ? void 0 : t.key) === e.key ? oe.value.width : ((n = ae.value) == null ? void 0 : n[e.key]) ?? Ve.value[e.key] ?? (typeof e.width == "number" ? e.width : 160);
+    const Ut = g(
+      () => r.stickyHeader ?? (!!r.sticky || r.height !== void 0 || r.maxHeight !== void 0)
+    ), {
+      headerTop: Jt,
+      bar: we,
+      scrollbar: Rl,
+      syncScrollbar: Tl,
+      scrollViewport: Xt,
+      scrollbarHeight: Fl
+    } = ba(q, Le, () => r.sticky), ft = g(() => r.columnWidths ?? at.value);
+    function ne(e) {
+      var n, u;
+      const t = ((n = pe.value) == null ? void 0 : n.key) === e.key ? pe.value.width : ((u = de.value) == null ? void 0 : u[e.key]) ?? ft.value[e.key] ?? (typeof e.width == "number" ? e.width : 160);
       return Math.max(
         e.minWidth ?? (e.type && e.type !== "default" ? 36 : 60),
-        Math.min(e.maxWidth ?? 2e3, Number.isFinite(l) ? l : 160)
+        Math.min(e.maxWidth ?? 2e3, Number.isFinite(t) ? t : 160)
       );
     }
-    function Ut(e) {
-      var l;
-      return ae.value !== void 0 || ((l = oe.value) == null ? void 0 : l.key) === e.key || Ve.value[e.key] !== void 0 || typeof e.width != "string" ? J(e) + "px" : e.width;
+    function zl(e) {
+      var t;
+      return de.value !== void 0 || ((t = pe.value) == null ? void 0 : t.key) === e.key || ft.value[e.key] !== void 0 || typeof e.width != "string" ? ne(e) + "px" : e.width;
     }
-    const ae = A(), Ce = A(!1), ft = F(
-      () => m.value.leaves.reduce((e, l) => e + J(l), 0)
-    ), Jt = F(() => {
+    const de = E(), je = E(!1), mt = g(
+      () => p.value.leaves.reduce((e, t) => e + ne(t), 0)
+    ), Al = g(() => {
       const e = {};
-      let l = 0, t = 0;
-      for (const n of m.value.leaves)
-        n.fixed === "left" && (e[n.key] = { left: l + "px" }, l += D.value[n.key] ?? J(n));
-      for (const n of [...m.value.leaves].reverse())
-        n.fixed === "right" && (e[n.key] = { right: t + "px" }, t += D.value[n.key] ?? J(n));
+      let t = 0, n = 0;
+      for (const u of p.value.leaves)
+        u.fixed === "left" && (e[u.key] = { left: t + "px" }, t += Y.value[u.key] ?? ne(u));
+      for (const u of [...p.value.leaves].reverse())
+        u.fixed === "right" && (e[u.key] = { right: n + "px" }, n += Y.value[u.key] ?? ne(u));
       return e;
     });
-    function je(e, l = !1) {
+    function pt(e, t = !1) {
       return e.fixed === "left" || e.fixed === "right" ? {
         position: "sticky",
-        ...Jt.value[e.key],
-        zIndex: l ? 6 : 2
+        ...Al.value[e.key],
+        zIndex: t ? 6 : 2
       } : {};
     }
-    function Xt(e) {
-      const l = e.column, t = e.fixed === "right" ? e.leaves.at(-1) : e.leaves[0];
+    function Pl(e) {
+      const t = e.column, n = e.fixed === "right" ? e.leaves.at(-1) : e.leaves[0];
       return {
-        ...typeof r.headerCellStyle == "function" ? r.headerCellStyle(l, m.value.leaves.indexOf(t)) : r.headerCellStyle,
-        ...je(t, !0),
-        textAlign: l.headerAlign ?? l.align,
-        "--hys-ui-table-justify": (l.headerAlign ?? l.align) === "right" ? "flex-end" : (l.headerAlign ?? l.align) === "center" ? "center" : "flex-start"
+        ...typeof r.headerCellStyle == "function" ? r.headerCellStyle(t, p.value.leaves.indexOf(n)) : r.headerCellStyle,
+        ...pt(n, !0),
+        textAlign: t.headerAlign ?? t.align,
+        "--hys-ui-table-justify": (t.headerAlign ?? t.align) === "right" ? "flex-end" : (t.headerAlign ?? t.align) === "center" ? "center" : "flex-start"
       };
     }
-    const vt = (e) => typeof e == "number" ? Number.isFinite(e) && e >= 0 ? e + "px" : void 0 : e, Ie = A(/* @__PURE__ */ new Set());
-    te(
-      Le,
+    const ze = (e) => typeof e == "number" ? Number.isFinite(e) && e >= 0 ? e + "px" : void 0 : e, Ml = g(() => {
+      const e = ze(r.scrollWidth), t = mt.value + "px";
+      return e && e !== "max-content" ? `max(${t}, ${e})` : t;
+    }), Bl = g(() => je.value || de.value || Object.keys(r.columnWidths ?? {}).length ? mt.value + "px" : r.scrollWidth === "max-content" ? "max-content" : r.fit ? "100%" : mt.value + "px"), ht = E(/* @__PURE__ */ new Set());
+    G(
+      st,
       () => {
-        const e = new Set(Ie.value);
-        for (const l of Le.value) e.add(Kl(l));
-        for (const l of e)
-          s.graph.value.map.has(l) || e.delete(l);
-        Ie.value = e;
+        const e = new Set(ht.value);
+        for (const t of st.value) e.add(wa(t));
+        for (const t of e)
+          i.graph.value.map.has(t) || e.delete(t);
+        ht.value = e;
       },
       { immediate: !0 }
     );
-    function mt(e) {
-      return !!Oe.expand && s.canExpand(e) && (H.value.has(e.token) || r.preserveExpandedContent && Ie.value.has(e.token));
+    function Qt(e) {
+      return !!lt.expand && i.canExpand(e) && (U.value.has(e.token) || r.preserveExpandedContent && ht.value.has(e.token));
     }
-    function L(e, l, t, n) {
+    function J(e, t, n, u) {
       return {
         row: e,
-        column: l,
-        value: Be(e, l.dataIndex ?? l.key),
-        rowIndex: t,
-        columnIndex: n
+        column: t,
+        value: De(e, t.dataIndex ?? t.key),
+        rowIndex: n,
+        columnIndex: u
       };
     }
-    function Qt(e) {
+    function Ol(e) {
       return {
         ...typeof r.cellStyle == "function" ? r.cellStyle(e) : r.cellStyle,
         ...typeof e.column.cellStyle == "function" ? e.column.cellStyle(e) : e.column.cellStyle,
-        ...je(e.column),
+        ...pt(e.column),
         textAlign: e.column.align,
         "--hys-ui-table-justify": e.column.align === "right" ? "flex-end" : e.column.align === "center" ? "center" : "flex-start"
       };
     }
-    function Yt(e) {
+    function $l(e) {
       return [
         e.column.className,
         typeof r.cellClassName == "function" ? r.cellClassName(e) : r.cellClassName
       ];
     }
-    function Ue(e) {
+    function Ve(e) {
       if (e == null) return "";
       if (typeof e != "object") return String(e);
       try {
@@ -415,1101 +453,1331 @@ const Hl = ["aria-busy"], Ll = {
         return String(e);
       }
     }
-    function Gt(e) {
-      return e.column.formatter ? e.column.formatter(e.row, e.column, e.value, e.rowIndex) : Ue(e.value);
+    function El(e) {
+      const t = e.column.formatter ? e.column.formatter(e.row, e.column, e.value, e.rowIndex) : Ve(e.value);
+      return r.transformCellText ? r.transformCellText({ ...e, text: t }) : t;
     }
-    function Zt(e, l, t) {
-      k.value || (x("rowClick", e.row, l, t), r.highlightCurrentRow && s.setCurrentRow(e.key), r.expandOnClickRow && !t.target.closest(
+    function Hl(e, t, n) {
+      h.value || (P("rowClick", e.row, t, n), r.highlightCurrentRow && i.setCurrentRow(e.key), r.expandOnClickRow && !n.target.closest(
         "button,input,a,textarea,select,[contenteditable]"
-      ) && s.toggleRowExpansion(e.key));
+      ) && i.toggleRowExpansion(e.key));
     }
-    const _t = F(() => {
-      var n;
-      const e = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), t = m.value.leaves;
-      for (let d = 0; d < G.value.length; d++)
-        for (let a = 0; a < t.length; a++) {
-          const f = d + ":" + a, y = t[a];
-          if (l.has(f)) {
-            e.set(f, { rowspan: 0, colspan: 0 });
+    const Kl = g(() => {
+      var u;
+      const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = p.value.leaves;
+      for (let d = 0; d < _.value.length; d++)
+        for (let f = 0; f < n.length; f++) {
+          const F = d + ":" + f, b = n[f];
+          if (t.has(F)) {
+            e.set(F, { rowspan: 0, colspan: 0 });
             continue;
           }
-          const w = y.type && y.type !== "default" || (n = r.spanMethod) == null ? void 0 : n.call(r, L(G.value[d].row, y, d, a)), P = Array.isArray(w) ? { rowspan: w[0], colspan: w[1] } : w;
-          let z = Math.max(
+          const o = b.type && b.type !== "default" || (u = r.spanMethod) == null ? void 0 : u.call(r, J(_.value[d].row, b, d, f)), v = Array.isArray(o) ? { rowspan: o[0], colspan: o[1] } : o;
+          let $ = Math.max(
             0,
-            Math.min(G.value.length - d, Math.floor((P == null ? void 0 : P.rowspan) ?? 1))
-          ), R = Math.max(
+            Math.min(_.value.length - d, Math.floor((v == null ? void 0 : v.rowspan) ?? 1))
+          ), M = Math.max(
             0,
-            Math.min(t.length - a, Math.floor((P == null ? void 0 : P.colspan) ?? 1))
+            Math.min(n.length - f, Math.floor((v == null ? void 0 : v.colspan) ?? 1))
           );
-          Number.isFinite(z) || (z = 1), Number.isFinite(R) || (R = 1);
-          for (let p = 0; p < z - 1; p++)
-            if (mt(G.value[d + p]) && H.value.has(G.value[d + p].token)) {
-              z = p + 1;
+          Number.isFinite($) || ($ = 1), Number.isFinite(M) || (M = 1);
+          for (let C = 0; C < $ - 1; C++)
+            if (Qt(_.value[d + C]) && U.value.has(_.value[d + C].token)) {
+              $ = C + 1;
               break;
             }
-          for (let p = 1; p < R; p++)
-            if (t[a + p].fixed !== y.fixed || t[a + p].type && t[a + p].type !== "default") {
-              R = p;
+          for (let C = 1; C < M; C++)
+            if (n[f + C].fixed !== b.fixed || n[f + C].type && n[f + C].type !== "default") {
+              M = C;
               break;
             }
-          e.set(f, { rowspan: z, colspan: R });
-          for (let p = 0; p < z; p++)
-            for (let v = 0; v < R; v++)
-              (p || v) && l.add(d + p + ":" + (a + v));
+          e.set(F, { rowspan: $, colspan: M });
+          for (let C = 0; C < $; C++)
+            for (let a = 0; a < M; a++)
+              (C || a) && t.add(d + C + ":" + (f + a));
         }
       return e;
-    }), Se = (e, l) => _t.value.get(e + ":" + l) ?? { rowspan: 1, colspan: 1 }, pt = F(() => {
-      var t;
-      const e = s.filteredRows.value, l = (t = r.summaryMethod) == null ? void 0 : t.call(r, { columns: m.value.leaves, rows: e });
-      return m.value.leaves.map(
-        (n, d) => l ? Array.isArray(l) ? l[d] : l[n.key] : n.summary ? $l(e, n) : n.key === ge.value ? r.sumText : ""
+    }), Ie = (e, t) => Kl.value.get(e + ":" + t) ?? { rowspan: 1, colspan: 1 }, bt = g(() => _.value.map((e) => e.row)), gt = g(
+      () => r.summaryScope === "page" ? bt.value : i.filteredRows.value
+    ), kt = g(() => {
+      var n;
+      const e = gt.value, t = (n = r.summaryMethod) == null ? void 0 : n.call(r, { columns: p.value.leaves, rows: e });
+      return p.value.leaves.map(
+        (u, d) => t ? Array.isArray(t) ? t[d] : t[u.key] : u.summary ? Ca(e, u) : u.key === Ne.value ? r.sumText : ""
       );
-    }), Je = A(), Xe = A(), b = tt(), _ = A([]), ht = A(null), se = F(
-      () => r.filterColumnKey === void 0 ? ht.value : r.filterColumnKey
-    );
-    let Qe = !1;
-    async function xe(e, l = !1) {
+    });
+    function Yt(e) {
+      return {
+        "data-column-key": e.key,
+        style: { ...pt(e), textAlign: e.align }
+      };
+    }
+    const Ae = E(), wt = E(), k = et(), ie = E([]), Ct = E(null), ve = g(() => {
+      if (r.filterColumnKey !== void 0) return r.filterColumnKey;
+      const e = p.value.leaves, t = e.find((n) => Ue(n) && n.filterDropdownOpen === !0);
+      return t ? t.key : e.some((n) => n.key === Ct.value && n.filterDropdownOpen === !1) ? null : Ct.value;
+    });
+    function Ue(e) {
+      return !!(e.filterable || e.filters || e.renderFilterDropdown || e.filterMethod || e.filteredValue);
+    }
+    function St(e) {
       var t;
-      return e !== null && (k.value || !s.live.value || !m.value.leaves.some(
-        (n) => n.key === e && (n.filterable || n.filters)
-      )) ? !1 : (Qe = l, ht.value = e, x("update:filterColumnKey", e), se.value === e && Re(), await he(), se.value === e && Re(), await he(), s.live.value && se.value === e && (e === null ? !j.value : j.value && ((t = b.value) == null ? void 0 : t.key) === e));
+      return e.filtered ?? !!((t = ut.value[e.key]) != null && t.length);
+    }
+    let xt = !1;
+    async function Je(e, t = !1) {
+      var f, F, b, o;
+      const n = p.value.leaves, u = n.find((v) => v.key === e && Ue(v));
+      if (e !== null && (h.value || !i.live.value || !u))
+        return !1;
+      const d = ve.value;
+      return xt = t, Ct.value = e, e !== d && ((F = (f = n.find((v) => v.key === d)) == null ? void 0 : f.onFilterDropdownOpenChange) == null || F.call(f, !1), (b = u == null ? void 0 : u.onFilterDropdownOpenChange) == null || b.call(u, !0)), P("update:filterColumnKey", e), ve.value === e && Xe(), await Ke(), ve.value === e && Xe(), await Ke(), i.live.value && ve.value === e && (e === null ? !X.value : X.value && ((o = k.value) == null ? void 0 : o.key) === e);
     }
-    const M = $t(Je, Xe, {
-      get placement() {
-        return r.filterPlacement ?? "bottom-end";
+    const W = fl(Ae, wt, {
+      placement: () => {
+        var e;
+        return ((e = k.value) == null ? void 0 : e.filterPlacement) ?? r.filterPlacement ?? "bottom-end";
       },
       width: () => 260,
-      requestOpen(e, l) {
-        var t;
-        return xe(
-          e ? ((t = b.value) == null ? void 0 : t.key) ?? null : null,
-          l
+      requestOpen(e, t) {
+        var n;
+        return Je(
+          e ? ((n = k.value) == null ? void 0 : n.key) ?? null : null,
+          t
         ), !1;
       }
-    }), j = M.open, el = M.style;
-    function Re() {
-      var d, a, f;
-      const e = se.value, l = m.value.leaves.find(
-        (y) => y.key === e && (y.filterable || y.filters)
+    }), X = W.open, Dl = W.style, Gt = g(
+      () => {
+        var e;
+        return r.appendFilterTo ?? (Ae.value && ((e = r.getPopupContainer) == null ? void 0 : e.call(r, Ae.value))) ?? "body";
+      }
+    );
+    function Xe() {
+      var d, f, F;
+      const e = ve.value, t = p.value.leaves.find(
+        (b) => b.key === e && Ue(b)
       );
-      if (k.value || !s.live.value || !l) {
-        M.close(Qe, !0), Qe = !1;
+      if (h.value || !i.live.value || !t) {
+        W.close(xt, !0), xt = !1;
         return;
       }
-      const t = (a = Array.from(
-        ((d = Y.value) == null ? void 0 : d.querySelectorAll("th[data-leaf]")) ?? []
-      ).find((y) => y.dataset.columnKey === e)) == null ? void 0 : a.querySelector(".hys-ui-table-filter");
-      if (!t) {
-        M.close(!1, !0);
+      const n = (f = Array.from(
+        ((d = Le.value) == null ? void 0 : d.querySelectorAll("th[data-column-key]")) ?? []
+      ).find((b) => b.dataset.columnKey === e)) == null ? void 0 : f.querySelector(".hys-ui-table-filter");
+      if (!n) {
+        W.close(!1, !0);
         return;
       }
-      const n = ((f = b.value) == null ? void 0 : f.key) !== e || !j.value;
-      Je.value = t, b.value = l, n && (_.value = [...we.value[l.key] ?? []]), M.show(!0), he(() => {
-        var y, w;
-        n && j.value && se.value === e && ((w = (y = Xe.value) == null ? void 0 : y.querySelector('input,button,[tabindex="0"]')) == null || w.focus());
+      const u = ((F = k.value) == null ? void 0 : F.key) !== e || !X.value;
+      Ae.value = n, k.value = t, u && (ie.value = [...ut.value[t.key] ?? []]), W.show(!0), Ke(() => {
+        var b, o;
+        u && X.value && ve.value === e && ((o = (b = wt.value) == null ? void 0 : b.querySelector('input,button,[tabindex="0"]')) == null || o.focus());
       });
     }
-    te(
+    G(
       [
-        se,
-        k,
-        s.live,
-        () => m.value.leaves,
-        () => r.showHeader
+        ve,
+        h,
+        i.live,
+        () => p.value.leaves,
+        () => r.showHeader,
+        Le
       ],
-      Re,
+      Xe,
       { immediate: !0, flush: "post" }
-    ), te(
+    ), G(
       () => {
         var e;
-        return j.value ? ((e = b.value) == null ? void 0 : e.key) ?? null : null;
+        return X.value ? ((e = k.value) == null ? void 0 : e.key) ?? null : null;
       },
-      (e) => x("filterOpenChange", e)
+      (e) => P("filterOpenChange", e)
     );
-    async function tl(e, l) {
-      var t;
-      if (!k.value) {
-        if (j.value && ((t = b.value) == null ? void 0 : t.key) === e.key) {
-          M.close();
+    async function Wl(e, t) {
+      var n;
+      if (!h.value) {
+        if (X.value && ((n = k.value) == null ? void 0 : n.key) === e.key) {
+          W.close();
           return;
         }
-        Je.value = l.currentTarget, await xe(e.key);
+        Ae.value = t.currentTarget, await Je(e.key);
       }
     }
-    function kt(e) {
-      _.value = [...e];
+    function Rt(e) {
+      ie.value = [...e];
     }
-    function Te(e) {
-      b.value && s.setFilter(b.value.key, _.value), (e == null ? void 0 : e.closeDropdown) !== !1 && M.close(!0);
+    function Pe(e) {
+      k.value && i.setFilter(k.value.key, ie.value), (e == null ? void 0 : e.closeDropdown) !== !1 && W.close(!0);
     }
-    function wt(e) {
-      var n;
-      const l = b.value;
-      _.value = l != null && l.filterResetToDefault ? [
-        ...((n = r.defaultFilters) == null ? void 0 : n[l.key]) ?? l.defaultFilterValue ?? []
+    function Tt(e) {
+      var u;
+      const t = k.value;
+      ie.value = t != null && t.filterResetToDefault ? [
+        ...((u = r.defaultFilters) == null ? void 0 : u[t.key]) ?? t.defaultFilterValue ?? []
       ] : [];
-      const t = e;
-      (t == null ? void 0 : t.confirm) !== !1 ? Te(e) : (t == null ? void 0 : t.closeDropdown) === !0 && M.close(!0);
+      const n = e;
+      (n == null ? void 0 : n.confirm) !== !1 ? Pe(e) : (n == null ? void 0 : n.closeDropdown) === !0 && W.close(!0);
     }
-    const bt = A(), gt = A(), ee = tt(), N = $t(bt, gt, {
-      placement: "top-start"
-    }), Ct = N.open, ll = N.style;
-    let me;
-    function al() {
-      clearTimeout(me);
+    const Zt = g(() => k.value && {
+      column: k.value,
+      open: X.value,
+      values: ie.value,
+      setValues: Rt,
+      confirm: Pe,
+      clear: Tt,
+      close: () => W.close(!0)
+    }), Ce = E(), _t = E(), Q = et(), re = et();
+    function Qe(e) {
+      return e.showOverflowTooltip ?? r.showOverflowTooltip;
     }
-    function Ye() {
-      clearTimeout(me), me = setTimeout(() => N.close(), 80);
+    function Ll(e) {
+      return e.showSorterTooltip ?? r.showSorterTooltip;
     }
-    function St(e, l) {
-      clearTimeout(me);
-      const t = l.currentTarget;
-      k.value || N.restoringFocus.value || !(e.column.showOverflowTooltip ?? r.showOverflowTooltip) || t.scrollWidth <= t.clientWidth + 1 && t.scrollHeight <= t.clientHeight + 1 || (bt.value = t, ee.value = e, N.show());
+    const ue = g(() => {
+      var n;
+      const e = re.value ? r.showSorterTooltip : r.showOverflowTooltip, t = re.value ? re.value.showSorterTooltip : (n = Q.value) == null ? void 0 : n.column.showOverflowTooltip;
+      return {
+        ...typeof e == "object" ? e : void 0,
+        ...typeof t == "object" ? t : void 0
+      };
+    }), el = g(
+      () => {
+        var e;
+        return (Ce.value && ((e = r.getPopupContainer) == null ? void 0 : e.call(r, Ce.value))) ?? "body";
+      }
+    ), O = fl(Ce, _t, {
+      placement: () => ue.value.placement ?? "top-start",
+      get gap() {
+        return ue.value.offset;
+      }
+    }), Ye = O.open, Nl = O.style;
+    let Ge;
+    function Ft() {
+      clearTimeout(Ge);
     }
-    const ol = F(() => {
-      var l;
-      const e = ee.value;
-      return e ? ((l = e.column.tooltipFormatter ?? r.tooltipFormatter) == null ? void 0 : l(e)) ?? Ue(e.value) : "";
-    });
-    let X, Ge = 0, C, Ze = 0, _e = 0;
-    function xt() {
-      var t, n;
-      if (!s.live.value || !le.value) return;
-      nt.value = le.value.clientWidth;
-      const e = {}, l = (t = Y.value) == null ? void 0 : t.querySelector(
+    function Me() {
+      if (clearTimeout(Ge), !Ye.value) return;
+      const e = ue.value.hideDelay ?? 80;
+      Ge = setTimeout(() => O.close(), Number.isFinite(e) ? Math.max(0, e) : 80);
+    }
+    function tl(e, t) {
+      const n = t.currentTarget;
+      h.value || O.restoringFocus.value || !Qe(e.column) || n.scrollWidth <= n.clientWidth + 1 && n.scrollHeight <= n.clientHeight + 1 || (Ft(), Ce.value = n, re.value = void 0, Q.value = e, O.show());
+    }
+    function ll(e, t) {
+      h.value || !Ll(e) || O.restoringFocus.value || (Ft(), Ce.value = t.currentTarget, Q.value = void 0, re.value = e, O.show());
+    }
+    const al = g(() => {
+      var n, u, d;
+      const e = re.value;
+      if (e) {
+        const f = i.nextSortOrder(e), F = f === "asc" ? m.value.sortAsc : f === "desc" ? m.value.sortDesc : m.value.sortClear;
+        return he(F, e.label);
+      }
+      const t = Q.value;
+      return t ? ((n = t.column.tooltipFormatter ?? r.tooltipFormatter) == null ? void 0 : n(t)) ?? (((d = (u = Ce.value) == null ? void 0 : u.textContent) == null ? void 0 : d.trim()) || Ve(t.value)) : "";
+    }), zt = g(
+      () => Array.isArray(r.selectionActions) ? r.selectionActions : void 0
+    ), ql = g(() => i.selectionPage.value.map(({ row: e }) => e)), jl = g(() => i.selectionPage.value.map(({ key: e }) => e));
+    function Vl(e) {
+      if (h.value || !i.live.value || e.disabled) return;
+      const t = i.selectionPage.value;
+      return e.select({
+        rows: t.map(({ row: n }) => n),
+        keys: t.map(({ key: n }) => n),
+        selectedKeys: [...be.value],
+        setSelected: (n) => i.selectPage(n, t)
+      });
+    }
+    let se, At = 0, T, Pt = 0, Mt = 0;
+    function ol() {
+      var n, u;
+      if (!i.live.value || !ce.value) return;
+      Lt.value = ce.value.clientWidth;
+      const e = {}, t = (n = me.value) == null ? void 0 : n.querySelector(
         "tbody tr:not(.hys-ui-table-message):not(.hys-ui-table-detail)"
       );
-      for (const d of m.value.leaves) {
-        const a = Array.from(
-          ((n = Y.value) == null ? void 0 : n.querySelectorAll("th[data-leaf]")) ?? []
-        ).find((y) => y.dataset.columnKey === d.key), f = a ?? Array.from(
-          (l == null ? void 0 : l.querySelectorAll(
+      for (const d of p.value.leaves) {
+        const f = Array.from(
+          ((u = me.value) == null ? void 0 : u.querySelectorAll("th[data-leaf]")) ?? []
+        ).find((b) => b.dataset.columnKey === d.key), F = f ?? Array.from(
+          (t == null ? void 0 : t.querySelectorAll(
             "td[data-column-key],th[data-column-key]"
           )) ?? []
-        ).find((y) => y.dataset.columnKey === d.key);
-        f && (e[d.key] = f.getBoundingClientRect().width);
+        ).find((b) => b.dataset.columnKey === d.key);
+        F && (e[d.key] = F.getBoundingClientRect().width);
       }
-      JSON.stringify(e) !== JSON.stringify(D.value) && (D.value = e);
+      JSON.stringify(e) !== JSON.stringify(Y.value) && (Y.value = e);
     }
-    function re() {
-      cancelAnimationFrame(Ge), Ge = requestAnimationFrame(xt);
+    function Se() {
+      cancelAnimationFrame(At), At = requestAnimationFrame(ol);
     }
-    async function nl() {
-      await he(), xt();
+    async function Il() {
+      await Ke(), ol();
     }
-    function I() {
-      var e, l;
-      cancelAnimationFrame(Ze), C && ((l = (e = $.value) == null ? void 0 : e.hasPointerCapture) != null && l.call(e, C.pointerId)) && $.value.releasePointerCapture(C.pointerId), C = void 0, oe.value = void 0, ae.value = void 0, document.removeEventListener("pointermove", zt, !0), document.removeEventListener("pointerup", Mt, !0), document.removeEventListener("pointercancel", ze, !0), document.removeEventListener("keydown", Rt, !0), window.removeEventListener("blur", ze);
+    function te() {
+      var e, t;
+      cancelAnimationFrame(Pt), T && ((t = (e = q.value) == null ? void 0 : e.hasPointerCapture) != null && t.call(e, T.pointerId)) && q.value.releasePointerCapture(T.pointerId), T = void 0, pe.value = void 0, de.value = void 0, document.removeEventListener("pointermove", sl, !0), document.removeEventListener("pointerup", ul, !0), document.removeEventListener("pointercancel", Ze, !0), document.removeEventListener("keydown", nl, !0), window.removeEventListener("blur", Ze);
     }
-    function ze() {
-      I();
+    function Ze() {
+      te();
     }
-    function Rt(e) {
-      e.key === "Escape" && C && (e.preventDefault(), e.stopImmediatePropagation(), I());
+    function nl(e) {
+      e.key === "Escape" && T && (e.preventDefault(), e.stopImmediatePropagation(), te());
     }
-    function Tt() {
-      if (!C) return;
-      const e = getComputedStyle(le.value).direction === "rtl" ? -1 : 1;
-      oe.value = {
-        key: C.column.key,
+    function il() {
+      if (!T) return;
+      const e = getComputedStyle(ce.value).direction === "rtl" ? -1 : 1;
+      pe.value = {
+        key: T.column.key,
         width: Math.max(
-          C.column.minWidth ?? 60,
+          T.column.minWidth ?? 60,
           Math.min(
-            C.column.maxWidth ?? 2e3,
-            C.width + (_e - C.start) * e
+            T.column.maxWidth ?? 2e3,
+            T.width + (Mt - T.start) * e
           )
         )
       };
     }
-    function zt(e) {
-      !C || e.pointerId !== C.pointerId || (_e = e.clientX, cancelAnimationFrame(Ze), Ze = requestAnimationFrame(Tt));
+    function sl(e) {
+      !T || e.pointerId !== T.pointerId || (Mt = e.clientX, cancelAnimationFrame(Pt), Pt = requestAnimationFrame(il));
     }
-    function Ft(e, l, t, n) {
-      if (k.value || !s.live.value) return;
+    function rl(e, t, n, u) {
+      if (h.value || !i.live.value) return;
       const d = Math.round(
-        Math.max(e.minWidth ?? 60, Math.min(e.maxWidth ?? 2e3, l))
+        Math.max(e.minWidth ?? 60, Math.min(e.maxWidth ?? 2e3, t))
       );
-      if (d === t) return;
-      const a = {
-        ...Ve.value,
-        ...D.value,
-        ...n,
+      if (d === n) return;
+      const f = {
+        ...ft.value,
+        ...Y.value,
+        ...u,
         [e.key]: d
       };
-      Ee.value = a, x("update:columnWidths", a), r.columnWidths === void 0 && (Ce.value = !0), x("columnResize", e, d, t), re();
+      at.value = f, P("update:columnWidths", f), r.columnWidths === void 0 && (je.value = !0), P("columnResize", e, d, n), Se();
     }
-    function Mt(e) {
-      var a;
-      if (!C || e.pointerId !== C.pointerId) return;
-      _e = e.clientX, Tt();
-      const { column: l, width: t } = C, n = ((a = oe.value) == null ? void 0 : a.width) ?? t, d = ae.value;
-      I(), Ft(l, n, t, d);
+    function ul(e) {
+      var f;
+      if (!T || e.pointerId !== T.pointerId) return;
+      Mt = e.clientX, il();
+      const { column: t, width: n } = T, u = ((f = pe.value) == null ? void 0 : f.width) ?? n, d = de.value;
+      te(), rl(t, u, n, d);
     }
-    function il(e, l) {
-      var n, d;
-      if (k.value || l.button !== 0 || !s.live.value) return;
-      M.close(), N.close(), I();
-      const t = D.value[e.key] ?? J(e);
-      ae.value = { ...D.value }, C = {
+    function Ul(e, t) {
+      var u, d;
+      if (h.value || t.button !== 0 || !i.live.value) return;
+      W.close(), O.close(), te();
+      const n = Y.value[e.key] ?? ne(e);
+      de.value = { ...Y.value }, T = {
         column: e,
-        start: l.clientX,
-        width: t,
-        pointerId: l.pointerId
-      }, (d = (n = $.value) == null ? void 0 : n.setPointerCapture) == null || d.call(n, l.pointerId), document.addEventListener("pointermove", zt, !0), document.addEventListener("pointerup", Mt, !0), document.addEventListener("pointercancel", ze, !0), document.addEventListener("keydown", Rt, !0), window.addEventListener("blur", ze);
+        start: t.clientX,
+        width: n,
+        pointerId: t.pointerId
+      }, (d = (u = q.value) == null ? void 0 : u.setPointerCapture) == null || d.call(u, t.pointerId), document.addEventListener("pointermove", sl, !0), document.addEventListener("pointerup", ul, !0), document.addEventListener("pointercancel", Ze, !0), document.addEventListener("keydown", nl, !0), window.addEventListener("blur", Ze);
     }
-    function sl() {
-      k.value || (I(), Ee.value = {}, Ce.value = !1, x("update:columnWidths", {}), re());
+    function Jl() {
+      h.value || (te(), at.value = {}, je.value = !1, P("update:columnWidths", {}), Se());
     }
-    function et(e, l) {
-      const t = m.value.leaves.find((n) => n.key === e);
-      t && Number.isFinite(l) && Ft(t, l, D.value[e] ?? J(t));
+    function Bt(e, t) {
+      const n = p.value.leaves.find((u) => u.key === e);
+      n && Number.isFinite(t) && rl(n, t, Y.value[e] ?? ne(n));
     }
-    function rl(e) {
-      $.value && (N.close(), x(
+    function Xl(e) {
+      q.value && (Tl(), O.close(), P(
         "scroll",
         {
-          scrollLeft: $.value.scrollLeft,
-          scrollTop: $.value.scrollTop
+          scrollLeft: q.value.scrollLeft,
+          scrollTop: q.value.scrollTop
         },
         e
       ));
     }
-    function At() {
-      X == null || X.disconnect(), typeof ResizeObserver < "u" && (X = new ResizeObserver(re), le.value && X.observe(le.value), Y.value && X.observe(Y.value)), re();
+    function Ot() {
+      se == null || se.disconnect(), typeof ResizeObserver < "u" && (se = new ResizeObserver(Se), ce.value && se.observe(ce.value), me.value && se.observe(me.value)), Se();
     }
-    function Bt() {
-      X == null || X.disconnect(), cancelAnimationFrame(Ge), I(), clearTimeout(me), M.close(), N.close();
+    function cl() {
+      se == null || se.disconnect(), cancelAnimationFrame(At), te(), clearTimeout(Ge), W.close(), O.close();
     }
-    te(k, (e) => {
-      e && (I(), M.close(), N.close());
-    }), te(
+    G(h, (e) => {
+      e && (te(), W.close(), O.close());
+    }), G(
       () => r.columnWidths,
       () => {
-        C && I(), re();
+        T && te(), Se();
       },
       { deep: !0 }
-    ), te(
-      () => m.value.leaves.map((e) => e.key).join("\0"),
+    ), G(
+      () => p.value.leaves.map((e) => e.key).join("\0"),
       () => {
-        b.value && !m.value.leaves.some((e) => {
-          var l;
-          return e.key === ((l = b.value) == null ? void 0 : l.key);
-        }) && M.close(), ee.value && !m.value.leaves.some((e) => {
-          var l;
-          return e.key === ((l = ee.value) == null ? void 0 : l.column.key);
-        }) && N.close(), C && !m.value.leaves.some((e) => e.key === (C == null ? void 0 : C.column.key)) && I();
+        Q.value && !p.value.leaves.some((e) => {
+          var t;
+          return e.key === ((t = Q.value) == null ? void 0 : t.column.key);
+        }) && O.close(), T && !p.value.leaves.some((e) => e.key === (T == null ? void 0 : T.column.key)) && te();
       }
-    ), te(
+    ), G(
       () => r.columns,
       () => {
-        I(), M.close(), N.close();
+        te(), O.close();
       },
       { deep: !0 }
-    ), ml(() => {
-      At(), Re();
-    }), pl(At), hl(re), kl(Bt), wl(Bt), te(
-      [Z, we, De, be],
+    ), G(_, () => {
+      Q.value && O.close();
+    }), G([() => r.showOverflowTooltip, () => r.showSorterTooltip], () => O.close(), { deep: !0 }), ea(() => {
+      Ot(), Xe();
+    }), ta(Ot), G(me, () => {
+      i.live.value && Ot();
+    }, { flush: "post" }), la(Se), aa(cl), oa(cl), G(
+      [ee, ut, ct, dt],
       () => {
-        r.scrollToFirstRowOnChange && $.value && ($.value.scrollTop = 0);
+        r.scrollToFirstRowOnChange && q.value && (q.value.scrollTop = 0);
       },
       { flush: "post" }
     );
-    function Fe(e) {
-      const l = $.value;
-      !s.live.value || !l || (typeof l.scrollTo == "function" ? l.scrollTo(e) : (e.top !== void 0 && (l.scrollTop = e.top), e.left !== void 0 && (l.scrollLeft = e.left)));
+    function _e(e) {
+      const t = q.value;
+      !i.live.value || !t || (typeof t.scrollTo == "function" ? t.scrollTo(e) : (e.top !== void 0 && (t.scrollTop = e.top), e.left !== void 0 && (t.scrollLeft = e.left)));
     }
-    async function ul(e, l = {}) {
-      var p, v, ue;
-      await he();
-      const t = s.find(e), n = $.value;
-      if (!s.live.value || !n || !t || r.loading) return !1;
-      const d = G.value.findIndex((dl) => dl.token === t.token), a = Array.from(
-        ((p = Y.value) == null ? void 0 : p.querySelectorAll("tbody tr[data-row-key]")) ?? []
+    async function Ql(e, t = {}) {
+      var C, a;
+      await Ke();
+      const n = i.find(e), u = q.value;
+      if (!i.live.value || !u || !n || r.loading) return !1;
+      const d = _.value.findIndex((z) => z.token === n.token), f = Array.from(
+        ((C = me.value) == null ? void 0 : C.querySelectorAll("tbody tr[data-row-key]")) ?? []
       )[d];
-      if (d < 0 || !a) return !1;
-      const f = n.getBoundingClientRect(), y = a.getBoundingClientRect(), w = yt.value ? ((ue = (v = Y.value) == null ? void 0 : v.querySelector("thead")) == null ? void 0 : ue.getBoundingClientRect().height) ?? 0 : 0, P = y.top - f.top - n.clientTop + n.scrollTop, z = Math.max(0, n.clientHeight - w);
-      let R = P - w;
-      if (l.block === "center") R -= (z - y.height) / 2;
-      else if (l.block === "end") R -= z - y.height;
-      else if (!l.block || l.block === "nearest") {
-        if (y.top >= f.top + n.clientTop + w && y.bottom <= f.top + n.clientTop + n.clientHeight)
+      if (d < 0 || !f) return !1;
+      const F = u.getBoundingClientRect(), b = f.getBoundingClientRect(), o = Ut.value ? (((a = Le.value) == null ? void 0 : a.getBoundingClientRect().height) ?? 0) + Jt.value : 0, v = b.top - F.top - u.clientTop + u.scrollTop, $ = Math.max(0, u.clientHeight - o);
+      let M = v - o;
+      if (t.block === "center") M -= ($ - b.height) / 2;
+      else if (t.block === "end") M -= $ - b.height;
+      else if (!t.block || t.block === "nearest") {
+        if (b.top >= F.top + u.clientTop + o && b.bottom <= F.top + u.clientTop + u.clientHeight)
           return !0;
-        y.top >= f.top + n.clientTop + w && (R -= z - y.height);
+        b.top >= F.top + u.clientTop + o && (M -= $ - b.height);
       }
-      return Fe({ top: Math.max(0, R), behavior: l.behavior }), !0;
+      return _e({ top: Math.max(0, M), behavior: t.behavior }), !0;
     }
-    const cl = F(() => m.value.leaves);
-    return Lt({
-      element: le,
-      viewport: $,
-      selectedKeys: fe,
-      currentRow: s.currentRow,
-      expandedKeys: Le,
-      query: We,
-      columns: cl,
-      clearSelection: s.clearSelection,
-      getSelectionRows: s.getSelectionRows,
-      getHalfSelectionRows: s.getHalfSelectionRows,
-      toggleRowSelection: s.toggleRowSelection,
-      toggleAllSelection: s.toggleAllSelection,
-      invertSelection: s.invertSelection,
-      setCurrentRow: s.setCurrentRow,
-      toggleRowExpansion: s.toggleRowExpansion,
-      loadRow: s.loadRow,
-      updateKeyChildren: s.updateKeyChildren,
-      clearSort: () => s.setSort(null),
-      setSort: s.setSort,
-      clearFilter: s.clearFilter,
-      setFilter: s.setFilter,
-      showFilter: (e) => xe(e),
-      hideFilter: () => xe(null, !0),
-      setPage: s.requestPage,
-      resizeColumn: et,
-      resetColumnWidths: sl,
-      doLayout: nl,
-      scrollTo: Fe,
+    const Yl = g(() => p.value.leaves);
+    return pl({
+      element: ce,
+      viewport: q,
+      selectedKeys: be,
+      currentRow: i.currentRow,
+      expandedKeys: st,
+      query: vt,
+      columns: Yl,
+      clearSelection: i.clearSelection,
+      getSelectionRows: i.getSelectionRows,
+      getHalfSelectionRows: i.getHalfSelectionRows,
+      toggleRowSelection: i.toggleRowSelection,
+      toggleAllSelection: i.toggleAllSelection,
+      invertSelection: i.invertSelection,
+      setCurrentRow: i.setCurrentRow,
+      toggleRowExpansion: i.toggleRowExpansion,
+      loadRow: i.loadRow,
+      updateKeyChildren: i.updateKeyChildren,
+      clearSort: () => i.setSort(null),
+      setSort: i.setSort,
+      clearFilter: i.clearFilter,
+      setFilter: i.setFilter,
+      showFilter: (e) => Je(e),
+      hideFilter: () => Je(null, !0),
+      setPage: i.requestPage,
+      resizeColumn: Bt,
+      resetColumnWidths: Jl,
+      doLayout: Il,
+      scrollTo: _e,
       setScrollTop: (e) => {
-        Number.isFinite(e) && Fe({ top: Math.max(0, e) });
+        Number.isFinite(e) && _e({ top: Math.max(0, e) });
       },
       setScrollLeft: (e) => {
-        Number.isFinite(e) && Fe({ left: Math.max(0, e) });
+        Number.isFinite(e) && _e({ left: Math.max(0, e) });
       },
-      scrollToRow: ul
-    }), (e, l) => (u(), c("div", W({
-      ref_key: "element",
-      ref: le
-    }, o(Pe), {
-      class: ["hys-ui-table", [
-        "hys-ui-table-" + i.size,
-        {
-          "hys-ui-table-striped": i.striped,
-          "hys-ui-table-bordered": i.bordered,
-          "hys-ui-table-sticky": yt.value
-        }
-      ]],
-      "aria-busy": i.loading || void 0
-    }), [
-      e.$slots.title ? (u(), c("div", Ll, [
-        S(e.$slots, "title", {
-          rows: o(s).filteredRows.value,
-          query: o(We)
-        }, void 0, !0)
-      ])) : g("", !0),
-      i.selectionActions || e.$slots.selection ? (u(), c("div", Nl, [
-        S(e.$slots, "selection", {
-          rows: o(s).getSelectionRows(),
-          keys: o(fe),
-          selectAll: () => o(s).toggleAllSelection(!0),
-          invert: o(s).invertSelection,
-          clear: o(s).clearSelection
-        }, () => [
-          T("span", Dl, O(h.value.selected.replace("{count}", String(o(fe).length))), 1),
-          i.selectionType !== "radio" ? (u(), B(ce, {
-            key: 0,
-            size: "sm",
-            variant: "secondary",
-            disabled: o(k),
-            onClick: l[0] || (l[0] = (t) => o(s).toggleAllSelection(!0))
-          }, {
-            default: U(() => [
-              q(O(h.value.selectAll), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : g("", !0),
-          i.selectionType !== "radio" ? (u(), B(ce, {
-            key: 1,
-            size: "sm",
-            variant: "secondary",
-            disabled: o(k),
-            onClick: o(s).invertSelection
-          }, {
-            default: U(() => [
-              q(O(h.value.invertSelection), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled", "onClick"])) : g("", !0),
-          K(ce, {
-            size: "sm",
-            variant: "ghost",
-            disabled: o(k) || !o(fe).length,
-            onClick: o(s).clearSelection
-          }, {
-            default: U(() => [
-              q(O(h.value.clearSelection), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled", "onClick"])
-        ], !0)
-      ])) : g("", !0),
-      (u(!0), c(E, null, Q(ct.value.filter(
-        (t) => t.startsWith("top-")
-      ), (t) => (u(), c("div", {
-        key: t,
-        class: "hys-ui-table-pagination",
-        "data-position": t
-      }, [
-        K(Kt, W({ ref_for: !0 }, dt.value, {
-          onChange: l[1] || (l[1] = (n) => o(s).requestPage(n)),
-          onPageSizeChange: o(s).changeSize
-        }), null, 16, ["onPageSizeChange"])
-      ], 8, Wl))), 128)),
-      T("div", {
-        ref_key: "viewport",
-        ref: $,
-        class: "hys-ui-table-scroll",
-        style: pe({
-          height: vt(i.height),
-          maxHeight: vt(i.maxHeight),
-          overflowY: i.scrollbarAlwaysOn ? "scroll" : void 0
-        }),
-        tabindex: i.scrollbarTabindex,
-        "aria-label": i.caption || h.value.scrollLabel,
-        onScroll: rl
-      }, [
-        T("table", {
-          ref_key: "table",
-          ref: Y,
-          class: "hys-ui-data-table",
-          style: pe({
-            minWidth: ft.value + "px",
-            tableLayout: Ce.value || ae.value ? "fixed" : i.tableLayout,
-            width: i.fit && !Ce.value && !ae.value && !Object.keys(i.columnWidths ?? {}).length ? "100%" : ft.value + "px"
-          })
+      scrollToRow: Ql
+    }), (e, t) => {
+      var n, u;
+      return c(), y("div", V({
+        ref_key: "element",
+        ref: ce
+      }, l(We), {
+        class: ["hys-ui-table", [
+          "hys-ui-table-" + s.size,
+          {
+            "hys-ui-table-striped": s.striped,
+            "hys-ui-table-bordered": s.bordered,
+            "hys-ui-table-sticky": Ut.value
+          }
+        ]],
+        "aria-busy": s.loading || void 0
+      }), [
+        e.$slots.title ? (c(), y("div", xa, [
+          S(e.$slots, "title", {
+            rows: l(i).filteredRows.value,
+            pageRows: bt.value,
+            query: l(vt)
+          }, void 0, !0)
+        ])) : x("", !0),
+        s.selectionActions === !0 || (n = zt.value) != null && n.length || e.$slots.selection ? (c(), y("div", Ra, [
+          S(e.$slots, "selection", {
+            rows: l(i).getSelectionRows(),
+            keys: l(be),
+            selectAll: () => l(i).toggleAllSelection(!0),
+            invert: l(i).invertSelection,
+            clear: l(i).clearSelection,
+            pageRows: ql.value,
+            pageKeys: jl.value,
+            setSelected: (d) => l(i).selectPage(d)
+          }, () => [
+            H("span", Ta, K(m.value.selected.replace("{count}", String(l(be).length))), 1),
+            zt.value ? (c(!0), y(A, { key: 0 }, le(zt.value, (d) => (c(), w(ye, {
+              key: d.key,
+              size: "sm",
+              variant: "secondary",
+              disabled: l(h) || d.disabled || s.selectionType === "radio",
+              onClick: (f) => Vl(d)
+            }, {
+              default: B(() => [
+                I(K(d.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["disabled", "onClick"]))), 128)) : (c(), y(A, { key: 1 }, [
+              s.selectionType !== "radio" ? (c(), w(ye, {
+                key: 0,
+                size: "sm",
+                variant: "secondary",
+                disabled: l(h) || !l(i).selectionPage.value.length,
+                onClick: t[0] || (t[0] = (d) => l(i).toggleAllSelection(!0))
+              }, {
+                default: B(() => [
+                  I(K(m.value.selectAll), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : x("", !0),
+              s.selectionType !== "radio" ? (c(), w(ye, {
+                key: 1,
+                size: "sm",
+                variant: "secondary",
+                disabled: l(h) || !l(i).selectionPage.value.length,
+                onClick: l(i).invertSelection
+              }, {
+                default: B(() => [
+                  I(K(m.value.invertSelection), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick"])) : x("", !0),
+              N(ye, {
+                size: "sm",
+                variant: "ghost",
+                disabled: l(h) || !l(be).length,
+                onClick: l(i).clearSelection
+              }, {
+                default: B(() => [
+                  I(K(m.value.clearSelection), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick"])
+            ], 64))
+          ], !0)
+        ])) : x("", !0),
+        (c(!0), y(A, null, le(It.value.filter(
+          (d) => d.startsWith("top-")
+        ), (d) => (c(), y("div", {
+          key: d,
+          class: "hys-ui-table-pagination",
+          "data-position": d
         }, [
-          i.caption ? (u(), c("caption", Vl, O(i.caption), 1)) : g("", !0),
-          T("colgroup", null, [
-            (u(!0), c(E, null, Q(m.value.leaves, (t) => (u(), c("col", {
-              key: t.key,
-              style: pe({ width: Ut(t) })
-            }, null, 4))), 128))
-          ]),
-          i.showHeader ? (u(), c("thead", jl, [
-            (u(!0), c(E, null, Q(m.value.headers, (t, n) => {
-              var d;
-              return u(), c("tr", W(
-                {
-                  key: n,
-                  class: typeof i.headerRowClassName == "function" ? i.headerRowClassName(
-                    t.map((a) => a.column),
-                    n
-                  ) : i.headerRowClassName,
-                  style: typeof i.headerRowStyle == "function" ? i.headerRowStyle(
-                    t.map((a) => a.column),
-                    n
-                  ) : i.headerRowStyle
-                },
-                { ref_for: !0 },
-                ie(
-                  (d = i.customHeaderRow) == null ? void 0 : d.call(
-                    i,
-                    t.map((a) => a.column),
-                    n
-                  )
-                )
-              ), [
-                (u(!0), c(E, null, Q(t, (a) => {
-                  var f, y, w, P, z, R, p;
-                  return u(), c("th", W({
-                    key: a.key
-                  }, { ref_for: !0 }, Vt(a), {
-                    "data-column-key": a.column.key,
-                    "data-leaf": a.column.children ? void 0 : "",
-                    colspan: a.colspan,
-                    rowspan: a.rowspan,
-                    scope: a.column.children ? "colgroup" : "col",
-                    class: [
-                      a.column.headerClassName,
-                      typeof i.headerCellClassName == "function" ? i.headerCellClassName(
-                        a.column,
-                        m.value.leaves.indexOf(a.leaves[0])
-                      ) : i.headerCellClassName
-                    ],
-                    style: Xt(a),
-                    "aria-sort": a.column.sortable ? ((f = o(Z).find((v) => v.key === a.column.key)) == null ? void 0 : f.direction) === "asc" ? "ascending" : ((y = o(Z).find((v) => v.key === a.column.key)) == null ? void 0 : y.direction) === "desc" ? "descending" : "none" : void 0,
-                    onClick: (v) => x("headerClick", a.column, v),
-                    onContextmenu: (v) => x("headerContextmenu", a.column, v)
-                  }), [
-                    a.column.type === "selection" ? S(e.$slots, "selection-header", {
-                      column: a.column,
-                      checked: o(st),
-                      indeterminate: o(Ne),
-                      disabled: o(k) || !o(s).graph.value.all.some(o(s).eligible),
-                      toggle: o(s).toggleAllSelection
-                    }, () => [
-                      a.column.type === "selection" && i.selectionType !== "radio" && !i.hideSelectAll ? (u(), B(Et, {
-                        key: 0,
-                        "model-value": o(st),
-                        indeterminate: o(Ne),
-                        disabled: o(k) || !o(s).graph.value.all.some(o(s).eligible),
-                        "aria-label": h.value.selectAll,
-                        onClick: l[2] || (l[2] = V(() => {
-                        }, ["stop"])),
-                        "onUpdate:modelValue": l[3] || (l[3] = (v) => o(s).toggleAllSelection(
-                          o(Ne) && !i.selectOnIndeterminate ? !1 : v === !0
-                        ))
-                      }, {
-                        default: U(() => {
-                          var v;
-                          return [
-                            (v = i.selectionColumn) != null && v.label ? (u(), c(E, { key: 0 }, [
-                              q(O(i.selectionColumn.label), 1)
-                            ], 64)) : g("", !0)
-                          ];
-                        }),
-                        _: 1
-                      }, 8, ["model-value", "indeterminate", "disabled", "aria-label"])) : a.column.type === "selection" ? (u(), c("span", Ul, "选择")) : g("", !0)
-                    ], !0, 0) : (u(), c("div", Jl, [
-                      T("div", Xl, [
-                        a.column.sortable ? (u(), c("button", {
-                          key: 0,
-                          type: "button",
-                          class: "hys-ui-table-sort",
-                          disabled: o(k),
-                          onClick: (v) => o(s).toggleSort(a.column)
+          S(e.$slots, "pagination", {
+            position: d,
+            props: qe.value,
+            setPage: l(i).requestPage,
+            setPageSize: l(i).changeSize
+          }, () => [
+            N(yl, V({ ref_for: !0 }, qe.value, {
+              onChange: t[1] || (t[1] = (f) => l(i).requestPage(f)),
+              onPageSizeChange: l(i).changeSize
+            }), null, 16, ["onPageSizeChange"])
+          ], !0)
+        ], 8, Fa))), 128)),
+        H("div", za, [
+          H("div", {
+            ref_key: "viewport",
+            ref: q,
+            class: Te(["hys-ui-table-scroll", { "hys-ui-table-themed-scrollbar": s.nativeScrollbar === !1 }]),
+            style: Re({
+              height: ze(s.height),
+              maxHeight: ze(s.maxHeight),
+              overflowY: s.scrollbarAlwaysOn ? "scroll" : void 0
+            }),
+            tabindex: s.scrollbarTabindex,
+            "aria-label": s.caption || m.value.scrollLabel,
+            onScroll: Xl
+          }, [
+            (c(), w(ae(((u = s.components) == null ? void 0 : u.table) ?? "table"), {
+              ref_key: "tableRoot",
+              ref: Kt,
+              class: "hys-ui-data-table",
+              style: Re({
+                minWidth: Ml.value,
+                tableLayout: je.value || de.value ? "fixed" : s.tableLayout,
+                width: Bl.value
+              })
+            }, {
+              default: B(() => {
+                var d, f, F, b;
+                return [
+                  s.caption ? (c(), y("caption", Pa, K(s.caption), 1)) : x("", !0),
+                  H("colgroup", null, [
+                    (c(!0), y(A, null, le(p.value.leaves, (o) => (c(), y("col", {
+                      key: o.key,
+                      style: Re({ width: zl(o) })
+                    }, null, 4))), 128))
+                  ]),
+                  s.showHeader ? (c(), w(ae(((f = (d = s.components) == null ? void 0 : d.header) == null ? void 0 : f.wrapper) ?? "thead"), {
+                    key: 1,
+                    ref_key: "tableHeadRoot",
+                    ref: Dt,
+                    style: Re({ top: l(Jt) + "px" })
+                  }, {
+                    default: B(() => [
+                      (c(!0), y(A, null, le(p.value.headers, (o, v) => {
+                        var $, M, C;
+                        return c(), w(ae(((M = ($ = s.components) == null ? void 0 : $.header) == null ? void 0 : M.row) ?? "tr"), V(
+                          {
+                            key: v,
+                            class: typeof s.headerRowClassName == "function" ? s.headerRowClassName(
+                              o.map((a) => a.column),
+                              v
+                            ) : s.headerRowClassName,
+                            style: typeof s.headerRowStyle == "function" ? s.headerRowStyle(
+                              o.map((a) => a.column),
+                              v
+                            ) : s.headerRowStyle
+                          },
+                          { ref_for: !0 },
+                          ke(
+                            (C = s.customHeaderRow) == null ? void 0 : C.call(
+                              s,
+                              o.map((a) => a.column),
+                              v
+                            )
+                          )
+                        ), {
+                          default: B(() => [
+                            (c(!0), y(A, null, le(o, (a) => {
+                              var z, Be, Oe, $e;
+                              return c(), w(ae(((Be = (z = s.components) == null ? void 0 : z.header) == null ? void 0 : Be.cell) ?? "th"), V({
+                                key: a.key
+                              }, { ref_for: !0 }, Cl(a), {
+                                "data-column-key": a.column.key,
+                                "data-leaf": !a.column.children && a.colspan === 1 ? "" : void 0,
+                                colspan: a.colspan,
+                                rowspan: a.rowspan,
+                                scope: a.column.children || a.colspan > 1 ? "colgroup" : "col",
+                                "aria-hidden": a.blank || void 0,
+                                class: [
+                                  a.column.headerClassName,
+                                  typeof s.headerCellClassName == "function" ? s.headerCellClassName(
+                                    a.column,
+                                    p.value.leaves.indexOf(a.leaves[0])
+                                  ) : s.headerCellClassName
+                                ],
+                                style: Pl(a),
+                                "aria-sort": !a.blank && a.column.sortable ? ((Oe = l(ee).find((j) => j.key === a.column.key)) == null ? void 0 : Oe.direction) === "asc" ? "ascending" : (($e = l(ee).find((j) => j.key === a.column.key)) == null ? void 0 : $e.direction) === "desc" ? "descending" : "none" : void 0,
+                                onClick: (j) => !a.blank && P("headerClick", a.column, j),
+                                onContextmenu: (j) => !a.blank && P("headerContextmenu", a.column, j)
+                              }), {
+                                default: B(() => {
+                                  var j, D, L, Ee;
+                                  return [
+                                    a.blank ? (c(), y(A, { key: 0 }, [], 64)) : a.column.type === "selection" ? S(e.$slots, "selection-header", {
+                                      column: a.column,
+                                      checked: l(qt),
+                                      indeterminate: l(rt),
+                                      disabled: l(h) || !l(i).selectionPage.value.length,
+                                      toggle: l(i).toggleAllSelection
+                                    }, () => [
+                                      a.column.type === "selection" && s.selectionType !== "radio" && !s.hideSelectAll ? (c(), w(vl, {
+                                        key: 0,
+                                        "model-value": l(qt),
+                                        indeterminate: l(rt),
+                                        disabled: l(h) || !l(i).selectionPage.value.length,
+                                        "aria-label": m.value.selectAll,
+                                        onClick: t[2] || (t[2] = Z(() => {
+                                        }, ["stop"])),
+                                        "onUpdate:modelValue": t[3] || (t[3] = (R) => l(i).toggleAllSelection(
+                                          l(rt) && !s.selectOnIndeterminate ? !1 : R === !0
+                                        ))
+                                      }, {
+                                        default: B(() => {
+                                          var R;
+                                          return [
+                                            (R = s.selectionColumn) != null && R.label ? (c(), y(A, { key: 0 }, [
+                                              I(K(s.selectionColumn.label), 1)
+                                            ], 64)) : x("", !0)
+                                          ];
+                                        }),
+                                        _: 1
+                                      }, 8, ["model-value", "indeterminate", "disabled", "aria-label"])) : a.column.type === "selection" ? (c(), y("span", Ma, "选择")) : x("", !0)
+                                    ], !0, 1) : (c(), y("div", Ba, [
+                                      H("div", Oa, [
+                                        a.column.sortable ? (c(), y("button", {
+                                          key: 0,
+                                          type: "button",
+                                          class: "hys-ui-table-sort",
+                                          disabled: l(h),
+                                          "aria-describedby": l(Ye) && re.value === a.column ? l(fe) + "-tooltip" : void 0,
+                                          onPointerenter: (R) => ll(a.column, R),
+                                          onPointerleave: Me,
+                                          onFocus: (R) => ll(a.column, R),
+                                          onBlur: Me,
+                                          onClick: (R) => l(i).toggleSort(a.column)
+                                        }, [
+                                          S(e.$slots, "header-" + a.column.key, {
+                                            column: a.column,
+                                            sorts: l(ee)
+                                          }, () => [
+                                            S(e.$slots, "header-cell", {
+                                              column: a.column,
+                                              sorts: l(ee)
+                                            }, () => [
+                                              a.column.renderHeader ? (c(), w(oe, {
+                                                key: 0,
+                                                value: a.column.renderHeader(a.column, l(ee))
+                                              }, null, 8, ["value"])) : (c(), y(A, { key: 1 }, [
+                                                I(K(a.column.label), 1)
+                                              ], 64))
+                                            ], !0)
+                                          ], !0)
+                                        ], 40, $a)) : (c(), y("span", Ea, [
+                                          S(e.$slots, "header-" + a.column.key, {
+                                            column: a.column,
+                                            sorts: l(ee)
+                                          }, () => [
+                                            S(e.$slots, "header-cell", {
+                                              column: a.column,
+                                              sorts: l(ee)
+                                            }, () => [
+                                              a.column.renderHeader ? (c(), w(oe, {
+                                                key: 0,
+                                                value: a.column.renderHeader(a.column, l(ee))
+                                              }, null, 8, ["value"])) : (c(), y(A, { key: 1 }, [
+                                                I(K(a.column.label), 1)
+                                              ], 64))
+                                            ], !0)
+                                          ], !0)
+                                        ])),
+                                        a.column.sortable ? (c(), y("span", Ha, [
+                                          (c(), y(A, null, le(["asc", "desc"], (R) => H("button", {
+                                            key: R,
+                                            type: "button",
+                                            disabled: l(h),
+                                            "aria-label": he(
+                                              R === "asc" ? m.value.sortAsc : m.value.sortDesc,
+                                              a.column.label
+                                            ),
+                                            "aria-pressed": l(ee).some(
+                                              (xe) => xe.key === a.column.key && xe.direction === R
+                                            ),
+                                            onClick: (xe) => l(i).toggleSort(a.column, R)
+                                          }, [
+                                            (c(), w(ae(R === "asc" ? l(ca) : l(Ht)), {
+                                              size: 12,
+                                              "aria-hidden": "true"
+                                            }))
+                                          ], 8, Ka)), 64))
+                                        ])) : x("", !0)
+                                      ]),
+                                      !a.column.children && Ue(a.column) ? (c(), y("button", {
+                                        key: 0,
+                                        type: "button",
+                                        class: Te(["hys-ui-table-filter", {
+                                          "hys-ui-table-filter-active": St(a.column)
+                                        }]),
+                                        disabled: l(h),
+                                        "aria-label": m.value.filter + a.column.label,
+                                        "aria-expanded": l(X) && ((j = k.value) == null ? void 0 : j.key) === a.column.key,
+                                        "aria-controls": l(fe) + "-filter",
+                                        onClick: Z((R) => Wl(a.column, R), ["stop"])
+                                      }, [
+                                        a.column.renderFilterIcon ? (c(), w(oe, {
+                                          key: 0,
+                                          value: a.column.renderFilterIcon({
+                                            column: a.column,
+                                            filtered: St(a.column),
+                                            open: l(X) && ((D = k.value) == null ? void 0 : D.key) === a.column.key
+                                          })
+                                        }, null, 8, ["value"])) : S(e.$slots, "filter-icon", {
+                                          column: a.column,
+                                          filtered: St(a.column),
+                                          open: l(X) && ((L = k.value) == null ? void 0 : L.key) === a.column.key
+                                        }, () => [
+                                          N(l(da), {
+                                            size: 14,
+                                            "aria-hidden": "true"
+                                          })
+                                        ], !0, 1)
+                                      ], 10, Da)) : x("", !0),
+                                      !a.column.children && a.colspan === 1 && (a.column.resizable ?? s.resizable) && (s.allowDragLastColumn || a.column.key !== ((Ee = p.value.leaves.at(-1)) == null ? void 0 : Ee.key)) && (!a.column.type || a.column.type === "default") ? (c(), y("span", {
+                                        key: 1,
+                                        class: "hys-ui-table-resize",
+                                        role: "separator",
+                                        "aria-orientation": "vertical",
+                                        "aria-label": he(m.value.resizeColumn, a.column.label),
+                                        tabindex: "0",
+                                        "aria-valuenow": Math.round(
+                                          Y.value[a.column.key] ?? ne(a.column)
+                                        ),
+                                        "aria-valuemin": a.column.minWidth ?? 60,
+                                        "aria-valuemax": a.column.maxWidth ?? 2e3,
+                                        onPointerdown: Z((R) => Ul(a.column, R), ["prevent", "stop"]),
+                                        onKeydown: [
+                                          $t(Z((R) => Bt(
+                                            a.column.key,
+                                            (Y.value[a.column.key] ?? ne(a.column)) - 10
+                                          ), ["prevent"]), ["left"]),
+                                          $t(Z((R) => Bt(
+                                            a.column.key,
+                                            (Y.value[a.column.key] ?? ne(a.column)) + 10
+                                          ), ["prevent"]), ["right"])
+                                        ]
+                                      }, null, 40, Wa)) : x("", !0)
+                                    ]))
+                                  ];
+                                }),
+                                _: 2
+                              }, 1040, ["data-column-key", "data-leaf", "colspan", "rowspan", "scope", "aria-hidden", "class", "style", "aria-sort", "onClick", "onContextmenu"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1040, ["class", "style"]);
+                      }), 128))
+                    ]),
+                    _: 3
+                  }, 8, ["style"])) : x("", !0),
+                  (c(), w(ae(((b = (F = s.components) == null ? void 0 : F.body) == null ? void 0 : b.wrapper) ?? "tbody"), null, {
+                    default: B(() => [
+                      s.loading && s.loadingMode === "replace" ? (c(), y("tr", La, [
+                        H("td", {
+                          colspan: Math.max(1, p.value.leaves.length)
                         }, [
-                          S(e.$slots, "header-" + a.column.key, {
-                            column: a.column,
-                            sorts: o(Z)
-                          }, () => [
-                            S(e.$slots, "header-cell", {
-                              column: a.column,
-                              sorts: o(Z)
-                            }, () => [
-                              q(O(a.column.label), 1)
-                            ], !0)
-                          ], !0)
-                        ], 8, Ql)) : (u(), c("span", Yl, [
-                          S(e.$slots, "header-" + a.column.key, {
-                            column: a.column,
-                            sorts: o(Z)
-                          }, () => [
-                            S(e.$slots, "header-cell", {
-                              column: a.column,
-                              sorts: o(Z)
-                            }, () => [
-                              q(O(a.column.label), 1)
+                          H("div", qa, [
+                            S(e.$slots, "loading", {}, () => [
+                              N(l(tt), {
+                                class: "hys-ui-table-spinner",
+                                size: 18
+                              }),
+                              I(K(m.value.loadingText), 1)
                             ], !0)
-                          ], !0)
-                        ])),
-                        a.column.sortable ? (u(), c("span", Gl, [
-                          (u(), c(E, null, Q(["asc", "desc"], (v) => T("button", {
-                            key: v,
-                            type: "button",
-                            disabled: o(k),
-                            "aria-label": ye(
-                              v === "asc" ? h.value.sortAsc : h.value.sortDesc,
-                              a.column.label
-                            ),
-                            "aria-pressed": o(Z).some(
-                              (ue) => ue.key === a.column.key && ue.direction === v
-                            ),
-                            onClick: (ue) => o(s).toggleSort(a.column, v)
+                          ])
+                        ], 8, Na)
+                      ])) : (c(), y(A, { key: 1 }, [
+                        (c(!0), y(A, null, le(l(_), (o, v) => {
+                          var $, M, C;
+                          return c(), y(A, {
+                            key: o.token
                           }, [
-                            (u(), B(Me(v === "asc" ? o(Rl) : o(at)), {
-                              size: 12,
-                              "aria-hidden": "true"
-                            }))
-                          ], 8, Zl)), 64))
-                        ])) : g("", !0)
-                      ]),
-                      a.column.filterable || a.column.filters ? (u(), c("button", {
-                        key: 0,
-                        type: "button",
-                        class: Ae(["hys-ui-table-filter", {
-                          "hys-ui-table-filter-active": !!((w = o(we)[a.column.key]) != null && w.length)
-                        }]),
-                        disabled: o(k),
-                        "aria-label": h.value.filter + a.column.label,
-                        "aria-expanded": o(j) && ((P = b.value) == null ? void 0 : P.key) === a.column.key,
-                        "aria-controls": o(de) + "-filter",
-                        onClick: V((v) => tl(a.column, v), ["stop"])
-                      }, [
-                        S(e.$slots, "filter-icon", {
-                          column: a.column,
-                          filtered: !!((z = o(we)[a.column.key]) != null && z.length),
-                          open: o(j) && ((R = b.value) == null ? void 0 : R.key) === a.column.key
-                        }, () => [
-                          K(o(Tl), {
-                            size: 14,
-                            "aria-hidden": "true"
-                          })
-                        ], !0)
-                      ], 10, _l)) : g("", !0),
-                      !a.column.children && (a.column.resizable ?? i.resizable) && (i.allowDragLastColumn || a.column.key !== ((p = m.value.leaves.at(-1)) == null ? void 0 : p.key)) && (!a.column.type || a.column.type === "default") ? (u(), c("span", {
-                        key: 1,
-                        class: "hys-ui-table-resize",
-                        role: "separator",
-                        "aria-orientation": "vertical",
-                        "aria-label": ye(h.value.resizeColumn, a.column.label),
-                        tabindex: "0",
-                        "aria-valuenow": Math.round(
-                          D.value[a.column.key] ?? J(a.column)
-                        ),
-                        "aria-valuemin": a.column.minWidth ?? 60,
-                        "aria-valuemax": a.column.maxWidth ?? 2e3,
-                        onPointerdown: V((v) => il(a.column, v), ["prevent", "stop"]),
-                        onKeydown: [
-                          lt(V((v) => et(
-                            a.column.key,
-                            (D.value[a.column.key] ?? J(a.column)) - 10
-                          ), ["prevent"]), ["left"]),
-                          lt(V((v) => et(
-                            a.column.key,
-                            (D.value[a.column.key] ?? J(a.column)) + 10
-                          ), ["prevent"]), ["right"])
-                        ]
-                      }, null, 40, ea)) : g("", !0)
-                    ]))
-                  ], 16, Il);
-                }), 128))
-              ], 16);
-            }), 128))
-          ])) : g("", !0),
-          T("tbody", null, [
-            i.loading ? (u(), c("tr", ta, [
-              T("td", {
-                colspan: Math.max(1, m.value.leaves.length)
-              }, [
-                T("div", aa, [
-                  S(e.$slots, "loading", {}, () => [
-                    K(o(ot), {
-                      class: "hys-ui-table-spinner",
-                      size: 18
-                    }),
-                    q(O(h.value.loadingText), 1)
-                  ], !0)
-                ])
-              ], 8, la)
-            ])) : (u(), c(E, { key: 1 }, [
-              (u(!0), c(E, null, Q(o(G), (t, n) => {
-                var d;
-                return u(), c(E, {
-                  key: t.token
-                }, [
-                  T("tr", W({ ref_for: !0 }, ie((d = i.customRow) == null ? void 0 : d.call(i, t.row, n)), {
-                    "data-row-key": String(t.key),
-                    "aria-selected": i.highlightCurrentRow ? o(ut) === t.key : void 0,
-                    class: [
-                      typeof i.rowClassName == "function" ? i.rowClassName(t.row, n) : i.rowClassName,
-                      {
-                        "hys-ui-table-row-current": i.highlightCurrentRow && o(ut) === t.key,
-                        "hys-ui-table-row-selected": o(He).has(t.token)
-                      }
-                    ],
-                    style: typeof i.rowStyle == "function" ? i.rowStyle(t.row, n) : i.rowStyle,
-                    onClick: (a) => Zt(t, n, a),
-                    onDblclick: (a) => !o(k) && x("rowDblclick", t.row, n, a),
-                    onContextmenu: (a) => x("rowContextmenu", t.row, n, a)
-                  }), [
-                    (u(!0), c(E, null, Q(m.value.leaves, (a, f) => (u(), c(E, {
-                      key: a.key
-                    }, [
-                      Se(n, f).rowspan && Se(n, f).colspan ? (u(), B(Me(a.rowScope ? "th" : "td"), W(
-                        {
-                          key: 0,
-                          ref_for: !0
-                        },
-                        jt(
-                          L(t.row, a, n, f)
-                        ),
-                        {
-                          scope: a.rowScope,
-                          "data-column-key": a.key,
-                          rowspan: Se(n, f).rowspan,
-                          colspan: Se(n, f).colspan,
-                          style: Qt(L(t.row, a, n, f)),
-                          class: Yt(L(t.row, a, n, f)),
-                          onClick: (y) => !o(k) && x(
-                            "cellClick",
-                            L(t.row, a, n, f),
-                            y
-                          ),
-                          onDblclick: (y) => !o(k) && x(
-                            "cellDblclick",
-                            L(t.row, a, n, f),
-                            y
-                          ),
-                          onContextmenu: (y) => x(
-                            "cellContextmenu",
-                            L(t.row, a, n, f),
-                            y
-                          ),
-                          onMouseenter: (y) => x(
-                            "cellMouseEnter",
-                            L(t.row, a, n, f),
-                            y
-                          ),
-                          onMouseleave: (y) => x(
-                            "cellMouseLeave",
-                            L(t.row, a, n, f),
-                            y
-                          )
-                        }
-                      ), {
-                        default: U(() => {
-                          var y;
-                          return [
-                            a.type === "selection" ? S(e.$slots, "selection-cell", {
-                              row: t.row,
-                              index: n,
-                              column: a,
-                              checked: o(He).has(t.token),
-                              indeterminate: o(it).has(t.token),
-                              disabled: o(k) || !o(s).eligible(t),
-                              toggle: (w) => o(s).toggleRowSelection(t.key, w)
-                            }, () => {
-                              var w, P, z, R;
-                              return [
-                                i.selectionType === "radio" ? (u(), B(Fl, {
-                                  key: 0,
-                                  name: o(de) + "-selection",
-                                  "model-value": o(fe)[0] ?? null,
-                                  value: t.key,
-                                  disabled: o(k) || !o(s).eligible(t),
-                                  "aria-label": ((w = i.getSelectionProps) == null ? void 0 : w.call(i, t.row, t.index).label) ?? ye(h.value.selectRow, n + 1),
-                                  title: (P = i.getSelectionProps) == null ? void 0 : P.call(i, t.row, t.index).title,
-                                  onClick: l[4] || (l[4] = V(() => {
-                                  }, ["stop"])),
-                                  "onUpdate:modelValue": (p) => o(s).toggleRowSelection(t.key, !0)
-                                }, null, 8, ["name", "model-value", "value", "disabled", "aria-label", "title", "onUpdate:modelValue"])) : (u(), B(Et, {
-                                  key: 1,
-                                  "model-value": o(He).has(t.token),
-                                  indeterminate: o(it).has(t.token),
-                                  disabled: o(k) || !o(s).eligible(t),
-                                  "aria-label": ((z = i.getSelectionProps) == null ? void 0 : z.call(i, t.row, t.index).label) ?? ye(h.value.selectRow, n + 1),
-                                  title: (R = i.getSelectionProps) == null ? void 0 : R.call(i, t.row, t.index).title,
-                                  onClick: l[5] || (l[5] = V((p) => bl(ve) ? ve.value = p.shiftKey : ve = p.shiftKey, ["stop"])),
-                                  "onUpdate:modelValue": (p) => It(t, p === !0)
-                                }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label", "title", "onUpdate:modelValue"]))
-                              ];
-                            }, !0, 0) : a.type === "index" ? (u(), B(ke, {
-                              key: 1,
-                              value: typeof a.index == "function" ? a.index(n, t.row) : i.indexMethod ? i.indexMethod(n, t.row) : (typeof a.index == "number" ? a.index : 1) + n + (i.pagination && !i.serverMode ? (o(De) - 1) * o(be) : 0)
-                            }, null, 8, ["value"])) : a.type === "expand" && o(s).canExpand(t) ? (u(), c("button", {
-                              key: 2,
-                              type: "button",
-                              class: "hys-ui-table-expand",
-                              disabled: o(k),
-                              "aria-expanded": o(H).has(t.token),
-                              "aria-label": ye(
-                                o(H).has(t.token) ? h.value.collapseRow : h.value.expandRow,
-                                n + 1
-                              ),
-                              onClick: V((w) => o(s).toggleRowExpansion(t.key), ["stop"])
-                            }, [
-                              S(e.$slots, "expand-icon", {
-                                row: t.row,
-                                index: n,
-                                expanded: o(H).has(t.token),
-                                loading: o(ne).has(t.token),
-                                depth: t.depth
-                              }, () => [
-                                (u(), B(Me(
-                                  o(ne).has(t.token) ? o(ot) : o(H).has(t.token) ? o(at) : o(Ot)
-                                ), {
-                                  class: Ae({
-                                    "hys-ui-table-spinner": o(ne).has(t.token)
-                                  }),
-                                  size: 16,
-                                  "aria-hidden": "true"
-                                }, null, 8, ["class"]))
-                              ], !0)
-                            ], 8, na)) : a.type !== "expand" ? (u(), c("div", ia, [
-                              i.treeMode && a.key === ge.value ? (u(), c("span", {
-                                key: 0,
-                                class: "hys-ui-table-tree-indent",
-                                style: pe({
-                                  width: Math.min(t.depth, 100) * Math.max(0, i.indent) + "px"
-                                })
-                              }, null, 4)) : g("", !0),
-                              i.treeMode && a.key === ge.value && !qt.value && i.showExpandColumn ? (u(), c(E, { key: 1 }, [
-                                o(s).canExpand(t) ? (u(), c("button", {
-                                  key: 0,
-                                  type: "button",
-                                  class: "hys-ui-table-expand",
-                                  disabled: o(k),
-                                  "aria-expanded": o(H).has(t.token),
-                                  "aria-label": (o(H).has(t.token) ? h.value.collapse : h.value.expand) + Ue(
-                                    o(Be)(
-                                      t.row,
-                                      a.dataIndex ?? a.key
-                                    )
-                                  ),
-                                  onClick: V((w) => o(s).toggleRowExpansion(t.key), ["stop"])
-                                }, [
-                                  S(e.$slots, "expand-icon", {
-                                    row: t.row,
-                                    index: n,
-                                    expanded: o(H).has(t.token),
-                                    loading: o(ne).has(t.token),
-                                    depth: t.depth
-                                  }, () => [
-                                    (u(), B(Me(
-                                      o(ne).has(t.token) ? o(ot) : o(H).has(t.token) ? o(at) : o(Ot)
-                                    ), {
-                                      class: Ae({
-                                        "hys-ui-table-spinner": o(ne).has(
-                                          t.token
+                            (c(), w(ae(((M = ($ = s.components) == null ? void 0 : $.body) == null ? void 0 : M.row) ?? "tr"), V({ ref_for: !0 }, ke((C = s.customRow) == null ? void 0 : C.call(s, o.row, v)), {
+                              "data-row-key": String(o.key),
+                              "aria-selected": s.highlightCurrentRow ? l(Vt) === o.key : void 0,
+                              class: [
+                                typeof s.rowClassName == "function" ? s.rowClassName(o.row, v) : s.rowClassName,
+                                {
+                                  "hys-ui-table-row-current": s.highlightCurrentRow && l(Vt) === o.key,
+                                  "hys-ui-table-row-selected": l(it).has(o.token)
+                                }
+                              ],
+                              style: typeof s.rowStyle == "function" ? s.rowStyle(o.row, v) : s.rowStyle,
+                              onClick: (a) => Hl(o, v, a),
+                              onDblclick: (a) => !l(h) && P("rowDblclick", o.row, v, a),
+                              onContextmenu: (a) => P("rowContextmenu", o.row, v, a)
+                            }), {
+                              default: B(() => [
+                                (c(!0), y(A, null, le(p.value.leaves, (a, z) => {
+                                  var Be, Oe, $e, j;
+                                  return c(), y(A, {
+                                    key: a.key
+                                  }, [
+                                    Ie(v, z).rowspan && Ie(v, z).colspan ? (c(), w(ae(a.rowScope ? ((Oe = (Be = s.components) == null ? void 0 : Be.body) == null ? void 0 : Oe.rowHeaderCell) ?? "th" : ((j = ($e = s.components) == null ? void 0 : $e.body) == null ? void 0 : j.cell) ?? "td"), V(
+                                      {
+                                        key: 0,
+                                        ref_for: !0
+                                      },
+                                      Sl(
+                                        J(o.row, a, v, z)
+                                      ),
+                                      {
+                                        scope: a.rowScope,
+                                        "data-column-key": a.key,
+                                        rowspan: Ie(v, z).rowspan,
+                                        colspan: Ie(v, z).colspan,
+                                        style: Ol(J(o.row, a, v, z)),
+                                        class: $l(J(o.row, a, v, z)),
+                                        onClick: (D) => !l(h) && P(
+                                          "cellClick",
+                                          J(o.row, a, v, z),
+                                          D
+                                        ),
+                                        onDblclick: (D) => !l(h) && P(
+                                          "cellDblclick",
+                                          J(o.row, a, v, z),
+                                          D
+                                        ),
+                                        onContextmenu: (D) => P(
+                                          "cellContextmenu",
+                                          J(o.row, a, v, z),
+                                          D
+                                        ),
+                                        onMouseenter: (D) => P(
+                                          "cellMouseEnter",
+                                          J(o.row, a, v, z),
+                                          D
+                                        ),
+                                        onMouseleave: (D) => P(
+                                          "cellMouseLeave",
+                                          J(o.row, a, v, z),
+                                          D
                                         )
+                                      }
+                                    ), {
+                                      default: B(() => {
+                                        var D;
+                                        return [
+                                          a.type === "selection" ? S(e.$slots, "selection-cell", {
+                                            row: o.row,
+                                            index: v,
+                                            column: a,
+                                            checked: l(it).has(o.token),
+                                            indeterminate: l(Nt).has(o.token),
+                                            disabled: l(h) || !l(i).eligible(o),
+                                            toggle: (L) => l(i).toggleRowSelection(o.key, L)
+                                          }, () => {
+                                            var L, Ee, R, xe;
+                                            return [
+                                              s.selectionType === "radio" ? (c(), w(ya, {
+                                                key: 0,
+                                                name: l(fe) + "-selection",
+                                                "model-value": l(be)[0] ?? null,
+                                                value: o.key,
+                                                disabled: l(h) || !l(i).eligible(o),
+                                                "aria-label": ((L = s.getSelectionProps) == null ? void 0 : L.call(s, o.row, o.index).label) ?? he(m.value.selectRow, v + 1),
+                                                title: (Ee = s.getSelectionProps) == null ? void 0 : Ee.call(s, o.row, o.index).title,
+                                                onClick: t[4] || (t[4] = Z(() => {
+                                                }, ["stop"])),
+                                                "onUpdate:modelValue": (He) => l(i).toggleRowSelection(o.key, !0)
+                                              }, null, 8, ["name", "model-value", "value", "disabled", "aria-label", "title", "onUpdate:modelValue"])) : (c(), w(vl, {
+                                                key: 1,
+                                                "model-value": l(it).has(o.token),
+                                                indeterminate: l(Nt).has(o.token),
+                                                disabled: l(h) || !l(i).eligible(o),
+                                                "aria-label": ((R = s.getSelectionProps) == null ? void 0 : R.call(s, o.row, o.index).label) ?? he(m.value.selectRow, v + 1),
+                                                title: (xe = s.getSelectionProps) == null ? void 0 : xe.call(s, o.row, o.index).title,
+                                                onClick: t[5] || (t[5] = Z((He) => na(Fe) ? Fe.value = He.shiftKey : Fe = He.shiftKey, ["stop"])),
+                                                "onUpdate:modelValue": (He) => xl(o, He === !0)
+                                              }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label", "title", "onUpdate:modelValue"]))
+                                            ];
+                                          }, !0, 0) : a.type === "index" ? (c(), w(oe, {
+                                            key: 1,
+                                            value: typeof a.index == "function" ? a.index(v, o.row) : s.indexMethod ? s.indexMethod(v, o.row) : (typeof a.index == "number" ? a.index : 1) + v + (s.pagination && !s.serverMode ? (l(ct) - 1) * l(dt) : 0)
+                                          }, null, 8, ["value"])) : a.type === "expand" && l(i).canExpand(o) ? (c(), y("button", {
+                                            key: 2,
+                                            type: "button",
+                                            class: "hys-ui-table-expand",
+                                            disabled: l(h),
+                                            "aria-expanded": l(U).has(o.token),
+                                            "aria-label": he(
+                                              l(U).has(o.token) ? m.value.collapseRow : m.value.expandRow,
+                                              v + 1
+                                            ),
+                                            onClick: Z((L) => l(i).toggleRowExpansion(o.key), ["stop"])
+                                          }, [
+                                            S(e.$slots, "expand-icon", {
+                                              row: o.row,
+                                              index: v,
+                                              expanded: l(U).has(o.token),
+                                              loading: l(ge).has(o.token),
+                                              depth: o.depth
+                                            }, () => [
+                                              (c(), w(ae(
+                                                l(ge).has(o.token) ? l(tt) : l(U).has(o.token) ? l(Ht) : l(dl)
+                                              ), {
+                                                class: Te({
+                                                  "hys-ui-table-spinner": l(ge).has(o.token)
+                                                }),
+                                                size: 16,
+                                                "aria-hidden": "true"
+                                              }, null, 8, ["class"]))
+                                            ], !0)
+                                          ], 8, ja)) : a.type !== "expand" ? (c(), y("div", Va, [
+                                            s.treeMode && a.key === Ne.value ? (c(), y("span", {
+                                              key: 0,
+                                              class: "hys-ui-table-tree-indent",
+                                              style: Re({
+                                                width: Math.min(o.depth, 100) * Math.max(0, s.indent) + "px"
+                                              })
+                                            }, null, 4)) : x("", !0),
+                                            s.treeMode && a.key === Ne.value && !wl.value && s.showExpandColumn ? (c(), y(A, { key: 1 }, [
+                                              l(i).canExpand(o) ? (c(), y("button", {
+                                                key: 0,
+                                                type: "button",
+                                                class: "hys-ui-table-expand",
+                                                disabled: l(h),
+                                                "aria-expanded": l(U).has(o.token),
+                                                "aria-label": (l(U).has(o.token) ? m.value.collapse : m.value.expand) + Ve(
+                                                  l(De)(
+                                                    o.row,
+                                                    a.dataIndex ?? a.key
+                                                  )
+                                                ),
+                                                onClick: Z((L) => l(i).toggleRowExpansion(o.key), ["stop"])
+                                              }, [
+                                                S(e.$slots, "expand-icon", {
+                                                  row: o.row,
+                                                  index: v,
+                                                  expanded: l(U).has(o.token),
+                                                  loading: l(ge).has(o.token),
+                                                  depth: o.depth
+                                                }, () => [
+                                                  (c(), w(ae(
+                                                    l(ge).has(o.token) ? l(tt) : l(U).has(o.token) ? l(Ht) : l(dl)
+                                                  ), {
+                                                    class: Te({
+                                                      "hys-ui-table-spinner": l(ge).has(
+                                                        o.token
+                                                      )
+                                                    }),
+                                                    size: 16,
+                                                    "aria-hidden": "true"
+                                                  }, null, 8, ["class"]))
+                                                ], !0)
+                                              ], 8, Ia)) : (c(), y("span", Ua))
+                                            ], 64)) : x("", !0),
+                                            H("span", {
+                                              class: Te(["hys-ui-table-cell-text", {
+                                                "hys-ui-table-ellipsis": a.ellipsis || Qe(a)
+                                              }]),
+                                              tabindex: Qe(a) ? 0 : void 0,
+                                              title: typeof a.ellipsis == "object" && a.ellipsis.showTitle !== !1 && !Qe(a) ? Ve(l(De)(o.row, a.dataIndex ?? a.key)) : void 0,
+                                              "aria-describedby": l(Ye) && ((D = Q.value) == null ? void 0 : D.row) === o.row && Q.value.column.key === a.key ? l(fe) + "-tooltip" : void 0,
+                                              onPointerenter: (L) => tl(
+                                                J(o.row, a, v, z),
+                                                L
+                                              ),
+                                              onPointerleave: Me,
+                                              onFocus: (L) => tl(
+                                                J(o.row, a, v, z),
+                                                L
+                                              ),
+                                              onBlur: Me
+                                            }, [
+                                              S(e.$slots, a.key, {
+                                                row: o.row,
+                                                value: l(De)(
+                                                  o.row,
+                                                  a.dataIndex ?? a.key
+                                                ),
+                                                index: v,
+                                                column: a
+                                              }, () => [
+                                                S(e.$slots, "body-cell", {
+                                                  row: o.row,
+                                                  column: a,
+                                                  value: l(De)(
+                                                    o.row,
+                                                    a.dataIndex ?? a.key
+                                                  ),
+                                                  index: v
+                                                }, () => [
+                                                  N(oe, {
+                                                    value: El(
+                                                      J(
+                                                        o.row,
+                                                        a,
+                                                        v,
+                                                        z
+                                                      )
+                                                    )
+                                                  }, null, 8, ["value"])
+                                                ], !0)
+                                              ], !0)
+                                            ], 42, Ja),
+                                            a.key === Ne.value && l(kl).has(o.token) ? (c(), w(ye, {
+                                              key: 2,
+                                              size: "sm",
+                                              variant: "ghost",
+                                              "aria-label": m.value.retryLabel,
+                                              onClick: Z((L) => l(i).loadRow(o.key, !0), ["stop"])
+                                            }, {
+                                              default: B(() => [
+                                                N(l(va), { size: 13 }),
+                                                I(K(m.value.retry), 1)
+                                              ]),
+                                              _: 1
+                                            }, 8, ["aria-label", "onClick"])) : x("", !0)
+                                          ])) : x("", !0)
+                                        ];
                                       }),
-                                      size: 16,
-                                      "aria-hidden": "true"
-                                    }, null, 8, ["class"]))
-                                  ], !0)
-                                ], 8, sa)) : (u(), c("span", ra))
-                              ], 64)) : g("", !0),
-                              T("span", {
-                                class: Ae(["hys-ui-table-cell-text", {
-                                  "hys-ui-table-ellipsis": a.ellipsis || a.showOverflowTooltip || i.showOverflowTooltip
-                                }]),
-                                tabindex: a.showOverflowTooltip ?? i.showOverflowTooltip ? 0 : void 0,
-                                "aria-describedby": o(Ct) && ((y = ee.value) == null ? void 0 : y.row) === t.row && ee.value.column.key === a.key ? o(de) + "-tooltip" : void 0,
-                                onPointerenter: (w) => St(
-                                  L(t.row, a, n, f),
-                                  w
-                                ),
-                                onPointerleave: Ye,
-                                onFocus: (w) => St(
-                                  L(t.row, a, n, f),
-                                  w
-                                ),
-                                onBlur: Ye
+                                      _: 2
+                                    }, 1040, ["scope", "data-column-key", "rowspan", "colspan", "style", "class", "onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"])) : x("", !0)
+                                  ], 64);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1040, ["data-row-key", "aria-selected", "class", "style", "onClick", "onDblclick", "onContextmenu"])),
+                            Qt(o) ? ia((c(), y("tr", Xa, [
+                              H("td", {
+                                colspan: Math.max(1, p.value.leaves.length)
                               }, [
-                                S(e.$slots, a.key, {
-                                  row: t.row,
-                                  value: o(Be)(
-                                    t.row,
-                                    a.dataIndex ?? a.key
-                                  ),
-                                  index: n,
-                                  column: a
-                                }, () => [
-                                  S(e.$slots, "body-cell", {
-                                    row: t.row,
-                                    column: a,
-                                    value: o(Be)(
-                                      t.row,
-                                      a.dataIndex ?? a.key
-                                    ),
-                                    index: n
-                                  }, () => [
-                                    K(ke, {
-                                      value: Gt(
-                                        L(
-                                          t.row,
-                                          a,
-                                          n,
-                                          f
-                                        )
-                                      )
-                                    }, null, 8, ["value"])
-                                  ], !0)
-                                ], !0)
-                              ], 42, ua),
-                              a.key === ge.value && o(Wt).has(t.token) ? (u(), B(ce, {
-                                key: 2,
-                                size: "sm",
-                                variant: "ghost",
-                                "aria-label": h.value.retryLabel,
-                                onClick: V((w) => o(s).loadRow(t.key, !0), ["stop"])
-                              }, {
-                                default: U(() => [
-                                  K(o(zl), { size: 13 }),
-                                  q(O(h.value.retry), 1)
-                                ]),
-                                _: 1
-                              }, 8, ["aria-label", "onClick"])) : g("", !0)
-                            ])) : g("", !0)
-                          ];
-                        }),
-                        _: 2
-                      }, 1040, ["scope", "data-column-key", "rowspan", "colspan", "style", "class", "onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"])) : g("", !0)
-                    ], 64))), 128))
-                  ], 16, oa),
-                  mt(t) ? gl((u(), c("tr", ca, [
-                    T("td", {
-                      colspan: Math.max(1, m.value.leaves.length)
-                    }, [
-                      S(e.$slots, "expand", {
-                        row: t.row,
-                        index: n,
-                        expanded: o(H).has(t.token)
-                      }, void 0, !0)
-                    ], 8, da)
-                  ], 512)), [
-                    [Cl, o(H).has(t.token)]
-                  ]) : g("", !0)
-                ], 64);
-              }), 128)),
-              o(G).length ? g("", !0) : (u(), c("tr", ya, [
-                T("td", {
-                  colspan: Math.max(1, m.value.leaves.length)
-                }, [
-                  S(e.$slots, "empty", {}, () => [
-                    q(O(i.emptyText ?? h.value.emptyText), 1)
-                  ], !0)
-                ], 8, fa)
-              ]))
-            ], 64)),
-            e.$slots.append ? (u(), c("tr", va, [
-              T("td", {
-                colspan: Math.max(1, m.value.leaves.length)
-              }, [
-                S(e.$slots, "append", {
-                  rows: o(s).filteredRows.value
-                }, void 0, !0)
-              ], 8, ma)
-            ])) : g("", !0)
-          ]),
-          i.showSummary && !i.loading ? (u(), c("tfoot", pa, [
-            T("tr", null, [
-              (u(!0), c(E, null, Q(m.value.leaves, (t, n) => (u(), c("td", {
-                key: t.key,
-                "data-column-key": t.key,
-                style: pe({ ...je(t), textAlign: t.align })
-              }, [
-                S(e.$slots, "summary-cell", {
-                  column: t,
-                  index: n,
-                  value: pt.value[n],
-                  rows: o(s).filteredRows.value
-                }, () => [
-                  K(ke, {
-                    value: pt.value[n]
-                  }, null, 8, ["value"])
-                ], !0)
-              ], 12, ha))), 128))
-            ])
-          ])) : g("", !0)
-        ], 4)
-      ], 44, ql),
-      e.$slots.footer ? (u(), c("div", ka, [
-        S(e.$slots, "footer", {
-          rows: o(s).filteredRows.value,
-          query: o(We)
-        }, void 0, !0)
-      ])) : g("", !0),
-      (u(!0), c(E, null, Q(ct.value.filter(
-        (t) => t.startsWith("bottom-")
-      ), (t) => (u(), c("div", {
-        key: t,
-        class: "hys-ui-table-pagination",
-        "data-position": t
-      }, [
-        K(Kt, W({ ref_for: !0 }, dt.value, {
-          onChange: l[6] || (l[6] = (n) => o(s).requestPage(n)),
-          onPageSizeChange: o(s).changeSize
-        }), null, 16, ["onPageSizeChange"])
-      ], 8, wa))), 128)),
-      (u(), B(Pt, {
-        to: i.appendFilterTo || "body",
-        disabled: i.appendFilterTo === !1
-      }, [
-        K(o(Ht), {
-          "popup-transition": r.popupTransition,
-          "popup-transition-duration": r.popupTransitionDuration,
-          placement: o(M).placement.value
-        }, {
-          default: U(() => [
-            o(j) && b.value ? (u(), c("div", W({
-              key: 0,
-              id: o(de) + "-filter",
-              ref_key: "filterPanel",
-              ref: Xe
-            }, o(Pe), {
-              class: "hys-ui-table-filter-panel hys-ui-floating-surface",
-              style: o(el),
-              role: "dialog",
-              "aria-label": h.value.filter + b.value.label
-            }), [
-              S(e.$slots, "filter-dropdown", {
-                column: b.value,
-                open: o(j),
-                values: _.value,
-                setValues: kt,
-                confirm: Te,
-                clear: wt,
-                close: () => o(M).close(!0)
-              }, () => [
-                T("strong", null, O(b.value.label), 1),
-                b.value.filters ? (u(), B(Al, {
-                  key: b.value.key,
-                  values: _.value,
-                  "onUpdate:values": l[7] || (l[7] = (t) => _.value = t),
-                  options: b.value.filters,
-                  mode: b.value.filterMode,
-                  search: b.value.filterSearch,
-                  multiple: b.value.filterMultiple !== !1,
-                  disabled: o(k),
-                  "search-label": h.value.filterSearch,
-                  "empty-text": h.value.noFilterMatch
-                }, null, 8, ["values", "options", "mode", "search", "multiple", "disabled", "search-label", "empty-text"])) : (u(), B(Ml, {
-                  key: 1,
-                  "model-value": String(_.value[0] ?? ""),
-                  "aria-label": h.value.filter + b.value.label,
-                  placeholder: h.value.filterPlaceholder,
-                  clearable: "",
-                  size: "sm",
-                  "onUpdate:modelValue": l[8] || (l[8] = (t) => kt(t ? [t] : [])),
-                  onKeydown: lt(V(Te, ["prevent"]), ["enter"])
-                }, null, 8, ["model-value", "aria-label", "placeholder", "onKeydown"])),
-                T("div", ga, [
-                  K(ce, {
-                    size: "sm",
-                    variant: "secondary",
-                    onClick: l[9] || (l[9] = (t) => wt())
-                  }, {
-                    default: U(() => [
-                      q(O(h.value.reset), 1)
+                                S(e.$slots, "expand", {
+                                  row: o.row,
+                                  index: v,
+                                  expanded: l(U).has(o.token)
+                                }, void 0, !0)
+                              ], 8, Qa)
+                            ], 512)), [
+                              [sa, l(U).has(o.token)]
+                            ]) : x("", !0)
+                          ], 64);
+                        }), 128)),
+                        l(_).length ? x("", !0) : (c(), y("tr", Ya, [
+                          H("td", {
+                            colspan: Math.max(1, p.value.leaves.length)
+                          }, [
+                            S(e.$slots, "empty", {}, () => [
+                              I(K(s.emptyText ?? m.value.emptyText), 1)
+                            ], !0)
+                          ], 8, Ga)
+                        ]))
+                      ], 64)),
+                      e.$slots.append ? (c(), y("tr", Za, [
+                        H("td", {
+                          colspan: Math.max(1, p.value.leaves.length)
+                        }, [
+                          S(e.$slots, "append", {
+                            rows: l(i).filteredRows.value
+                          }, void 0, !0)
+                        ], 8, _a)
+                      ])) : x("", !0)
                     ]),
-                    _: 1
-                  }),
-                  K(ce, {
+                    _: 3
+                  })),
+                  (s.showSummary || e.$slots.summary) && (!s.loading || s.loadingMode === "overlay") ? (c(), y("tfoot", {
+                    key: 2,
+                    class: Te(["hys-ui-table-summary", { "hys-ui-table-summary-sticky": s.stickySummary }])
+                  }, [
+                    S(e.$slots, "summary", {
+                      columns: p.value.leaves,
+                      rows: gt.value,
+                      values: kt.value,
+                      cellAttrs: Yt
+                    }, () => [
+                      H("tr", null, [
+                        (c(!0), y(A, null, le(p.value.leaves, (o, v) => (c(), y("td", V({
+                          key: o.key
+                        }, { ref_for: !0 }, Yt(o)), [
+                          S(e.$slots, "summary-cell", {
+                            column: o,
+                            index: v,
+                            value: kt.value[v],
+                            rows: gt.value
+                          }, () => [
+                            N(oe, {
+                              value: kt.value[v]
+                            }, null, 8, ["value"])
+                          ], !0)
+                        ], 16))), 128))
+                      ])
+                    ], !0)
+                  ], 2)) : x("", !0)
+                ];
+              }),
+              _: 3
+            }, 8, ["style"]))
+          ], 46, Aa),
+          s.loading && s.loadingMode === "overlay" ? (c(), y("div", eo, [
+            S(e.$slots, "loading", {}, () => [
+              N(l(tt), {
+                class: "hys-ui-table-spinner",
+                size: 18
+              }),
+              I(" " + K(m.value.loadingText), 1)
+            ], !0)
+          ])) : x("", !0)
+        ]),
+        (c(), w(Et, { to: "body" }, [
+          l(we) ? (c(), y("div", V({
+            key: 0,
+            ref_key: "stickyBarElement",
+            ref: Rl
+          }, l(We), {
+            class: ["hys-ui-table-sticky-scrollbar", { "hys-ui-table-themed-scrollbar": s.nativeScrollbar === !1 }],
+            style: {
+              top: l(we).top + "px",
+              left: l(we).left + "px",
+              width: l(we).width + "px",
+              height: l(Fl) + "px",
+              direction: l(we).direction
+            },
+            role: "region",
+            "aria-label": m.value.stickyScrollLabel,
+            tabindex: "0",
+            onScroll: t[6] || (t[6] = //@ts-ignore
+            (...d) => l(Xt) && l(Xt)(...d))
+          }), [
+            H("div", {
+              "aria-hidden": "true",
+              style: Re({ width: l(we).contentWidth + "px", height: "1px" })
+            }, null, 4)
+          ], 16, to)) : x("", !0)
+        ])),
+        e.$slots.footer ? (c(), y("div", lo, [
+          S(e.$slots, "footer", {
+            rows: l(i).filteredRows.value,
+            pageRows: bt.value,
+            query: l(vt)
+          }, void 0, !0)
+        ])) : x("", !0),
+        (c(!0), y(A, null, le(It.value.filter(
+          (d) => d.startsWith("bottom-")
+        ), (d) => (c(), y("div", {
+          key: d,
+          class: "hys-ui-table-pagination",
+          "data-position": d
+        }, [
+          S(e.$slots, "pagination", {
+            position: d,
+            props: qe.value,
+            setPage: l(i).requestPage,
+            setPageSize: l(i).changeSize
+          }, () => [
+            N(yl, V({ ref_for: !0 }, qe.value, {
+              onChange: t[7] || (t[7] = (f) => l(i).requestPage(f)),
+              onPageSizeChange: l(i).changeSize
+            }), null, 16, ["onPageSizeChange"])
+          ], !0)
+        ], 8, ao))), 128)),
+        (c(), w(Et, {
+          to: Gt.value || "body",
+          disabled: Gt.value === !1
+        }, [
+          N(l(ml), {
+            "popup-transition": r.popupTransition,
+            "popup-transition-duration": r.popupTransitionDuration,
+            placement: l(W).placement.value
+          }, {
+            default: B(() => [
+              l(X) && k.value ? (c(), y("div", V({
+                key: 0,
+                id: l(fe) + "-filter",
+                ref_key: "filterPanel",
+                ref: wt
+              }, l(We), {
+                class: "hys-ui-table-filter-panel hys-ui-floating-surface",
+                style: l(Dl),
+                role: "dialog",
+                "aria-label": m.value.filter + k.value.label
+              }), [
+                k.value.renderFilterDropdown && Zt.value ? (c(), w(oe, {
+                  key: 0,
+                  value: k.value.renderFilterDropdown(Zt.value)
+                }, null, 8, ["value"])) : S(e.$slots, "filter-dropdown", {
+                  column: k.value,
+                  open: l(X),
+                  values: ie.value,
+                  setValues: Rt,
+                  confirm: Pe,
+                  clear: Tt,
+                  close: () => l(W).close(!0)
+                }, () => [
+                  H("strong", null, K(k.value.label), 1),
+                  k.value.filters ? (c(), w(ma, {
+                    key: k.value.key,
+                    values: ie.value,
+                    "onUpdate:values": t[8] || (t[8] = (d) => ie.value = d),
+                    options: k.value.filters,
+                    mode: k.value.filterMode,
+                    search: k.value.filterSearch,
+                    multiple: k.value.filterMultiple !== !1,
+                    disabled: l(h),
+                    "search-label": m.value.filterSearch,
+                    "empty-text": m.value.noFilterMatch
+                  }, null, 8, ["values", "options", "mode", "search", "multiple", "disabled", "search-label", "empty-text"])) : (c(), w(fa, {
+                    key: 1,
+                    "model-value": String(ie.value[0] ?? ""),
+                    "aria-label": m.value.filter + k.value.label,
+                    placeholder: m.value.filterPlaceholder,
+                    clearable: "",
                     size: "sm",
-                    onClick: l[10] || (l[10] = (t) => Te())
-                  }, {
-                    default: U(() => [
-                      q(O(h.value.apply), 1)
-                    ]),
-                    _: 1
-                  })
-                ])
-              ], !0)
-            ], 16, ba)) : g("", !0)
-          ]),
-          _: 3
-        }, 8, ["popup-transition", "popup-transition-duration", "placement"])
-      ], 8, ["to", "disabled"])),
-      (u(), B(Pt, { to: "body" }, [
-        K(o(Ht), {
-          "popup-transition": r.popupTransition,
-          "popup-transition-duration": r.popupTransitionDuration,
-          placement: o(N).placement.value
-        }, {
-          default: U(() => [
-            o(Ct) && ee.value ? (u(), c("div", W({
-              key: 0,
-              id: o(de) + "-tooltip",
-              ref_key: "tipPanel",
-              ref: gt
-            }, o(Pe), {
-              class: "hys-ui-table-tooltip hys-ui-floating-tooltip",
-              role: "tooltip",
-              style: o(ll),
-              onPointerenter: al,
-              onPointerleave: Ye
-            }), [
-              S(e.$slots, "tooltip", Sl(xl(ee.value)), () => [
-                K(ke, { value: ol.value }, null, 8, ["value"])
-              ], !0)
-            ], 16, Ca)) : g("", !0)
-          ]),
-          _: 3
-        }, 8, ["popup-transition", "popup-transition-duration", "placement"])
-      ]))
-    ], 16, Hl));
+                    "onUpdate:modelValue": t[9] || (t[9] = (d) => Rt(d ? [d] : [])),
+                    onKeydown: $t(Z(Pe, ["prevent"]), ["enter"])
+                  }, null, 8, ["model-value", "aria-label", "placeholder", "onKeydown"])),
+                  H("div", no, [
+                    N(ye, {
+                      size: "sm",
+                      variant: "secondary",
+                      onClick: t[10] || (t[10] = (d) => Tt())
+                    }, {
+                      default: B(() => [
+                        I(K(m.value.reset), 1)
+                      ]),
+                      _: 1
+                    }),
+                    N(ye, {
+                      size: "sm",
+                      onClick: t[11] || (t[11] = (d) => Pe())
+                    }, {
+                      default: B(() => [
+                        I(K(m.value.apply), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ], !0, 1)
+              ], 16, oo)) : x("", !0)
+            ]),
+            _: 3
+          }, 8, ["popup-transition", "popup-transition-duration", "placement"])
+        ], 8, ["to", "disabled"])),
+        (c(), w(Et, {
+          to: el.value || "body",
+          disabled: el.value === !1
+        }, [
+          N(l(ml), {
+            "popup-transition": r.popupTransition,
+            "popup-transition-duration": r.popupTransitionDuration,
+            placement: l(O).placement.value
+          }, {
+            default: B(() => [
+              l(Ye) && (Q.value || re.value) ? (c(), y("div", V({
+                key: 0,
+                id: l(fe) + "-tooltip",
+                ref_key: "tipPanel",
+                ref: _t
+              }, l(We), {
+                class: "hys-ui-table-tooltip hys-ui-floating-tooltip",
+                "data-effect": ue.value.effect,
+                role: "tooltip",
+                style: [
+                  l(Nl),
+                  ue.value.enterable === !1 ? { pointerEvents: "none" } : void 0,
+                  ue.value.maxWidth !== void 0 && ze(ue.value.maxWidth) ? { maxWidth: `min(${ze(ue.value.maxWidth)}, calc(100vw - 20px))` } : void 0
+                ],
+                onPointerenter: Ft,
+                onPointerleave: Me
+              }), [
+                Q.value ? S(e.$slots, "tooltip", ra(ua(Q.value)), () => [
+                  N(oe, { value: al.value }, null, 8, ["value"])
+                ], !0, 0) : (c(), w(oe, {
+                  key: 1,
+                  value: al.value
+                }, null, 8, ["value"]))
+              ], 16, io)) : x("", !0)
+            ]),
+            _: 3
+          }, 8, ["popup-transition", "popup-transition-duration", "placement"])
+        ], 8, ["to", "disabled"]))
+      ], 16, Sa);
+    };
   }
 });
 export {
-  $a as default
+  Co as default
 };