hys-ui 0.6.0 → 0.7.0

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

@@ -1,58 +1,62 @@
-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 = {
+import { defineComponent as _l, useSlots as ea, ref as H, useId as ta, computed as g, shallowRef as et, watch as Z, onMounted as la, onActivated as aa, onUpdated as oa, onDeactivated as na, onBeforeUnmount as ia, openBlock as c, createElementBlock as y, mergeProps as L, unref as l, renderSlot as S, createCommentVNode as x, createElementVNode as B, toDisplayString as N, Fragment as A, renderList as le, createBlock as w, withCtx as O, createTextVNode as I, createVNode as q, normalizeStyle as Re, normalizeClass as Te, resolveDynamicComponent as ae, withModifiers as _, withKeys as $t, isRef as sa, withDirectives as ra, vShow as ua, Teleport as Et, normalizeProps as ca, guardReactiveProps as da, nextTick as Ne } from "vue";
+import { ChevronUp as va, ChevronDown as Ht, ListFilter as ya, LoaderCircle as tt, ChevronRight as vl, RotateCw as fa } from "lucide-vue-next";
+import yl from "../HysCheckbox/HysCheckbox.vue.js";
+import ma from "../HysRadio/HysRadio.vue.js";
+import fe from "../HysButton/HysButton.vue.js";
+import pa from "../HysInput/HysInput.vue.js";
+import fl from "../HysPagination/HysPagination.vue.js";
+import ha from "./HysTableFilterOptions.vue.js";
+import { useHysRootAttrs as ba } from "../../config.js";
+import { useFloating as ml } from "../../composables/useFloating.js";
+import { useTable as ga } from "../../composables/useTable.js";
+import { useTableSticky as ka } from "../../composables/useTableSticky.js";
+import { useTabularRowNavigation as wa } from "../../composables/useTabularRowNavigation.js";
+import { tableColumns as Ca, tableBreakpoint as Sa, tableToken as xa, tableSummary as Ra, tableValue as Ke } from "../../composables/table.js";
+import pl from "../../motion/PopupMotion.js";
+const Ta = ["aria-busy"], Fa = {
   key: 0,
   class: "hys-ui-table-title"
-}, Ra = {
+}, za = {
   key: 1,
   class: "hys-ui-table-selection-actions"
-}, Ta = { "aria-live": "polite" }, Fa = ["data-position"], za = { class: "hys-ui-table-viewport" }, Aa = ["tabindex", "aria-label"], Pa = { key: 0 }, Ma = {
+}, Aa = { "aria-live": "polite" }, Ma = ["data-position"], Pa = { class: "hys-ui-table-viewport" }, Ba = ["tabindex", "aria-label"], Oa = { key: 0 }, $a = {
   key: 1,
   class: "hys-ui-table-sr-only"
-}, Ba = {
+}, Ea = {
   key: 2,
   class: "hys-ui-table-heading"
-}, Oa = { class: "hys-ui-table-label" }, $a = ["disabled", "aria-describedby", "onPointerenter", "onFocus", "onClick"], Ea = { key: 1 }, Ha = {
+}, Ha = { class: "hys-ui-table-label" }, Na = ["disabled", "aria-describedby", "onPointerenter", "onFocus", "onClick"], Ka = { key: 1 }, Da = {
   key: 2,
   class: "hys-ui-table-sort-controls"
-}, 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 = {
+}, Wa = ["disabled", "aria-label", "aria-pressed", "onClick"], La = ["disabled", "aria-label", "aria-expanded", "aria-controls", "onClick"], qa = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "onPointerdown", "onKeydown"], ja = {
   key: 0,
   class: "hys-ui-table-message"
-}, Na = ["colspan"], qa = { role: "status" }, ja = ["disabled", "aria-expanded", "aria-label", "onClick"], Va = {
+}, Va = ["colspan"], Ia = {
+  class: "hys-ui-table-state hys-ui-table-loading-state",
+  role: "status"
+}, Ua = ["disabled", "aria-expanded", "aria-label", "onClick"], Ja = {
   key: 3,
   class: "hys-ui-table-cell-content"
-}, Ia = ["disabled", "aria-expanded", "aria-label", "onClick"], Ua = {
+}, Xa = ["disabled", "aria-expanded", "aria-label", "onClick"], Qa = {
   key: 1,
   class: "hys-ui-table-tree-spacer"
-}, Ja = ["tabindex", "title", "aria-describedby", "onPointerenter", "onFocus"], Xa = {
+}, Ya = ["tabindex", "title", "aria-describedby", "onPointerenter", "onFocus"], Ga = {
   key: 0,
   class: "hys-ui-table-detail"
-}, Qa = ["colspan"], Ya = {
+}, Za = ["colspan"], _a = {
   key: 0,
   class: "hys-ui-table-message"
-}, Ga = ["colspan"], Za = {
+}, eo = ["colspan"], to = { class: "hys-ui-table-state" }, lo = {
   key: 2,
   class: "hys-ui-table-append"
-}, _a = ["colspan"], eo = {
+}, ao = ["colspan"], oo = {
   key: 0,
   class: "hys-ui-table-loading-overlay",
   role: "status"
-}, to = ["aria-label"], lo = {
+}, no = ["aria-label"], io = {
   key: 2,
   class: "hys-ui-table-footer"
-}, ao = ["data-position"], oo = ["id", "aria-label"], no = { class: "hys-ui-table-filter-actions" }, io = ["id", "data-effect"], Co = /* @__PURE__ */ Gl({
+}, so = ["data-position"], ro = ["id", "aria-label"], uo = { class: "hys-ui-table-filter-actions" }, co = ["id", "data-effect"], Fo = /* @__PURE__ */ _l({
   __name: "HysTable",
   props: {
     popupTransition: {},
@@ -106,6 +110,7 @@ const Sa = ["aria-busy"], xa = {
     selectionColumn: {},
     getSelectionProps: {},
     highlightCurrentRow: { type: Boolean },
+    keyboardNavigation: { type: Boolean },
     currentRowKey: {},
     defaultCurrentRowKey: {},
     showIndex: { type: Boolean },
@@ -118,6 +123,10 @@ const Sa = ["aria-busy"], xa = {
     showSorterTooltip: { type: [Boolean, Object] },
     filters: {},
     defaultFilters: {},
+    search: {},
+    defaultSearch: {},
+    searchColumns: {},
+    searchMethod: {},
     filterColumnKey: {},
     filterPlacement: {},
     appendFilterTo: { type: [String, Boolean] },
@@ -156,14 +165,14 @@ const Sa = ["aria-busy"], xa = {
     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", "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) {
+  emits: ["rowClick", "rowDblclick", "rowContextmenu", "cellClick", "cellDblclick", "cellContextmenu", "cellMouseEnter", "cellMouseLeave", "headerClick", "headerContextmenu", "update:sort", "update:sorts", "sortChange", "update:filters", "update:search", "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: hl, emit: bl }) {
+    const r = s, M = bl, De = ba(), lt = ea(), ce = H(), j = H(), Nt = H(), Kt = H(), me = ta();
+    function Dt(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(() => ({
+    const de = g(() => Dt(Nt.value)), We = g(() => Dt(Kt.value)), Wt = H(1024), Y = et({}), at = H({}), pe = H(), m = g(() => ({
       emptyText: "暂无数据",
       loadingText: "加载中…",
       selectAll: "选择当前页全部行",
@@ -212,7 +221,7 @@ const Sa = ["aria-busy"], xa = {
       for (; n.has(t); ) t += "_";
       return t;
     }
-    const bl = g(() => {
+    const gl = g(() => {
       var t;
       const e = [];
       return r.selectable && !ot("selection") && e.push({
@@ -243,24 +252,24 @@ const Sa = ["aria-busy"], xa = {
         (n) => r.showExpandColumn || n.type !== "expand"
       );
     }), p = g(
-      () => ga(
-        bl.value,
-        ka(Lt.value),
+      () => Ca(
+        gl.value,
+        Sa(Wt.value),
         r.showExpandColumn
       )
-    ), i = ha(
+    ), i = ga(
       r,
       () => p.value.leaves,
       () => !!lt.expand,
-      (e, ...t) => P(e, ...t)
+      (e, ...t) => M(e, ...t)
     ), {
       busy: h,
-      display: _,
+      display: G,
       selectedKeys: be,
       selectedSet: it,
       expandedKeys: st,
       expandedSet: U,
-      halfSet: Nt,
+      halfSet: Lt,
       allSelected: qt,
       someSelected: rt,
       sorts: ee,
@@ -268,17 +277,17 @@ const Sa = ["aria-busy"], xa = {
       page: ct,
       pageSize: dt,
       pageCount: jt,
-      paginationTotal: gl,
+      paginationTotal: kl,
       currentKey: Vt,
       pending: ge,
-      loadErrors: kl,
+      loadErrors: wl,
       query: vt
-    } = i, Ne = g(
+    } = i, Le = g(
       () => {
         var e;
         return (e = p.value.leaves.find((t) => !t.type || t.type === "default")) == null ? void 0 : e.key;
       }
-    ), wl = g(
+    ), Cl = g(
       () => p.value.leaves.some((e) => e.type === "expand")
     ), It = g(() => {
       if (!r.pagination || i.pagination.value.hideOnSinglePage && jt.value <= 1)
@@ -297,7 +306,7 @@ const Sa = ["aria-busy"], xa = {
     }), qe = g(() => ({
       page: ct.value,
       pageSize: dt.value,
-      total: gl.value,
+      total: kl.value,
       pageCount: jt.value,
       showSizeChanger: i.pagination.value.showSizeChanger ?? !0,
       showQuickJumper: i.pagination.value.showQuickJumper ?? !1,
@@ -331,25 +340,25 @@ const Sa = ["aria-busy"], xa = {
         )
       ) : yt;
     }
-    function Cl(e) {
+    function Sl(e) {
       var n, u, d;
       if (!r.customHeaderCell && !e.column.customHeaderCell)
         return yt;
       const t = p.value.leaves.indexOf(e.leaves[0]);
-      return V(
+      return L(
         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 Sl(e) {
+    function xl(e) {
       var t, n, u;
-      return !r.customCell && !e.column.customCell ? yt : V(
+      return !r.customCell && !e.column.customCell ? yt : L(
         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 Fe = !1;
-    function xl(e, t) {
+    function Rl(e, t) {
       const n = Fe;
       Fe = !1, i.toggleRowSelection(e.key, t, n);
     }
@@ -358,26 +367,26 @@ const Sa = ["aria-busy"], xa = {
     ), {
       headerTop: Jt,
       bar: we,
-      scrollbar: Rl,
-      syncScrollbar: Tl,
+      scrollbar: Tl,
+      syncScrollbar: Fl,
       scrollViewport: Xt,
-      scrollbarHeight: Fl
-    } = ba(q, Le, () => r.sticky), ft = g(() => r.columnWidths ?? at.value);
+      scrollbarHeight: zl
+    } = ka(j, We, () => 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);
+      const t = ((n = pe.value) == null ? void 0 : n.key) === e.key ? pe.value.width : ((u = ve.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(t) ? t : 160)
       );
     }
-    function zl(e) {
+    function Al(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;
+      return ve.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 de = E(), je = E(!1), mt = g(
+    const ve = H(), je = H(!1), mt = g(
       () => p.value.leaves.reduce((e, t) => e + ne(t), 0)
-    ), Al = g(() => {
+    ), Ml = g(() => {
       const e = {};
       let t = 0, n = 0;
       for (const u of p.value.leaves)
@@ -389,7 +398,7 @@ const Sa = ["aria-busy"], xa = {
     function pt(e, t = !1) {
       return e.fixed === "left" || e.fixed === "right" ? {
         position: "sticky",
-        ...Al.value[e.key],
+        ...Ml.value[e.key],
         zIndex: t ? 6 : 2
       } : {};
     }
@@ -402,15 +411,15 @@ const Sa = ["aria-busy"], xa = {
         "--hys-ui-table-justify": (t.headerAlign ?? t.align) === "right" ? "flex-end" : (t.headerAlign ?? t.align) === "center" ? "center" : "flex-start"
       };
     }
-    const ze = (e) => typeof e == "number" ? Number.isFinite(e) && e >= 0 ? e + "px" : void 0 : e, Ml = g(() => {
+    const ze = (e) => typeof e == "number" ? Number.isFinite(e) && e >= 0 ? e + "px" : void 0 : e, Bl = 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(
+    }), Ol = g(() => je.value || ve.value || Object.keys(r.columnWidths ?? {}).length ? mt.value + "px" : r.scrollWidth === "max-content" ? "max-content" : r.fit ? "100%" : mt.value + "px"), ht = H(/* @__PURE__ */ new Set());
+    Z(
       st,
       () => {
         const e = new Set(ht.value);
-        for (const t of st.value) e.add(wa(t));
+        for (const t of st.value) e.add(xa(t));
         for (const t of e)
           i.graph.value.map.has(t) || e.delete(t);
         ht.value = e;
@@ -424,12 +433,12 @@ const Sa = ["aria-busy"], xa = {
       return {
         row: e,
         column: t,
-        value: De(e, t.dataIndex ?? t.key),
+        value: Ke(e, t.dataIndex ?? t.key),
         rowIndex: n,
         columnIndex: u
       };
     }
-    function Ol(e) {
+    function $l(e) {
       return {
         ...typeof r.cellStyle == "function" ? r.cellStyle(e) : r.cellStyle,
         ...typeof e.column.cellStyle == "function" ? e.column.cellStyle(e) : e.column.cellStyle,
@@ -438,7 +447,7 @@ const Sa = ["aria-busy"], xa = {
         "--hys-ui-table-justify": e.column.align === "right" ? "flex-end" : e.column.align === "center" ? "center" : "flex-start"
       };
     }
-    function $l(e) {
+    function El(e) {
       return [
         e.column.className,
         typeof r.cellClassName == "function" ? r.cellClassName(e) : r.cellClassName
@@ -453,57 +462,57 @@ const Sa = ["aria-busy"], xa = {
         return String(e);
       }
     }
-    function El(e) {
+    function Hl(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 Hl(e, t, n) {
-      h.value || (P("rowClick", e.row, t, n), r.highlightCurrentRow && i.setCurrentRow(e.key), r.expandOnClickRow && !n.target.closest(
+    function Nl(e, t, n) {
+      h.value || (M("rowClick", e.row, t, n), r.highlightCurrentRow && i.setCurrentRow(e.key), r.expandOnClickRow && !n.target.closest(
         "button,input,a,textarea,select,[contenteditable]"
       ) && i.toggleRowExpansion(e.key));
     }
     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 d = 0; d < G.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 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(
+          const o = b.type && b.type !== "default" || (u = r.spanMethod) == null ? void 0 : u.call(r, J(G.value[d].row, b, d, f)), v = Array.isArray(o) ? { rowspan: o[0], colspan: o[1] } : o;
+          let E = Math.max(
             0,
-            Math.min(_.value.length - d, Math.floor((v == null ? void 0 : v.rowspan) ?? 1))
-          ), M = Math.max(
+            Math.min(G.value.length - d, Math.floor((v == null ? void 0 : v.rowspan) ?? 1))
+          ), P = Math.max(
             0,
             Math.min(n.length - f, Math.floor((v == null ? void 0 : v.colspan) ?? 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;
+          Number.isFinite(E) || (E = 1), Number.isFinite(P) || (P = 1);
+          for (let C = 0; C < E - 1; C++)
+            if (Qt(G.value[d + C]) && U.value.has(G.value[d + C].token)) {
+              E = C + 1;
               break;
             }
-          for (let C = 1; C < M; C++)
+          for (let C = 1; C < P; C++)
             if (n[f + C].fixed !== b.fixed || n[f + C].type && n[f + C].type !== "default") {
-              M = C;
+              P = C;
               break;
             }
-          e.set(F, { rowspan: $, colspan: M });
-          for (let C = 0; C < $; C++)
-            for (let a = 0; a < M; a++)
+          e.set(F, { rowspan: E, colspan: P });
+          for (let C = 0; C < E; C++)
+            for (let a = 0; a < P; a++)
               (C || a) && t.add(d + C + ":" + (f + a));
         }
       return e;
-    }), Ie = (e, t) => Kl.value.get(e + ":" + t) ?? { rowspan: 1, colspan: 1 }, bt = g(() => _.value.map((e) => e.row)), gt = g(
+    }), Ie = (e, t) => Kl.value.get(e + ":" + t) ?? { rowspan: 1, colspan: 1 }, bt = g(() => 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 : ""
+        (u, d) => t ? Array.isArray(t) ? t[d] : t[u.key] : u.summary ? Ra(e, u) : u.key === Le.value ? r.sumText : ""
       );
     });
     function Yt(e) {
@@ -512,7 +521,7 @@ const Sa = ["aria-busy"], xa = {
         style: { ...pt(e), textAlign: e.align }
       };
     }
-    const Ae = E(), wt = E(), k = et(), ie = E([]), Ct = E(null), ve = g(() => {
+    const Ae = H(), wt = H(), k = et(), ie = H([]), Ct = H(null), ye = 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;
@@ -530,10 +539,10 @@ const Sa = ["aria-busy"], xa = {
       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 d = ye.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)), M("update:filterColumnKey", e), ye.value === e && Xe(), await Ne(), ye.value === e && Xe(), await Ne(), i.live.value && ye.value === e && (e === null ? !X.value : X.value && ((o = k.value) == null ? void 0 : o.key) === e);
     }
-    const W = fl(Ae, wt, {
+    const D = ml(Ae, wt, {
       placement: () => {
         var e;
         return ((e = k.value) == null ? void 0 : e.filterPlacement) ?? r.filterPlacement ?? "bottom-end";
@@ -546,7 +555,7 @@ const Sa = ["aria-busy"], xa = {
           t
         ), !1;
       }
-    }), X = W.open, Dl = W.style, Gt = g(
+    }), X = D.open, Dl = D.style, Gt = g(
       () => {
         var e;
         return r.appendFilterTo ?? (Ae.value && ((e = r.getPopupContainer) == null ? void 0 : e.call(r, Ae.value))) ?? "body";
@@ -554,49 +563,49 @@ const Sa = ["aria-busy"], xa = {
     );
     function Xe() {
       var d, f, F;
-      const e = ve.value, t = p.value.leaves.find(
+      const e = ye.value, t = p.value.leaves.find(
         (b) => b.key === e && Ue(b)
       );
       if (h.value || !i.live.value || !t) {
-        W.close(xt, !0), xt = !1;
+        D.close(xt, !0), xt = !1;
         return;
       }
       const n = (f = Array.from(
-        ((d = Le.value) == null ? void 0 : d.querySelectorAll("th[data-column-key]")) ?? []
+        ((d = We.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);
+        D.close(!1, !0);
         return;
       }
       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(() => {
+      Ae.value = n, k.value = t, u && (ie.value = [...ut.value[t.key] ?? []]), D.show(!0), Ne(() => {
         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());
+        u && X.value && ye.value === e && ((o = (b = wt.value) == null ? void 0 : b.querySelector('input,button,[tabindex="0"]')) == null || o.focus());
       });
     }
-    G(
+    Z(
       [
-        ve,
+        ye,
         h,
         i.live,
         () => p.value.leaves,
         () => r.showHeader,
-        Le
+        We
       ],
       Xe,
       { immediate: !0, flush: "post" }
-    ), G(
+    ), Z(
       () => {
         var e;
         return X.value ? ((e = k.value) == null ? void 0 : e.key) ?? null : null;
       },
-      (e) => P("filterOpenChange", e)
+      (e) => M("filterOpenChange", e)
     );
     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();
+          D.close();
           return;
         }
         Ae.value = t.currentTarget, await Je(e.key);
@@ -605,8 +614,8 @@ const Sa = ["aria-busy"], xa = {
     function Rt(e) {
       ie.value = [...e];
     }
-    function Pe(e) {
-      k.value && i.setFilter(k.value.key, ie.value), (e == null ? void 0 : e.closeDropdown) !== !1 && W.close(!0);
+    function Me(e) {
+      k.value && i.setFilter(k.value.key, ie.value), (e == null ? void 0 : e.closeDropdown) !== !1 && D.close(!0);
     }
     function Tt(e) {
       var u;
@@ -615,17 +624,17 @@ const Sa = ["aria-busy"], xa = {
         ...((u = r.defaultFilters) == null ? void 0 : u[t.key]) ?? t.defaultFilterValue ?? []
       ] : [];
       const n = e;
-      (n == null ? void 0 : n.confirm) !== !1 ? Pe(e) : (n == null ? void 0 : n.closeDropdown) === !0 && W.close(!0);
+      (n == null ? void 0 : n.confirm) !== !1 ? Me(e) : (n == null ? void 0 : n.closeDropdown) === !0 && D.close(!0);
     }
     const Zt = g(() => k.value && {
       column: k.value,
       open: X.value,
       values: ie.value,
       setValues: Rt,
-      confirm: Pe,
+      confirm: Me,
       clear: Tt,
-      close: () => W.close(!0)
-    }), Ce = E(), _t = E(), Q = et(), re = et();
+      close: () => D.close(!0)
+    }), Ce = H(), _t = H(), Q = et(), re = et();
     function Qe(e) {
       return e.showOverflowTooltip ?? r.showOverflowTooltip;
     }
@@ -644,27 +653,27 @@ const Sa = ["aria-busy"], xa = {
         var e;
         return (Ce.value && ((e = r.getPopupContainer) == null ? void 0 : e.call(r, Ce.value))) ?? "body";
       }
-    ), O = fl(Ce, _t, {
+    ), $ = ml(Ce, _t, {
       placement: () => ue.value.placement ?? "top-start",
       get gap() {
         return ue.value.offset;
       }
-    }), Ye = O.open, Nl = O.style;
+    }), Ye = $.open, ql = $.style;
     let Ge;
     function Ft() {
       clearTimeout(Ge);
     }
-    function Me() {
+    function Pe() {
       if (clearTimeout(Ge), !Ye.value) return;
       const e = ue.value.hideDelay ?? 80;
-      Ge = setTimeout(() => O.close(), Number.isFinite(e) ? Math.max(0, e) : 80);
+      Ge = setTimeout(() => $.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());
+      h.value || $.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, $.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());
+      h.value || !Ll(e) || $.restoringFocus.value || (Ft(), Ce.value = t.currentTarget, Q.value = void 0, re.value = e, $.show());
     }
     const al = g(() => {
       var n, u, d;
@@ -677,8 +686,8 @@ const Sa = ["aria-busy"], xa = {
       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) {
+    ), jl = g(() => i.selectionPage.value.map(({ row: e }) => e)), Vl = g(() => i.selectionPage.value.map(({ key: e }) => e));
+    function Il(e) {
       if (h.value || !i.live.value || e.disabled) return;
       const t = i.selectionPage.value;
       return e.select({
@@ -688,17 +697,17 @@ const Sa = ["aria-busy"], xa = {
         setSelected: (n) => i.selectPage(n, t)
       });
     }
-    let se, At = 0, T, Pt = 0, Mt = 0;
+    let se, At = 0, T, Mt = 0, Pt = 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(
+      Wt.value = ce.value.clientWidth;
+      const e = {}, t = (n = de.value) == null ? void 0 : n.querySelector(
         "tbody tr:not(.hys-ui-table-message):not(.hys-ui-table-detail)"
       );
       for (const d of p.value.leaves) {
         const f = Array.from(
-          ((u = me.value) == null ? void 0 : u.querySelectorAll("th[data-leaf]")) ?? []
+          ((u = de.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]"
@@ -711,12 +720,12 @@ const Sa = ["aria-busy"], xa = {
     function Se() {
       cancelAnimationFrame(At), At = requestAnimationFrame(ol);
     }
-    async function Il() {
-      await Ke(), ol();
+    async function Ul() {
+      await Ne(), ol();
     }
     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);
+      cancelAnimationFrame(Mt), T && ((t = (e = j.value) == null ? void 0 : e.hasPointerCapture) != null && t.call(e, T.pointerId)) && j.value.releasePointerCapture(T.pointerId), T = void 0, pe.value = void 0, ve.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() {
       te();
@@ -733,13 +742,13 @@ const Sa = ["aria-busy"], xa = {
           T.column.minWidth ?? 60,
           Math.min(
             T.column.maxWidth ?? 2e3,
-            T.width + (Mt - T.start) * e
+            T.width + (Pt - T.start) * e
           )
         )
       };
     }
     function sl(e) {
-      !T || e.pointerId !== T.pointerId || (Mt = e.clientX, cancelAnimationFrame(Pt), Pt = requestAnimationFrame(il));
+      !T || e.pointerId !== T.pointerId || (Pt = e.clientX, cancelAnimationFrame(Mt), Mt = requestAnimationFrame(il));
     }
     function rl(e, t, n, u) {
       if (h.value || !i.live.value) return;
@@ -753,118 +762,127 @@ const Sa = ["aria-busy"], xa = {
         ...u,
         [e.key]: d
       };
-      at.value = f, P("update:columnWidths", f), r.columnWidths === void 0 && (je.value = !0), P("columnResize", e, d, n), Se();
+      at.value = f, M("update:columnWidths", f), r.columnWidths === void 0 && (je.value = !0), M("columnResize", e, d, n), Se();
     }
     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;
+      Pt = e.clientX, il();
+      const { column: t, width: n } = T, u = ((f = pe.value) == null ? void 0 : f.width) ?? n, d = ve.value;
       te(), rl(t, u, n, d);
     }
-    function Ul(e, t) {
+    function Jl(e, t) {
       var u, d;
       if (h.value || t.button !== 0 || !i.live.value) return;
-      W.close(), O.close(), te();
+      D.close(), $.close(), te();
       const n = Y.value[e.key] ?? ne(e);
-      de.value = { ...Y.value }, T = {
+      ve.value = { ...Y.value }, T = {
         column: e,
         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);
+      }, (d = (u = j.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 Jl() {
-      h.value || (te(), at.value = {}, je.value = !1, P("update:columnWidths", {}), Se());
+    function Xl() {
+      h.value || (te(), at.value = {}, je.value = !1, M("update:columnWidths", {}), Se());
     }
     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 Xl(e) {
-      q.value && (Tl(), O.close(), P(
+    function Ql(e) {
+      j.value && (Fl(), $.close(), M(
         "scroll",
         {
-          scrollLeft: q.value.scrollLeft,
-          scrollTop: q.value.scrollTop
+          scrollLeft: j.value.scrollLeft,
+          scrollTop: j.value.scrollTop
         },
         e
       ));
     }
     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();
+      se == null || se.disconnect(), typeof ResizeObserver < "u" && (se = new ResizeObserver(Se), ce.value && se.observe(ce.value), de.value && se.observe(de.value)), Se();
     }
     function cl() {
-      se == null || se.disconnect(), cancelAnimationFrame(At), te(), clearTimeout(Ge), W.close(), O.close();
+      se == null || se.disconnect(), cancelAnimationFrame(At), te(), clearTimeout(Ge), D.close(), $.close();
     }
-    G(h, (e) => {
-      e && (te(), W.close(), O.close());
-    }), G(
+    Z(h, (e) => {
+      e && (te(), D.close(), $.close());
+    }), Z(
       () => r.columnWidths,
       () => {
         T && te(), Se();
       },
       { deep: !0 }
-    ), G(
+    ), Z(
       () => p.value.leaves.map((e) => e.key).join("\0"),
       () => {
         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();
+        }) && $.close(), T && !p.value.leaves.some((e) => e.key === (T == null ? void 0 : T.column.key)) && te();
       }
-    ), G(
+    ), Z(
       () => r.columns,
       () => {
-        te(), O.close();
+        te(), $.close();
       },
       { deep: !0 }
-    ), G(_, () => {
-      Q.value && O.close();
-    }), G([() => r.showOverflowTooltip, () => r.showSorterTooltip], () => O.close(), { deep: !0 }), ea(() => {
+    ), Z(G, () => {
+      Q.value && $.close();
+    }), Z([() => r.showOverflowTooltip, () => r.showSorterTooltip], () => $.close(), { deep: !0 }), la(() => {
       Ot(), Xe();
-    }), ta(Ot), G(me, () => {
+    }), aa(Ot), Z(de, () => {
       i.live.value && Ot();
-    }, { flush: "post" }), la(Se), aa(cl), oa(cl), G(
+    }, { flush: "post" }), oa(Se), na(cl), ia(cl), Z(
       [ee, ut, ct, dt],
       () => {
-        r.scrollToFirstRowOnChange && q.value && (q.value.scrollTop = 0);
+        r.scrollToFirstRowOnChange && j.value && (j.value.scrollTop = 0);
       },
       { flush: "post" }
     );
     function _e(e) {
-      const t = q.value;
+      const t = j.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 Ql(e, t = {}) {
+    async function Yl(e, t = {}) {
       var C, a;
-      await Ke();
-      const n = i.find(e), u = q.value;
+      await Ne();
+      const n = i.find(e), u = j.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]")) ?? []
+      const d = G.value.findIndex((z) => z.token === n.token), f = Array.from(
+        ((C = de.value) == null ? void 0 : C.querySelectorAll("tbody tr[data-row-key]")) ?? []
       )[d];
       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;
+      const F = u.getBoundingClientRect(), b = f.getBoundingClientRect(), o = Ut.value ? (((a = We.value) == null ? void 0 : a.getBoundingClientRect().height) ?? 0) + Jt.value : 0, v = b.top - F.top - u.clientTop + u.scrollTop, E = Math.max(0, u.clientHeight - o);
+      let P = v - o;
+      if (t.block === "center") P -= (E - b.height) / 2;
+      else if (t.block === "end") P -= E - 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;
-        b.top >= F.top + u.clientTop + o && (M -= $ - b.height);
+        b.top >= F.top + u.clientTop + o && (P -= E - b.height);
       }
-      return _e({ top: Math.max(0, M), behavior: t.behavior }), !0;
+      return _e({ top: Math.max(0, P), behavior: t.behavior }), !0;
     }
-    const Yl = g(() => p.value.leaves);
-    return pl({
+    const Gl = g(() => p.value.leaves), Zl = g(() => G.value.map(({ token: e }) => e)), dl = wa({
+      enabled: () => !!r.keyboardNavigation && !h.value && i.live.value,
+      table: () => de.value,
+      tokens: () => Zl.value,
+      attribute: "data-hys-navigation-row",
+      toggle(e) {
+        const t = i.graph.value.map.get(e);
+        return !t || !p.value.leaves.some(({ type: n }) => n === "selection") || !i.eligible(t) ? !1 : (i.toggleRowSelection(t.key), !0);
+      }
+    });
+    return hl({
       element: ce,
-      viewport: q,
+      viewport: j,
       selectedKeys: be,
       currentRow: i.currentRow,
       expandedKeys: st,
       query: vt,
-      columns: Yl,
+      columns: Gl,
       clearSelection: i.clearSelection,
       getSelectionRows: i.getSelectionRows,
       getHalfSelectionRows: i.getHalfSelectionRows,
@@ -879,12 +897,18 @@ const Sa = ["aria-busy"], xa = {
       setSort: i.setSort,
       clearFilter: i.clearFilter,
       setFilter: i.setFilter,
+      setSearch: i.setSearch,
+      clearSearch: () => i.setSearch(""),
+      focusRow: (e) => {
+        const t = i.find(e);
+        return !!t && dl.focusRow(t.token);
+      },
       showFilter: (e) => Je(e),
       hideFilter: () => Je(null, !0),
       setPage: i.requestPage,
       resizeColumn: Bt,
-      resetColumnWidths: Jl,
-      doLayout: Il,
+      resetColumnWidths: Xl,
+      doLayout: Ul,
       scrollTo: _e,
       setScrollTop: (e) => {
         Number.isFinite(e) && _e({ top: Math.max(0, e) });
@@ -892,13 +916,13 @@ const Sa = ["aria-busy"], xa = {
       setScrollLeft: (e) => {
         Number.isFinite(e) && _e({ left: Math.max(0, e) });
       },
-      scrollToRow: Ql
+      scrollToRow: Yl
     }), (e, t) => {
       var n, u;
-      return c(), y("div", V({
+      return c(), y("div", L({
         ref_key: "element",
         ref: ce
-      }, l(We), {
+      }, l(De), {
         class: ["hys-ui-table", [
           "hys-ui-table-" + s.size,
           {
@@ -909,69 +933,71 @@ const Sa = ["aria-busy"], xa = {
         ]],
         "aria-busy": s.loading || void 0
       }), [
-        e.$slots.title ? (c(), y("div", xa, [
+        e.$slots.title ? (c(), y("div", Fa, [
           S(e.$slots, "title", {
             rows: l(i).filteredRows.value,
             pageRows: bt.value,
-            query: l(vt)
+            query: l(vt),
+            search: l(i).search.value,
+            setSearch: l(i).setSearch
           }, void 0, !0)
         ])) : x("", !0),
-        s.selectionActions === !0 || (n = zt.value) != null && n.length || e.$slots.selection ? (c(), y("div", Ra, [
+        s.selectionActions === !0 || (n = zt.value) != null && n.length || e.$slots.selection ? (c(), y("div", za, [
           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,
+            pageRows: jl.value,
+            pageKeys: Vl.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, {
+            B("span", Aa, N(m.value.selected.replace("{count}", String(l(be).length))), 1),
+            zt.value ? (c(!0), y(A, { key: 0 }, le(zt.value, (d) => (c(), w(fe, {
               key: d.key,
               size: "sm",
               variant: "secondary",
               disabled: l(h) || d.disabled || s.selectionType === "radio",
-              onClick: (f) => Vl(d)
+              onClick: (f) => Il(d)
             }, {
-              default: B(() => [
-                I(K(d.label), 1)
+              default: O(() => [
+                I(N(d.label), 1)
               ]),
               _: 2
             }, 1032, ["disabled", "onClick"]))), 128)) : (c(), y(A, { key: 1 }, [
-              s.selectionType !== "radio" ? (c(), w(ye, {
+              s.selectionType !== "radio" ? (c(), w(fe, {
                 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)
+                default: O(() => [
+                  I(N(m.value.selectAll), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])) : x("", !0),
-              s.selectionType !== "radio" ? (c(), w(ye, {
+              s.selectionType !== "radio" ? (c(), w(fe, {
                 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)
+                default: O(() => [
+                  I(N(m.value.invertSelection), 1)
                 ]),
                 _: 1
               }, 8, ["disabled", "onClick"])) : x("", !0),
-              N(ye, {
+              q(fe, {
                 size: "sm",
                 variant: "ghost",
                 disabled: l(h) || !l(be).length,
                 onClick: l(i).clearSelection
               }, {
-                default: B(() => [
-                  I(K(m.value.clearSelection), 1)
+                default: O(() => [
+                  I(N(m.value.clearSelection), 1)
                 ]),
                 _: 1
               }, 8, ["disabled", "onClick"])
@@ -991,16 +1017,16 @@ const Sa = ["aria-busy"], xa = {
             setPage: l(i).requestPage,
             setPageSize: l(i).changeSize
           }, () => [
-            N(yl, V({ ref_for: !0 }, qe.value, {
+            q(fl, L({ 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", {
+        ], 8, Ma))), 128)),
+        B("div", Pa, [
+          B("div", {
             ref_key: "viewport",
-            ref: q,
+            ref: j,
             class: Te(["hys-ui-table-scroll", { "hys-ui-table-themed-scrollbar": s.nativeScrollbar === !1 }]),
             style: Re({
               height: ze(s.height),
@@ -1009,38 +1035,38 @@ const Sa = ["aria-busy"], xa = {
             }),
             tabindex: s.scrollbarTabindex,
             "aria-label": s.caption || m.value.scrollLabel,
-            onScroll: Xl
+            onScroll: Ql
           }, [
             (c(), w(ae(((u = s.components) == null ? void 0 : u.table) ?? "table"), {
               ref_key: "tableRoot",
-              ref: Kt,
+              ref: Nt,
               class: "hys-ui-data-table",
               style: Re({
-                minWidth: Ml.value,
-                tableLayout: je.value || de.value ? "fixed" : s.tableLayout,
-                width: Bl.value
+                minWidth: Bl.value,
+                tableLayout: je.value || ve.value ? "fixed" : s.tableLayout,
+                width: Ol.value
               })
             }, {
-              default: B(() => {
+              default: O(() => {
                 var d, f, F, b;
                 return [
-                  s.caption ? (c(), y("caption", Pa, K(s.caption), 1)) : x("", !0),
-                  H("colgroup", null, [
+                  s.caption ? (c(), y("caption", Oa, N(s.caption), 1)) : x("", !0),
+                  B("colgroup", null, [
                     (c(!0), y(A, null, le(p.value.leaves, (o) => (c(), y("col", {
                       key: o.key,
-                      style: Re({ width: zl(o) })
+                      style: Re({ width: Al(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,
+                    ref: Kt,
                     style: Re({ top: l(Jt) + "px" })
                   }, {
-                    default: B(() => [
+                    default: O(() => [
                       (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(
+                        var E, P, C;
+                        return c(), w(ae(((P = (E = s.components) == null ? void 0 : E.header) == null ? void 0 : P.row) ?? "tr"), L(
                           {
                             key: v,
                             class: typeof s.headerRowClassName == "function" ? s.headerRowClassName(
@@ -1061,12 +1087,12 @@ const Sa = ["aria-busy"], xa = {
                             )
                           )
                         ), {
-                          default: B(() => [
+                          default: O(() => [
                             (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({
+                              return c(), w(ae(((Be = (z = s.components) == null ? void 0 : z.header) == null ? void 0 : Be.cell) ?? "th"), L({
                                 key: a.key
-                              }, { ref_for: !0 }, Cl(a), {
+                              }, { ref_for: !0 }, Sl(a), {
                                 "data-column-key": a.column.key,
                                 "data-leaf": !a.column.children && a.colspan === 1 ? "" : void 0,
                                 colspan: a.colspan,
@@ -1081,12 +1107,12 @@ const Sa = ["aria-busy"], xa = {
                                   ) : 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)
+                                "aria-sort": !a.blank && a.column.sortable ? ((Oe = l(ee).find((V) => V.key === a.column.key)) == null ? void 0 : Oe.direction) === "asc" ? "ascending" : (($e = l(ee).find((V) => V.key === a.column.key)) == null ? void 0 : $e.direction) === "desc" ? "descending" : "none" : void 0,
+                                onClick: (V) => !a.blank && M("headerClick", a.column, V),
+                                onContextmenu: (V) => !a.blank && M("headerContextmenu", a.column, V)
                               }), {
-                                default: B(() => {
-                                  var j, D, L, Ee;
+                                default: O(() => {
+                                  var V, K, W, Ee;
                                   return [
                                     a.blank ? (c(), y(A, { key: 0 }, [], 64)) : a.column.type === "selection" ? S(e.$slots, "selection-header", {
                                       column: a.column,
@@ -1095,40 +1121,40 @@ const Sa = ["aria-busy"], xa = {
                                       disabled: l(h) || !l(i).selectionPage.value.length,
                                       toggle: l(i).toggleAllSelection
                                     }, () => [
-                                      a.column.type === "selection" && s.selectionType !== "radio" && !s.hideSelectAll ? (c(), w(vl, {
+                                      a.column.type === "selection" && s.selectionType !== "radio" && !s.hideSelectAll ? (c(), w(yl, {
                                         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(() => {
+                                        onClick: t[2] || (t[2] = _(() => {
                                         }, ["stop"])),
                                         "onUpdate:modelValue": t[3] || (t[3] = (R) => l(i).toggleAllSelection(
                                           l(rt) && !s.selectOnIndeterminate ? !1 : R === !0
                                         ))
                                       }, {
-                                        default: B(() => {
+                                        default: O(() => {
                                           var R;
                                           return [
                                             (R = s.selectionColumn) != null && R.label ? (c(), y(A, { key: 0 }, [
-                                              I(K(s.selectionColumn.label), 1)
+                                              I(N(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, [
+                                      }, 8, ["model-value", "indeterminate", "disabled", "aria-label"])) : a.column.type === "selection" ? (c(), y("span", $a, "选择")) : x("", !0)
+                                    ], !0, 1) : (c(), y("div", Ea, [
+                                      B("div", Ha, [
                                         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,
+                                          "aria-describedby": l(Ye) && re.value === a.column ? l(me) + "-tooltip" : void 0,
                                           onPointerenter: (R) => ll(a.column, R),
-                                          onPointerleave: Me,
+                                          onPointerleave: Pe,
                                           onFocus: (R) => ll(a.column, R),
-                                          onBlur: Me,
+                                          onBlur: Pe,
                                           onClick: (R) => l(i).toggleSort(a.column)
                                         }, [
                                           S(e.$slots, "header-" + a.column.key, {
@@ -1143,11 +1169,11 @@ const Sa = ["aria-busy"], xa = {
                                                 key: 0,
                                                 value: a.column.renderHeader(a.column, l(ee))
                                               }, null, 8, ["value"])) : (c(), y(A, { key: 1 }, [
-                                                I(K(a.column.label), 1)
+                                                I(N(a.column.label), 1)
                                               ], 64))
                                             ], !0)
                                           ], !0)
-                                        ], 40, $a)) : (c(), y("span", Ea, [
+                                        ], 40, Na)) : (c(), y("span", Ka, [
                                           S(e.$slots, "header-" + a.column.key, {
                                             column: a.column,
                                             sorts: l(ee)
@@ -1160,13 +1186,13 @@ const Sa = ["aria-busy"], xa = {
                                                 key: 0,
                                                 value: a.column.renderHeader(a.column, l(ee))
                                               }, null, 8, ["value"])) : (c(), y(A, { key: 1 }, [
-                                                I(K(a.column.label), 1)
+                                                I(N(a.column.label), 1)
                                               ], 64))
                                             ], !0)
                                           ], !0)
                                         ])),
-                                        a.column.sortable ? (c(), y("span", Ha, [
-                                          (c(), y(A, null, le(["asc", "desc"], (R) => H("button", {
+                                        a.column.sortable ? (c(), y("span", Da, [
+                                          (c(), y(A, null, le(["asc", "desc"], (R) => B("button", {
                                             key: R,
                                             type: "button",
                                             disabled: l(h),
@@ -1179,11 +1205,11 @@ const Sa = ["aria-busy"], xa = {
                                             ),
                                             onClick: (xe) => l(i).toggleSort(a.column, R)
                                           }, [
-                                            (c(), w(ae(R === "asc" ? l(ca) : l(Ht)), {
+                                            (c(), w(ae(R === "asc" ? l(va) : l(Ht)), {
                                               size: 12,
                                               "aria-hidden": "true"
                                             }))
-                                          ], 8, Ka)), 64))
+                                          ], 8, Wa)), 64))
                                         ])) : x("", !0)
                                       ]),
                                       !a.column.children && Ue(a.column) ? (c(), y("button", {
@@ -1194,28 +1220,28 @@ const Sa = ["aria-busy"], xa = {
                                         }]),
                                         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"])
+                                        "aria-expanded": l(X) && ((V = k.value) == null ? void 0 : V.key) === a.column.key,
+                                        "aria-controls": l(me) + "-filter",
+                                        onClick: _((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
+                                            open: l(X) && ((K = k.value) == null ? void 0 : K.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
+                                          open: l(X) && ((W = k.value) == null ? void 0 : W.key) === a.column.key
                                         }, () => [
-                                          N(l(da), {
+                                          q(l(ya), {
                                             size: 14,
                                             "aria-hidden": "true"
                                           })
                                         ], !0, 1)
-                                      ], 10, Da)) : x("", !0),
+                                      ], 10, La)) : 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",
@@ -1228,18 +1254,18 @@ const Sa = ["aria-busy"], xa = {
                                         ),
                                         "aria-valuemin": a.column.minWidth ?? 60,
                                         "aria-valuemax": a.column.maxWidth ?? 2e3,
-                                        onPointerdown: Z((R) => Ul(a.column, R), ["prevent", "stop"]),
+                                        onPointerdown: _((R) => Jl(a.column, R), ["prevent", "stop"]),
                                         onKeydown: [
-                                          $t(Z((R) => Bt(
+                                          $t(_((R) => Bt(
                                             a.column.key,
                                             (Y.value[a.column.key] ?? ne(a.column)) - 10
                                           ), ["prevent"]), ["left"]),
-                                          $t(Z((R) => Bt(
+                                          $t(_((R) => Bt(
                                             a.column.key,
                                             (Y.value[a.column.key] ?? ne(a.column)) + 10
                                           ), ["prevent"]), ["right"])
                                         ]
-                                      }, null, 40, Wa)) : x("", !0)
+                                      }, null, 40, qa)) : x("", !0)
                                     ]))
                                   ];
                                 }),
@@ -1254,29 +1280,30 @@ const Sa = ["aria-busy"], xa = {
                     _: 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", {
+                    default: O(() => [
+                      s.loading && s.loadingMode === "replace" ? (c(), y("tr", ja, [
+                        B("td", {
                           colspan: Math.max(1, p.value.leaves.length)
                         }, [
-                          H("div", qa, [
+                          B("div", Ia, [
                             S(e.$slots, "loading", {}, () => [
-                              N(l(tt), {
+                              q(l(tt), {
                                 class: "hys-ui-table-spinner",
                                 size: 18
                               }),
-                              I(K(m.value.loadingText), 1)
+                              I(N(m.value.loadingText), 1)
                             ], !0)
                           ])
-                        ], 8, Na)
+                        ], 8, Va)
                       ])) : (c(), y(A, { key: 1 }, [
-                        (c(!0), y(A, null, le(l(_), (o, v) => {
-                          var $, M, C;
+                        (c(!0), y(A, null, le(l(G), (o, v) => {
+                          var E, P, C;
                           return c(), y(A, {
                             key: o.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)), {
+                            (c(), w(ae(((P = (E = s.components) == null ? void 0 : E.body) == null ? void 0 : P.row) ?? "tr"), L({ ref_for: !0 }, L(ke((C = s.customRow) == null ? void 0 : C.call(s, o.row, v)), l(dl).rowNavigationAttrs(o.token)), {
                               "data-row-key": String(o.key),
+                              "data-hys-navigation-row": s.keyboardNavigation ? o.token : void 0,
                               "aria-selected": s.highlightCurrentRow ? l(Vt) === o.key : void 0,
                               class: [
                                 typeof s.rowClassName == "function" ? s.rowClassName(o.row, v) : s.rowClassName,
@@ -1286,22 +1313,22 @@ const Sa = ["aria-busy"], xa = {
                                 }
                               ],
                               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)
+                              onClick: (a) => Nl(o, v, a),
+                              onDblclick: (a) => !l(h) && M("rowDblclick", o.row, v, a),
+                              onContextmenu: (a) => M("rowContextmenu", o.row, v, a)
                             }), {
-                              default: B(() => [
+                              default: O(() => [
                                 (c(!0), y(A, null, le(p.value.leaves, (a, z) => {
-                                  var Be, Oe, $e, j;
+                                  var Be, Oe, $e, V;
                                   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(
+                                    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" : ((V = ($e = s.components) == null ? void 0 : $e.body) == null ? void 0 : V.cell) ?? "td"), L(
                                       {
                                         key: 0,
                                         ref_for: !0
                                       },
-                                      Sl(
+                                      xl(
                                         J(o.row, a, v, z)
                                       ),
                                       {
@@ -1309,69 +1336,69 @@ const Sa = ["aria-busy"], xa = {
                                         "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(
+                                        style: $l(J(o.row, a, v, z)),
+                                        class: El(J(o.row, a, v, z)),
+                                        onClick: (K) => !l(h) && M(
                                           "cellClick",
                                           J(o.row, a, v, z),
-                                          D
+                                          K
                                         ),
-                                        onDblclick: (D) => !l(h) && P(
+                                        onDblclick: (K) => !l(h) && M(
                                           "cellDblclick",
                                           J(o.row, a, v, z),
-                                          D
+                                          K
                                         ),
-                                        onContextmenu: (D) => P(
+                                        onContextmenu: (K) => M(
                                           "cellContextmenu",
                                           J(o.row, a, v, z),
-                                          D
+                                          K
                                         ),
-                                        onMouseenter: (D) => P(
+                                        onMouseenter: (K) => M(
                                           "cellMouseEnter",
                                           J(o.row, a, v, z),
-                                          D
+                                          K
                                         ),
-                                        onMouseleave: (D) => P(
+                                        onMouseleave: (K) => M(
                                           "cellMouseLeave",
                                           J(o.row, a, v, z),
-                                          D
+                                          K
                                         )
                                       }
                                     ), {
-                                      default: B(() => {
-                                        var D;
+                                      default: O(() => {
+                                        var K;
                                         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),
+                                            indeterminate: l(Lt).has(o.token),
                                             disabled: l(h) || !l(i).eligible(o),
-                                            toggle: (L) => l(i).toggleRowSelection(o.key, L)
+                                            toggle: (W) => l(i).toggleRowSelection(o.key, W)
                                           }, () => {
-                                            var L, Ee, R, xe;
+                                            var W, Ee, R, xe;
                                             return [
-                                              s.selectionType === "radio" ? (c(), w(ya, {
+                                              s.selectionType === "radio" ? (c(), w(ma, {
                                                 key: 0,
-                                                name: l(fe) + "-selection",
+                                                name: l(me) + "-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),
+                                                "aria-label": ((W = s.getSelectionProps) == null ? void 0 : W.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(() => {
+                                                onClick: t[4] || (t[4] = _(() => {
                                                 }, ["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, {
+                                              }, null, 8, ["name", "model-value", "value", "disabled", "aria-label", "title", "onUpdate:modelValue"])) : (c(), w(yl, {
                                                 key: 1,
                                                 "model-value": l(it).has(o.token),
-                                                indeterminate: l(Nt).has(o.token),
+                                                indeterminate: l(Lt).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)
+                                                onClick: t[5] || (t[5] = _((He) => sa(Fe) ? Fe.value = He.shiftKey : Fe = He.shiftKey, ["stop"])),
+                                                "onUpdate:modelValue": (He) => Rl(o, He === !0)
                                               }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label", "title", "onUpdate:modelValue"]))
                                             ];
                                           }, !0, 0) : a.type === "index" ? (c(), w(oe, {
@@ -1387,7 +1414,7 @@ const Sa = ["aria-busy"], xa = {
                                               l(U).has(o.token) ? m.value.collapseRow : m.value.expandRow,
                                               v + 1
                                             ),
-                                            onClick: Z((L) => l(i).toggleRowExpansion(o.key), ["stop"])
+                                            onClick: _((W) => l(i).toggleRowExpansion(o.key), ["stop"])
                                           }, [
                                             S(e.$slots, "expand-icon", {
                                               row: o.row,
@@ -1397,7 +1424,7 @@ const Sa = ["aria-busy"], xa = {
                                               depth: o.depth
                                             }, () => [
                                               (c(), w(ae(
-                                                l(ge).has(o.token) ? l(tt) : l(U).has(o.token) ? l(Ht) : l(dl)
+                                                l(ge).has(o.token) ? l(tt) : l(U).has(o.token) ? l(Ht) : l(vl)
                                               ), {
                                                 class: Te({
                                                   "hys-ui-table-spinner": l(ge).has(o.token)
@@ -1406,15 +1433,15 @@ const Sa = ["aria-busy"], xa = {
                                                 "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", {
+                                          ], 8, Ua)) : a.type !== "expand" ? (c(), y("div", Ja, [
+                                            s.treeMode && a.key === Le.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 }, [
+                                            s.treeMode && a.key === Le.value && !Cl.value && s.showExpandColumn ? (c(), y(A, { key: 1 }, [
                                               l(i).canExpand(o) ? (c(), y("button", {
                                                 key: 0,
                                                 type: "button",
@@ -1422,12 +1449,12 @@ const Sa = ["aria-busy"], xa = {
                                                 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)(
+                                                  l(Ke)(
                                                     o.row,
                                                     a.dataIndex ?? a.key
                                                   )
                                                 ),
-                                                onClick: Z((L) => l(i).toggleRowExpansion(o.key), ["stop"])
+                                                onClick: _((W) => l(i).toggleRowExpansion(o.key), ["stop"])
                                               }, [
                                                 S(e.$slots, "expand-icon", {
                                                   row: o.row,
@@ -1437,7 +1464,7 @@ const Sa = ["aria-busy"], xa = {
                                                   depth: o.depth
                                                 }, () => [
                                                   (c(), w(ae(
-                                                    l(ge).has(o.token) ? l(tt) : l(U).has(o.token) ? l(Ht) : l(dl)
+                                                    l(ge).has(o.token) ? l(tt) : l(U).has(o.token) ? l(Ht) : l(vl)
                                                   ), {
                                                     class: Te({
                                                       "hys-ui-table-spinner": l(ge).has(
@@ -1448,29 +1475,29 @@ const Sa = ["aria-busy"], xa = {
                                                     "aria-hidden": "true"
                                                   }, null, 8, ["class"]))
                                                 ], !0)
-                                              ], 8, Ia)) : (c(), y("span", Ua))
+                                              ], 8, Xa)) : (c(), y("span", Qa))
                                             ], 64)) : x("", !0),
-                                            H("span", {
+                                            B("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(
+                                              title: typeof a.ellipsis == "object" && a.ellipsis.showTitle !== !1 && !Qe(a) ? Ve(l(Ke)(o.row, a.dataIndex ?? a.key)) : void 0,
+                                              "aria-describedby": l(Ye) && ((K = Q.value) == null ? void 0 : K.row) === o.row && Q.value.column.key === a.key ? l(me) + "-tooltip" : void 0,
+                                              onPointerenter: (W) => tl(
                                                 J(o.row, a, v, z),
-                                                L
+                                                W
                                               ),
-                                              onPointerleave: Me,
-                                              onFocus: (L) => tl(
+                                              onPointerleave: Pe,
+                                              onFocus: (W) => tl(
                                                 J(o.row, a, v, z),
-                                                L
+                                                W
                                               ),
-                                              onBlur: Me
+                                              onBlur: Pe
                                             }, [
                                               S(e.$slots, a.key, {
                                                 row: o.row,
-                                                value: l(De)(
+                                                value: l(Ke)(
                                                   o.row,
                                                   a.dataIndex ?? a.key
                                                 ),
@@ -1480,14 +1507,14 @@ const Sa = ["aria-busy"], xa = {
                                                 S(e.$slots, "body-cell", {
                                                   row: o.row,
                                                   column: a,
-                                                  value: l(De)(
+                                                  value: l(Ke)(
                                                     o.row,
                                                     a.dataIndex ?? a.key
                                                   ),
                                                   index: v
                                                 }, () => [
-                                                  N(oe, {
-                                                    value: El(
+                                                  q(oe, {
+                                                    value: Hl(
                                                       J(
                                                         o.row,
                                                         a,
@@ -1498,17 +1525,17 @@ const Sa = ["aria-busy"], xa = {
                                                   }, null, 8, ["value"])
                                                 ], !0)
                                               ], !0)
-                                            ], 42, Ja),
-                                            a.key === Ne.value && l(kl).has(o.token) ? (c(), w(ye, {
+                                            ], 42, Ya),
+                                            a.key === Le.value && l(wl).has(o.token) ? (c(), w(fe, {
                                               key: 2,
                                               size: "sm",
                                               variant: "ghost",
                                               "aria-label": m.value.retryLabel,
-                                              onClick: Z((L) => l(i).loadRow(o.key, !0), ["stop"])
+                                              onClick: _((W) => l(i).loadRow(o.key, !0), ["stop"])
                                             }, {
-                                              default: B(() => [
-                                                N(l(va), { size: 13 }),
-                                                I(K(m.value.retry), 1)
+                                              default: O(() => [
+                                                q(l(fa), { size: 13 }),
+                                                I(N(m.value.retry), 1)
                                               ]),
                                               _: 1
                                             }, 8, ["aria-label", "onClick"])) : x("", !0)
@@ -1521,9 +1548,9 @@ const Sa = ["aria-busy"], xa = {
                                 }), 128))
                               ]),
                               _: 2
-                            }, 1040, ["data-row-key", "aria-selected", "class", "style", "onClick", "onDblclick", "onContextmenu"])),
-                            Qt(o) ? ia((c(), y("tr", Xa, [
-                              H("td", {
+                            }, 1040, ["data-row-key", "data-hys-navigation-row", "aria-selected", "class", "style", "onClick", "onDblclick", "onContextmenu"])),
+                            Qt(o) ? ra((c(), y("tr", Ga, [
+                              B("td", {
                                 colspan: Math.max(1, p.value.leaves.length)
                               }, [
                                 S(e.$slots, "expand", {
@@ -1531,30 +1558,32 @@ const Sa = ["aria-busy"], xa = {
                                   index: v,
                                   expanded: l(U).has(o.token)
                                 }, void 0, !0)
-                              ], 8, Qa)
+                              ], 8, Za)
                             ], 512)), [
-                              [sa, l(U).has(o.token)]
+                              [ua, l(U).has(o.token)]
                             ]) : x("", !0)
                           ], 64);
                         }), 128)),
-                        l(_).length ? x("", !0) : (c(), y("tr", Ya, [
-                          H("td", {
+                        l(G).length ? x("", !0) : (c(), y("tr", _a, [
+                          B("td", {
                             colspan: Math.max(1, p.value.leaves.length)
                           }, [
-                            S(e.$slots, "empty", {}, () => [
-                              I(K(s.emptyText ?? m.value.emptyText), 1)
-                            ], !0)
-                          ], 8, Ga)
+                            B("div", to, [
+                              S(e.$slots, "empty", {}, () => [
+                                I(N(s.emptyText ?? m.value.emptyText), 1)
+                              ], !0)
+                            ])
+                          ], 8, eo)
                         ]))
                       ], 64)),
-                      e.$slots.append ? (c(), y("tr", Za, [
-                        H("td", {
+                      e.$slots.append ? (c(), y("tr", lo, [
+                        B("td", {
                           colspan: Math.max(1, p.value.leaves.length)
                         }, [
                           S(e.$slots, "append", {
                             rows: l(i).filteredRows.value
                           }, void 0, !0)
-                        ], 8, _a)
+                        ], 8, ao)
                       ])) : x("", !0)
                     ]),
                     _: 3
@@ -1569,8 +1598,8 @@ const Sa = ["aria-busy"], xa = {
                       values: kt.value,
                       cellAttrs: Yt
                     }, () => [
-                      H("tr", null, [
-                        (c(!0), y(A, null, le(p.value.leaves, (o, v) => (c(), y("td", V({
+                      B("tr", null, [
+                        (c(!0), y(A, null, le(p.value.leaves, (o, v) => (c(), y("td", L({
                           key: o.key
                         }, { ref_for: !0 }, Yt(o)), [
                           S(e.$slots, "summary-cell", {
@@ -1579,7 +1608,7 @@ const Sa = ["aria-busy"], xa = {
                             value: kt.value[v],
                             rows: gt.value
                           }, () => [
-                            N(oe, {
+                            q(oe, {
                               value: kt.value[v]
                             }, null, 8, ["value"])
                           ], !0)
@@ -1591,29 +1620,29 @@ const Sa = ["aria-busy"], xa = {
               }),
               _: 3
             }, 8, ["style"]))
-          ], 46, Aa),
-          s.loading && s.loadingMode === "overlay" ? (c(), y("div", eo, [
+          ], 46, Ba),
+          s.loading && s.loadingMode === "overlay" ? (c(), y("div", oo, [
             S(e.$slots, "loading", {}, () => [
-              N(l(tt), {
+              q(l(tt), {
                 class: "hys-ui-table-spinner",
                 size: 18
               }),
-              I(" " + K(m.value.loadingText), 1)
+              I(" " + N(m.value.loadingText), 1)
             ], !0)
           ])) : x("", !0)
         ]),
         (c(), w(Et, { to: "body" }, [
-          l(we) ? (c(), y("div", V({
+          l(we) ? (c(), y("div", L({
             key: 0,
             ref_key: "stickyBarElement",
-            ref: Rl
-          }, l(We), {
+            ref: Tl
+          }, l(De), {
             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",
+              height: l(zl) + "px",
               direction: l(we).direction
             },
             role: "region",
@@ -1622,13 +1651,13 @@ const Sa = ["aria-busy"], xa = {
             onScroll: t[6] || (t[6] = //@ts-ignore
             (...d) => l(Xt) && l(Xt)(...d))
           }), [
-            H("div", {
+            B("div", {
               "aria-hidden": "true",
               style: Re({ width: l(we).contentWidth + "px", height: "1px" })
             }, null, 4)
-          ], 16, to)) : x("", !0)
+          ], 16, no)) : x("", !0)
         ])),
-        e.$slots.footer ? (c(), y("div", lo, [
+        e.$slots.footer ? (c(), y("div", io, [
           S(e.$slots, "footer", {
             rows: l(i).filteredRows.value,
             pageRows: bt.value,
@@ -1648,28 +1677,28 @@ const Sa = ["aria-busy"], xa = {
             setPage: l(i).requestPage,
             setPageSize: l(i).changeSize
           }, () => [
-            N(yl, V({ ref_for: !0 }, qe.value, {
+            q(fl, L({ 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)),
+        ], 8, so))), 128)),
         (c(), w(Et, {
           to: Gt.value || "body",
           disabled: Gt.value === !1
         }, [
-          N(l(ml), {
+          q(l(pl), {
             "popup-transition": r.popupTransition,
             "popup-transition-duration": r.popupTransitionDuration,
-            placement: l(W).placement.value
+            placement: l(D).placement.value
           }, {
-            default: B(() => [
-              l(X) && k.value ? (c(), y("div", V({
+            default: O(() => [
+              l(X) && k.value ? (c(), y("div", L({
                 key: 0,
-                id: l(fe) + "-filter",
+                id: l(me) + "-filter",
                 ref_key: "filterPanel",
                 ref: wt
-              }, l(We), {
+              }, l(De), {
                 class: "hys-ui-table-filter-panel hys-ui-floating-surface",
                 style: l(Dl),
                 role: "dialog",
@@ -1683,12 +1712,12 @@ const Sa = ["aria-busy"], xa = {
                   open: l(X),
                   values: ie.value,
                   setValues: Rt,
-                  confirm: Pe,
+                  confirm: Me,
                   clear: Tt,
-                  close: () => l(W).close(!0)
+                  close: () => l(D).close(!0)
                 }, () => [
-                  H("strong", null, K(k.value.label), 1),
-                  k.value.filters ? (c(), w(ma, {
+                  B("strong", null, N(k.value.label), 1),
+                  k.value.filters ? (c(), w(ha, {
                     key: k.value.key,
                     values: ie.value,
                     "onUpdate:values": t[8] || (t[8] = (d) => ie.value = d),
@@ -1699,7 +1728,7 @@ const Sa = ["aria-busy"], xa = {
                     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, {
+                  }, null, 8, ["values", "options", "mode", "search", "multiple", "disabled", "search-label", "empty-text"])) : (c(), w(pa, {
                     key: 1,
                     "model-value": String(ie.value[0] ?? ""),
                     "aria-label": m.value.filter + k.value.label,
@@ -1707,31 +1736,31 @@ const Sa = ["aria-busy"], xa = {
                     clearable: "",
                     size: "sm",
                     "onUpdate:modelValue": t[9] || (t[9] = (d) => Rt(d ? [d] : [])),
-                    onKeydown: $t(Z(Pe, ["prevent"]), ["enter"])
+                    onKeydown: $t(_(Me, ["prevent"]), ["enter"])
                   }, null, 8, ["model-value", "aria-label", "placeholder", "onKeydown"])),
-                  H("div", no, [
-                    N(ye, {
+                  B("div", uo, [
+                    q(fe, {
                       size: "sm",
                       variant: "secondary",
                       onClick: t[10] || (t[10] = (d) => Tt())
                     }, {
-                      default: B(() => [
-                        I(K(m.value.reset), 1)
+                      default: O(() => [
+                        I(N(m.value.reset), 1)
                       ]),
                       _: 1
                     }),
-                    N(ye, {
+                    q(fe, {
                       size: "sm",
-                      onClick: t[11] || (t[11] = (d) => Pe())
+                      onClick: t[11] || (t[11] = (d) => Me())
                     }, {
-                      default: B(() => [
-                        I(K(m.value.apply), 1)
+                      default: O(() => [
+                        I(N(m.value.apply), 1)
                       ]),
                       _: 1
                     })
                   ])
                 ], !0, 1)
-              ], 16, oo)) : x("", !0)
+              ], 16, ro)) : x("", !0)
             ]),
             _: 3
           }, 8, ["popup-transition", "popup-transition-duration", "placement"])
@@ -1740,44 +1769,44 @@ const Sa = ["aria-busy"], xa = {
           to: el.value || "body",
           disabled: el.value === !1
         }, [
-          N(l(ml), {
+          q(l(pl), {
             "popup-transition": r.popupTransition,
             "popup-transition-duration": r.popupTransitionDuration,
-            placement: l(O).placement.value
+            placement: l($).placement.value
           }, {
-            default: B(() => [
-              l(Ye) && (Q.value || re.value) ? (c(), y("div", V({
+            default: O(() => [
+              l(Ye) && (Q.value || re.value) ? (c(), y("div", L({
                 key: 0,
-                id: l(fe) + "-tooltip",
+                id: l(me) + "-tooltip",
                 ref_key: "tipPanel",
                 ref: _t
-              }, l(We), {
+              }, l(De), {
                 class: "hys-ui-table-tooltip hys-ui-floating-tooltip",
                 "data-effect": ue.value.effect,
                 role: "tooltip",
                 style: [
-                  l(Nl),
+                  l(ql),
                   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
+                onPointerleave: Pe
               }), [
-                Q.value ? S(e.$slots, "tooltip", ra(ua(Q.value)), () => [
-                  N(oe, { value: al.value }, null, 8, ["value"])
+                Q.value ? S(e.$slots, "tooltip", ca(da(Q.value)), () => [
+                  q(oe, { value: al.value }, null, 8, ["value"])
                 ], !0, 0) : (c(), w(oe, {
                   key: 1,
                   value: al.value
                 }, null, 8, ["value"]))
-              ], 16, io)) : x("", !0)
+              ], 16, co)) : x("", !0)
             ]),
             _: 3
           }, 8, ["popup-transition", "popup-transition-duration", "placement"])
         ], 8, ["to", "disabled"]))
-      ], 16, Sa);
+      ], 16, Ta);
     };
   }
 });
 export {
-  Co as default
+  Fo as default
 };