hys-ui 0.2.0 → 0.3.0

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

@@ -1,54 +1,57 @@
-import { defineComponent as dl, useSlots as yl, ref as M, useId as fl, shallowRef as tt, computed as F, watch as ee, onMounted as vl, onActivated as ml, onUpdated as hl, onDeactivated as pl, onBeforeUnmount as kl, openBlock as u, createElementBlock as c, mergeProps as W, unref as o, renderSlot as S, createCommentVNode as g, createElementVNode as T, toDisplayString as O, createBlock as A, withCtx as te, createTextVNode as D, createVNode as q, Fragment as E, renderList as X, normalizeStyle as he, withModifiers as V, resolveDynamicComponent as Me, normalizeClass as Ae, withKeys as lt, isRef as wl, withDirectives as bl, vShow as gl, Teleport as Pt, normalizeProps as Cl, guardReactiveProps as Sl, nextTick as pe } from "vue";
-import { ChevronUp as xl, ChevronDown as at, ListFilter as Rl, LoaderCircle as ot, ChevronRight as Ot, RotateCw as Tl } from "lucide-vue-next";
+import { defineComponent as yl, useSlots as fl, ref as A, useId as vl, shallowRef as tt, computed as F, watch as te, onMounted as ml, onActivated as pl, onUpdated as hl, onDeactivated as kl, onBeforeUnmount as wl, openBlock as u, createElementBlock as c, mergeProps as W, unref as o, renderSlot as S, createCommentVNode as g, createElementVNode as T, toDisplayString as O, createBlock as B, withCtx as U, createTextVNode as q, createVNode as K, Fragment as E, renderList as Q, normalizeStyle as pe, withModifiers as V, resolveDynamicComponent as Me, normalizeClass as Ae, withKeys as lt, isRef as bl, withDirectives as gl, vShow as Cl, Teleport as Pt, normalizeProps as Sl, guardReactiveProps as xl, nextTick as he } from "vue";
+import { ChevronUp as Rl, ChevronDown as at, ListFilter as Tl, LoaderCircle as ot, ChevronRight as Ot, RotateCw as zl } from "lucide-vue-next";
 import Et from "../HysCheckbox/HysCheckbox.vue.js";
-import zl from "../HysRadio/HysRadio.vue.js";
+import Fl from "../HysRadio/HysRadio.vue.js";
 import ce from "../HysButton/HysButton.vue.js";
-import Fl from "../HysInput/HysInput.vue.js";
+import Ml from "../HysInput/HysInput.vue.js";
 import Kt from "../HysPagination/HysPagination.vue.js";
-import Ml from "./HysTableFilterOptions.vue.js";
-import { useHysRootAttrs as Al } from "../../config.js";
+import Al from "./HysTableFilterOptions.vue.js";
+import { useHysRootAttrs as Bl } from "../../config.js";
 import { useFloating as $t } from "../../composables/useFloating.js";
-import { useTable as Bl } from "../../composables/useTable.js";
-import { tableColumns as Pl, tableBreakpoint as Ol, tableToken as El, tableSummary as Kl, tableValue as Be } from "../../composables/table.js";
-const $l = ["aria-busy"], Hl = {
+import { useTable as Pl } from "../../composables/useTable.js";
+import { tableColumns as Ol, tableBreakpoint as El, tableToken as Kl, tableSummary as $l, tableValue as Be } from "../../composables/table.js";
+import Ht from "../../motion/PopupMotion.js";
+const Hl = ["aria-busy"], Ll = {
   key: 0,
   class: "hys-ui-table-title"
-}, Ll = {
+}, Nl = {
   key: 1,
   class: "hys-ui-table-selection-actions"
-}, Nl = { "aria-live": "polite" }, Wl = ["data-position"], Dl = ["tabindex", "aria-label"], ql = { key: 0 }, Vl = { key: 1 }, jl = ["data-column-key", "data-leaf", "colspan", "rowspan", "scope", "aria-sort", "onClick", "onContextmenu"], Il = {
+}, Dl = { "aria-live": "polite" }, Wl = ["data-position"], ql = ["tabindex", "aria-label"], Vl = { key: 0 }, jl = { key: 1 }, Il = ["data-column-key", "data-leaf", "colspan", "rowspan", "scope", "aria-sort", "onClick", "onContextmenu"], Ul = {
   key: 1,
   class: "hys-ui-table-sr-only"
-}, Ul = {
+}, Jl = {
   key: 1,
   class: "hys-ui-table-heading"
-}, Jl = { class: "hys-ui-table-label" }, Xl = ["disabled", "onClick"], Ql = { key: 1 }, Yl = {
+}, Xl = { class: "hys-ui-table-label" }, Ql = ["disabled", "onClick"], Yl = { key: 1 }, Gl = {
   key: 2,
   class: "hys-ui-table-sort-controls"
-}, Gl = ["disabled", "aria-label", "aria-pressed", "onClick"], Zl = ["disabled", "aria-label", "aria-expanded", "aria-controls", "onClick"], _l = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "onPointerdown", "onKeydown"], ea = {
+}, Zl = ["disabled", "aria-label", "aria-pressed", "onClick"], _l = ["disabled", "aria-label", "aria-expanded", "aria-controls", "onClick"], ea = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "onPointerdown", "onKeydown"], ta = {
   key: 0,
   class: "hys-ui-table-message"
-}, ta = ["colspan"], la = { role: "status" }, aa = ["data-row-key", "aria-selected", "onClick", "onDblclick", "onContextmenu"], oa = ["disabled", "aria-expanded", "aria-label", "onClick"], na = {
+}, la = ["colspan"], aa = { role: "status" }, oa = ["data-row-key", "aria-selected", "onClick", "onDblclick", "onContextmenu"], na = ["disabled", "aria-expanded", "aria-label", "onClick"], ia = {
   key: 3,
   class: "hys-ui-table-cell-content"
-}, ia = ["disabled", "aria-expanded", "aria-label", "onClick"], sa = {
+}, sa = ["disabled", "aria-expanded", "aria-label", "onClick"], ra = {
   key: 1,
   class: "hys-ui-table-tree-spacer"
-}, ra = ["tabindex", "aria-describedby", "onPointerenter", "onFocus"], ua = {
+}, ua = ["tabindex", "aria-describedby", "onPointerenter", "onFocus"], ca = {
   key: 0,
   class: "hys-ui-table-detail"
-}, ca = ["colspan"], da = {
+}, da = ["colspan"], ya = {
   key: 0,
   class: "hys-ui-table-message"
-}, ya = ["colspan"], fa = {
+}, fa = ["colspan"], va = {
   key: 2,
   class: "hys-ui-table-append"
-}, va = ["colspan"], ma = { key: 2 }, ha = ["data-column-key"], pa = {
+}, ma = ["colspan"], pa = { key: 2 }, ha = ["data-column-key"], ka = {
   key: 2,
   class: "hys-ui-table-footer"
-}, ka = ["data-position"], wa = ["id", "aria-label"], ba = { class: "hys-ui-table-filter-actions" }, ga = ["id"], Ea = /* @__PURE__ */ dl({
+}, wa = ["data-position"], ba = ["id", "aria-label"], ga = { class: "hys-ui-table-filter-actions" }, Ca = ["id"], $a = /* @__PURE__ */ yl({
   __name: "HysTable",
   props: {
+    popupTransition: {},
+    popupTransitionDuration: {},
     locale: {},
     columns: {},
     rows: {},
@@ -139,8 +142,8 @@ const $l = ["aria-busy"], Hl = {
     allowDragLastColumn: { type: Boolean, default: !0 }
   },
   emits: ["rowClick", "rowDblclick", "rowContextmenu", "cellClick", "cellDblclick", "cellContextmenu", "cellMouseEnter", "cellMouseLeave", "headerClick", "headerContextmenu", "update:sort", "update:sorts", "sortChange", "update:filters", "filterChange", "update:selectedRowKeys", "selectionChange", "select", "selectAll", "selectInvert", "selectRange", "update:currentRowKey", "currentChange", "update:expandedRowKeys", "expandChange", "load", "loadError", "childrenChange", "update:filterColumnKey", "filterOpenChange", "update:page", "pageChange", "update:pageSize", "pageSizeChange", "queryChange", "change", "update:columnWidths", "columnResize", "scroll"],
-  setup(i, { expose: Ht, emit: Lt }) {
-    const r = i, x = Lt, Pe = Al(), Oe = yl(), le = M(), K = M(), Q = M(), de = fl(), nt = M(1024), L = tt({}), Ee = M({}), oe = M(), p = F(() => ({
+  setup(i, { expose: Lt, emit: Nt }) {
+    const r = i, x = Nt, Pe = Bl(), Oe = fl(), le = A(), $ = A(), Y = A(), de = vl(), nt = A(1024), D = tt({}), Ee = A({}), oe = A(), h = F(() => ({
       emptyText: "暂无数据",
       loadingText: "加载中…",
       selectAll: "选择当前页全部行",
@@ -187,7 +190,7 @@ const $l = ["aria-busy"], Hl = {
       for (; t.has(l); ) l += "_";
       return l;
     }
-    const Nt = F(() => {
+    const Dt = F(() => {
       var l;
       const e = [];
       return r.selectable && !Ke("selection") && e.push({
@@ -218,41 +221,41 @@ const $l = ["aria-busy"], Hl = {
         (t) => r.showExpandColumn || t.type !== "expand"
       );
     }), m = F(
-      () => Pl(
-        Nt.value,
-        Ol(nt.value),
+      () => Ol(
+        Dt.value,
+        El(nt.value),
         r.showExpandColumn
       )
-    ), s = Bl(
+    ), s = Pl(
       r,
       () => m.value.leaves,
       () => !!Oe.expand,
       (e, ...l) => x(e, ...l)
     ), {
       busy: k,
-      display: Y,
+      display: G,
       selectedKeys: fe,
       selectedSet: He,
       expandedKeys: Le,
-      expandedSet: $,
+      expandedSet: H,
       halfSet: it,
       allSelected: st,
       someSelected: Ne,
-      sorts: G,
+      sorts: Z,
       filters: we,
-      page: We,
+      page: De,
       pageSize: be,
       total: rt,
       currentKey: ut,
       pending: ne,
       loadErrors: Wt,
-      query: De
+      query: We
     } = s, ge = F(
       () => {
         var e;
         return (e = m.value.leaves.find((l) => !l.type || l.type === "default")) == null ? void 0 : e.key;
       }
-    ), Dt = F(
+    ), qt = F(
       () => m.value.leaves.some((e) => e.type === "expand")
     ), ct = F(() => {
       if (!r.pagination || s.pagination.value.hideOnSinglePage && rt.value <= be.value)
@@ -269,14 +272,14 @@ const $l = ["aria-busy"], Hl = {
         ...new Set(s.pagination.value.position ?? ["bottom-right"])
       ].filter((l) => e.includes(l));
     }), dt = F(() => ({
-      page: We.value,
+      page: De.value,
       pageSize: be.value,
       total: rt.value,
       showSizeChanger: s.pagination.value.showSizeChanger ?? !0,
       showQuickJumper: s.pagination.value.showQuickJumper ?? !1,
       showTotal: s.pagination.value.showTotal ?? !0,
       compact: s.pagination.value.compact,
-      labels: p.value.paginationLabels,
+      labels: h.value.paginationLabels,
       pageSizeOptions: s.pagination.value.pageSizeOptions,
       disabled: k.value
     })), qe = Object.freeze({});
@@ -300,7 +303,7 @@ const $l = ["aria-busy"], Hl = {
         )
       ) : qe;
     }
-    function qt(e) {
+    function Vt(e) {
       var t, n, d;
       if (!r.customHeaderCell && !e.column.customHeaderCell)
         return qe;
@@ -310,7 +313,7 @@ const $l = ["aria-busy"], Hl = {
         ie((d = (n = e.column).customHeaderCell) == null ? void 0 : d.call(n, e.column, l))
       );
     }
-    function Vt(e) {
+    function jt(e) {
       var l, t, n;
       return !r.customCell && !e.column.customCell ? qe : W(
         ie((l = r.customCell) == null ? void 0 : l.call(r, e)),
@@ -318,14 +321,14 @@ const $l = ["aria-busy"], Hl = {
       );
     }
     let ve = !1;
-    function jt(e, l) {
+    function It(e, l) {
       const t = ve;
       ve = !1, s.toggleRowSelection(e.key, l, t);
     }
     const yt = F(
       () => r.stickyHeader ?? (r.height !== void 0 || r.maxHeight !== void 0)
     ), Ve = F(() => r.columnWidths ?? Ee.value);
-    function U(e) {
+    function J(e) {
       var t, n;
       const l = ((t = oe.value) == null ? void 0 : t.key) === e.key ? oe.value.width : ((n = ae.value) == null ? void 0 : n[e.key]) ?? Ve.value[e.key] ?? (typeof e.width == "number" ? e.width : 160);
       return Math.max(
@@ -333,29 +336,29 @@ const $l = ["aria-busy"], Hl = {
         Math.min(e.maxWidth ?? 2e3, Number.isFinite(l) ? l : 160)
       );
     }
-    function It(e) {
+    function Ut(e) {
       var l;
-      return ae.value !== void 0 || ((l = oe.value) == null ? void 0 : l.key) === e.key || Ve.value[e.key] !== void 0 || typeof e.width != "string" ? U(e) + "px" : e.width;
+      return ae.value !== void 0 || ((l = oe.value) == null ? void 0 : l.key) === e.key || Ve.value[e.key] !== void 0 || typeof e.width != "string" ? J(e) + "px" : e.width;
     }
-    const ae = M(), Ce = M(!1), ft = F(
-      () => m.value.leaves.reduce((e, l) => e + U(l), 0)
-    ), Ut = F(() => {
+    const ae = A(), Ce = A(!1), ft = F(
+      () => m.value.leaves.reduce((e, l) => e + J(l), 0)
+    ), Jt = F(() => {
       const e = {};
       let l = 0, t = 0;
       for (const n of m.value.leaves)
-        n.fixed === "left" && (e[n.key] = { left: l + "px" }, l += L.value[n.key] ?? U(n));
+        n.fixed === "left" && (e[n.key] = { left: l + "px" }, l += D.value[n.key] ?? J(n));
       for (const n of [...m.value.leaves].reverse())
-        n.fixed === "right" && (e[n.key] = { right: t + "px" }, t += L.value[n.key] ?? U(n));
+        n.fixed === "right" && (e[n.key] = { right: t + "px" }, t += D.value[n.key] ?? J(n));
       return e;
     });
     function je(e, l = !1) {
       return e.fixed === "left" || e.fixed === "right" ? {
         position: "sticky",
-        ...Ut.value[e.key],
+        ...Jt.value[e.key],
         zIndex: l ? 6 : 2
       } : {};
     }
-    function Jt(e) {
+    function Xt(e) {
       const l = e.column, t = e.fixed === "right" ? e.leaves.at(-1) : e.leaves[0];
       return {
         ...typeof r.headerCellStyle == "function" ? r.headerCellStyle(l, m.value.leaves.indexOf(t)) : r.headerCellStyle,
@@ -364,12 +367,12 @@ const $l = ["aria-busy"], Hl = {
         "--hys-ui-table-justify": (l.headerAlign ?? l.align) === "right" ? "flex-end" : (l.headerAlign ?? l.align) === "center" ? "center" : "flex-start"
       };
     }
-    const vt = (e) => typeof e == "number" ? Number.isFinite(e) && e >= 0 ? e + "px" : void 0 : e, Ie = M(/* @__PURE__ */ new Set());
-    ee(
+    const vt = (e) => typeof e == "number" ? Number.isFinite(e) && e >= 0 ? e + "px" : void 0 : e, Ie = A(/* @__PURE__ */ new Set());
+    te(
       Le,
       () => {
         const e = new Set(Ie.value);
-        for (const l of Le.value) e.add(El(l));
+        for (const l of Le.value) e.add(Kl(l));
         for (const l of e)
           s.graph.value.map.has(l) || e.delete(l);
         Ie.value = e;
@@ -377,9 +380,9 @@ const $l = ["aria-busy"], Hl = {
       { immediate: !0 }
     );
     function mt(e) {
-      return !!Oe.expand && s.canExpand(e) && ($.value.has(e.token) || r.preserveExpandedContent && Ie.value.has(e.token));
+      return !!Oe.expand && s.canExpand(e) && (H.value.has(e.token) || r.preserveExpandedContent && Ie.value.has(e.token));
     }
-    function H(e, l, t, n) {
+    function L(e, l, t, n) {
       return {
         row: e,
         column: l,
@@ -388,7 +391,7 @@ const $l = ["aria-busy"], Hl = {
         columnIndex: n
       };
     }
-    function Xt(e) {
+    function Qt(e) {
       return {
         ...typeof r.cellStyle == "function" ? r.cellStyle(e) : r.cellStyle,
         ...typeof e.column.cellStyle == "function" ? e.column.cellStyle(e) : e.column.cellStyle,
@@ -397,7 +400,7 @@ const $l = ["aria-busy"], Hl = {
         "--hys-ui-table-justify": e.column.align === "right" ? "flex-end" : e.column.align === "center" ? "center" : "flex-start"
       };
     }
-    function Qt(e) {
+    function Yt(e) {
       return [
         e.column.className,
         typeof r.cellClassName == "function" ? r.cellClassName(e) : r.cellClassName
@@ -412,66 +415,66 @@ const $l = ["aria-busy"], Hl = {
         return String(e);
       }
     }
-    function Yt(e) {
+    function Gt(e) {
       return e.column.formatter ? e.column.formatter(e.row, e.column, e.value, e.rowIndex) : Ue(e.value);
     }
-    function Gt(e, l, t) {
+    function Zt(e, l, t) {
       k.value || (x("rowClick", e.row, l, t), r.highlightCurrentRow && s.setCurrentRow(e.key), r.expandOnClickRow && !t.target.closest(
         "button,input,a,textarea,select,[contenteditable]"
       ) && s.toggleRowExpansion(e.key));
     }
-    const Zt = F(() => {
+    const _t = F(() => {
       var n;
       const e = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), t = m.value.leaves;
-      for (let d = 0; d < Y.value.length; d++)
+      for (let d = 0; d < G.value.length; d++)
         for (let a = 0; a < t.length; a++) {
           const f = d + ":" + a, y = t[a];
           if (l.has(f)) {
             e.set(f, { rowspan: 0, colspan: 0 });
             continue;
           }
-          const w = y.type && y.type !== "default" || (n = r.spanMethod) == null ? void 0 : n.call(r, H(Y.value[d].row, y, d, a)), P = Array.isArray(w) ? { rowspan: w[0], colspan: w[1] } : w;
+          const w = y.type && y.type !== "default" || (n = r.spanMethod) == null ? void 0 : n.call(r, L(G.value[d].row, y, d, a)), P = Array.isArray(w) ? { rowspan: w[0], colspan: w[1] } : w;
           let z = Math.max(
             0,
-            Math.min(Y.value.length - d, Math.floor((P == null ? void 0 : P.rowspan) ?? 1))
+            Math.min(G.value.length - d, Math.floor((P == null ? void 0 : P.rowspan) ?? 1))
           ), R = Math.max(
             0,
             Math.min(t.length - a, Math.floor((P == null ? void 0 : P.colspan) ?? 1))
           );
           Number.isFinite(z) || (z = 1), Number.isFinite(R) || (R = 1);
-          for (let h = 0; h < z - 1; h++)
-            if (mt(Y.value[d + h]) && $.value.has(Y.value[d + h].token)) {
-              z = h + 1;
+          for (let p = 0; p < z - 1; p++)
+            if (mt(G.value[d + p]) && H.value.has(G.value[d + p].token)) {
+              z = p + 1;
               break;
             }
-          for (let h = 1; h < R; h++)
-            if (t[a + h].fixed !== y.fixed || t[a + h].type && t[a + h].type !== "default") {
-              R = h;
+          for (let p = 1; p < R; p++)
+            if (t[a + p].fixed !== y.fixed || t[a + p].type && t[a + p].type !== "default") {
+              R = p;
               break;
             }
           e.set(f, { rowspan: z, colspan: R });
-          for (let h = 0; h < z; h++)
+          for (let p = 0; p < z; p++)
             for (let v = 0; v < R; v++)
-              (h || v) && l.add(d + h + ":" + (a + v));
+              (p || v) && l.add(d + p + ":" + (a + v));
         }
       return e;
-    }), Se = (e, l) => Zt.value.get(e + ":" + l) ?? { rowspan: 1, colspan: 1 }, ht = F(() => {
+    }), Se = (e, l) => _t.value.get(e + ":" + l) ?? { rowspan: 1, colspan: 1 }, pt = F(() => {
       var t;
       const e = s.filteredRows.value, l = (t = r.summaryMethod) == null ? void 0 : t.call(r, { columns: m.value.leaves, rows: e });
       return m.value.leaves.map(
-        (n, d) => l ? Array.isArray(l) ? l[d] : l[n.key] : n.summary ? Kl(e, n) : n.key === ge.value ? r.sumText : ""
+        (n, d) => l ? Array.isArray(l) ? l[d] : l[n.key] : n.summary ? $l(e, n) : n.key === ge.value ? r.sumText : ""
       );
-    }), Je = M(), Xe = M(), b = tt(), Z = M([]), pt = M(null), se = F(
-      () => r.filterColumnKey === void 0 ? pt.value : r.filterColumnKey
+    }), Je = A(), Xe = A(), b = tt(), _ = A([]), ht = A(null), se = F(
+      () => r.filterColumnKey === void 0 ? ht.value : r.filterColumnKey
     );
     let Qe = !1;
     async function xe(e, l = !1) {
       var t;
       return e !== null && (k.value || !s.live.value || !m.value.leaves.some(
         (n) => n.key === e && (n.filterable || n.filters)
-      )) ? !1 : (Qe = l, pt.value = e, x("update:filterColumnKey", e), se.value === e && Re(), await pe(), se.value === e && Re(), await pe(), s.live.value && se.value === e && (e === null ? !j.value : j.value && ((t = b.value) == null ? void 0 : t.key) === e));
+      )) ? !1 : (Qe = l, ht.value = e, x("update:filterColumnKey", e), se.value === e && Re(), await he(), se.value === e && Re(), await he(), s.live.value && se.value === e && (e === null ? !j.value : j.value && ((t = b.value) == null ? void 0 : t.key) === e));
     }
-    const B = $t(Je, Xe, {
+    const M = $t(Je, Xe, {
       get placement() {
         return r.filterPlacement ?? "bottom-end";
       },
@@ -483,30 +486,30 @@ const $l = ["aria-busy"], Hl = {
           l
         ), !1;
       }
-    }), j = B.open, _t = B.style;
+    }), j = M.open, el = M.style;
     function Re() {
       var d, a, f;
       const e = se.value, l = m.value.leaves.find(
         (y) => y.key === e && (y.filterable || y.filters)
       );
       if (k.value || !s.live.value || !l) {
-        B.close(Qe, !0), Qe = !1;
+        M.close(Qe, !0), Qe = !1;
         return;
       }
       const t = (a = Array.from(
-        ((d = Q.value) == null ? void 0 : d.querySelectorAll("th[data-leaf]")) ?? []
+        ((d = Y.value) == null ? void 0 : d.querySelectorAll("th[data-leaf]")) ?? []
       ).find((y) => y.dataset.columnKey === e)) == null ? void 0 : a.querySelector(".hys-ui-table-filter");
       if (!t) {
-        B.close(!1, !0);
+        M.close(!1, !0);
         return;
       }
       const n = ((f = b.value) == null ? void 0 : f.key) !== e || !j.value;
-      Je.value = t, b.value = l, n && (Z.value = [...we.value[l.key] ?? []]), B.show(!0), pe(() => {
+      Je.value = t, b.value = l, n && (_.value = [...we.value[l.key] ?? []]), M.show(!0), he(() => {
         var y, w;
         n && j.value && se.value === e && ((w = (y = Xe.value) == null ? void 0 : y.querySelector('input,button,[tabindex="0"]')) == null || w.focus());
       });
     }
-    ee(
+    te(
       [
         se,
         k,
@@ -516,43 +519,43 @@ const $l = ["aria-busy"], Hl = {
       ],
       Re,
       { immediate: !0, flush: "post" }
-    ), ee(
+    ), te(
       () => {
         var e;
         return j.value ? ((e = b.value) == null ? void 0 : e.key) ?? null : null;
       },
       (e) => x("filterOpenChange", e)
     );
-    async function el(e, l) {
+    async function tl(e, l) {
       var t;
       if (!k.value) {
         if (j.value && ((t = b.value) == null ? void 0 : t.key) === e.key) {
-          B.close();
+          M.close();
           return;
         }
         Je.value = l.currentTarget, await xe(e.key);
       }
     }
     function kt(e) {
-      Z.value = [...e];
+      _.value = [...e];
     }
     function Te(e) {
-      b.value && s.setFilter(b.value.key, Z.value), (e == null ? void 0 : e.closeDropdown) !== !1 && B.close(!0);
+      b.value && s.setFilter(b.value.key, _.value), (e == null ? void 0 : e.closeDropdown) !== !1 && M.close(!0);
     }
     function wt(e) {
       var n;
       const l = b.value;
-      Z.value = l != null && l.filterResetToDefault ? [
+      _.value = l != null && l.filterResetToDefault ? [
         ...((n = r.defaultFilters) == null ? void 0 : n[l.key]) ?? l.defaultFilterValue ?? []
       ] : [];
       const t = e;
-      (t == null ? void 0 : t.confirm) !== !1 ? Te(e) : (t == null ? void 0 : t.closeDropdown) === !0 && B.close(!0);
+      (t == null ? void 0 : t.confirm) !== !1 ? Te(e) : (t == null ? void 0 : t.closeDropdown) === !0 && M.close(!0);
     }
-    const bt = M(), gt = M(), _ = tt(), N = $t(bt, gt, {
+    const bt = A(), gt = A(), ee = tt(), N = $t(bt, gt, {
       placement: "top-start"
-    }), Ct = N.open, tl = N.style;
+    }), Ct = N.open, ll = N.style;
     let me;
-    function ll() {
+    function al() {
       clearTimeout(me);
     }
     function Ye() {
@@ -561,24 +564,24 @@ const $l = ["aria-busy"], Hl = {
     function St(e, l) {
       clearTimeout(me);
       const t = l.currentTarget;
-      k.value || N.restoringFocus.value || !(e.column.showOverflowTooltip ?? r.showOverflowTooltip) || t.scrollWidth <= t.clientWidth + 1 && t.scrollHeight <= t.clientHeight + 1 || (bt.value = t, _.value = e, N.show());
+      k.value || N.restoringFocus.value || !(e.column.showOverflowTooltip ?? r.showOverflowTooltip) || t.scrollWidth <= t.clientWidth + 1 && t.scrollHeight <= t.clientHeight + 1 || (bt.value = t, ee.value = e, N.show());
     }
-    const al = F(() => {
+    const ol = F(() => {
       var l;
-      const e = _.value;
+      const e = ee.value;
       return e ? ((l = e.column.tooltipFormatter ?? r.tooltipFormatter) == null ? void 0 : l(e)) ?? Ue(e.value) : "";
     });
-    let J, Ge = 0, C, Ze = 0, _e = 0;
+    let X, Ge = 0, C, Ze = 0, _e = 0;
     function xt() {
       var t, n;
       if (!s.live.value || !le.value) return;
       nt.value = le.value.clientWidth;
-      const e = {}, l = (t = Q.value) == null ? void 0 : t.querySelector(
+      const e = {}, l = (t = Y.value) == null ? void 0 : t.querySelector(
         "tbody tr:not(.hys-ui-table-message):not(.hys-ui-table-detail)"
       );
       for (const d of m.value.leaves) {
         const a = Array.from(
-          ((n = Q.value) == null ? void 0 : n.querySelectorAll("th[data-leaf]")) ?? []
+          ((n = Y.value) == null ? void 0 : n.querySelectorAll("th[data-leaf]")) ?? []
         ).find((y) => y.dataset.columnKey === d.key), f = a ?? Array.from(
           (l == null ? void 0 : l.querySelectorAll(
             "td[data-column-key],th[data-column-key]"
@@ -586,17 +589,17 @@ const $l = ["aria-busy"], Hl = {
         ).find((y) => y.dataset.columnKey === d.key);
         f && (e[d.key] = f.getBoundingClientRect().width);
       }
-      JSON.stringify(e) !== JSON.stringify(L.value) && (L.value = e);
+      JSON.stringify(e) !== JSON.stringify(D.value) && (D.value = e);
     }
     function re() {
       cancelAnimationFrame(Ge), Ge = requestAnimationFrame(xt);
     }
-    async function ol() {
-      await pe(), xt();
+    async function nl() {
+      await he(), xt();
     }
     function I() {
       var e, l;
-      cancelAnimationFrame(Ze), C && ((l = (e = K.value) == null ? void 0 : e.hasPointerCapture) != null && l.call(e, C.pointerId)) && K.value.releasePointerCapture(C.pointerId), C = void 0, oe.value = void 0, ae.value = void 0, document.removeEventListener("pointermove", zt, !0), document.removeEventListener("pointerup", Mt, !0), document.removeEventListener("pointercancel", ze, !0), document.removeEventListener("keydown", Rt, !0), window.removeEventListener("blur", ze);
+      cancelAnimationFrame(Ze), C && ((l = (e = $.value) == null ? void 0 : e.hasPointerCapture) != null && l.call(e, C.pointerId)) && $.value.releasePointerCapture(C.pointerId), C = void 0, oe.value = void 0, ae.value = void 0, document.removeEventListener("pointermove", zt, !0), document.removeEventListener("pointerup", Mt, !0), document.removeEventListener("pointercancel", ze, !0), document.removeEventListener("keydown", Rt, !0), window.removeEventListener("blur", ze);
     }
     function ze() {
       I();
@@ -629,7 +632,7 @@ const $l = ["aria-busy"], Hl = {
       if (d === t) return;
       const a = {
         ...Ve.value,
-        ...L.value,
+        ...D.value,
         ...n,
         [e.key]: d
       };
@@ -642,89 +645,89 @@ const $l = ["aria-busy"], Hl = {
       const { column: l, width: t } = C, n = ((a = oe.value) == null ? void 0 : a.width) ?? t, d = ae.value;
       I(), Ft(l, n, t, d);
     }
-    function nl(e, l) {
+    function il(e, l) {
       var n, d;
       if (k.value || l.button !== 0 || !s.live.value) return;
-      B.close(), N.close(), I();
-      const t = L.value[e.key] ?? U(e);
-      ae.value = { ...L.value }, C = {
+      M.close(), N.close(), I();
+      const t = D.value[e.key] ?? J(e);
+      ae.value = { ...D.value }, C = {
         column: e,
         start: l.clientX,
         width: t,
         pointerId: l.pointerId
-      }, (d = (n = K.value) == null ? void 0 : n.setPointerCapture) == null || d.call(n, l.pointerId), document.addEventListener("pointermove", zt, !0), document.addEventListener("pointerup", Mt, !0), document.addEventListener("pointercancel", ze, !0), document.addEventListener("keydown", Rt, !0), window.addEventListener("blur", ze);
+      }, (d = (n = $.value) == null ? void 0 : n.setPointerCapture) == null || d.call(n, l.pointerId), document.addEventListener("pointermove", zt, !0), document.addEventListener("pointerup", Mt, !0), document.addEventListener("pointercancel", ze, !0), document.addEventListener("keydown", Rt, !0), window.addEventListener("blur", ze);
     }
-    function il() {
+    function sl() {
       k.value || (I(), Ee.value = {}, Ce.value = !1, x("update:columnWidths", {}), re());
     }
     function et(e, l) {
       const t = m.value.leaves.find((n) => n.key === e);
-      t && Number.isFinite(l) && Ft(t, l, L.value[e] ?? U(t));
+      t && Number.isFinite(l) && Ft(t, l, D.value[e] ?? J(t));
     }
-    function sl(e) {
-      K.value && (N.close(), x(
+    function rl(e) {
+      $.value && (N.close(), x(
         "scroll",
         {
-          scrollLeft: K.value.scrollLeft,
-          scrollTop: K.value.scrollTop
+          scrollLeft: $.value.scrollLeft,
+          scrollTop: $.value.scrollTop
         },
         e
       ));
     }
     function At() {
-      J == null || J.disconnect(), typeof ResizeObserver < "u" && (J = new ResizeObserver(re), le.value && J.observe(le.value), Q.value && J.observe(Q.value)), re();
+      X == null || X.disconnect(), typeof ResizeObserver < "u" && (X = new ResizeObserver(re), le.value && X.observe(le.value), Y.value && X.observe(Y.value)), re();
     }
     function Bt() {
-      J == null || J.disconnect(), cancelAnimationFrame(Ge), I(), clearTimeout(me), B.close(), N.close();
+      X == null || X.disconnect(), cancelAnimationFrame(Ge), I(), clearTimeout(me), M.close(), N.close();
     }
-    ee(k, (e) => {
-      e && (I(), B.close(), N.close());
-    }), ee(
+    te(k, (e) => {
+      e && (I(), M.close(), N.close());
+    }), te(
       () => r.columnWidths,
       () => {
         C && I(), re();
       },
       { deep: !0 }
-    ), ee(
+    ), te(
       () => m.value.leaves.map((e) => e.key).join("\0"),
       () => {
         b.value && !m.value.leaves.some((e) => {
           var l;
           return e.key === ((l = b.value) == null ? void 0 : l.key);
-        }) && B.close(), _.value && !m.value.leaves.some((e) => {
+        }) && M.close(), ee.value && !m.value.leaves.some((e) => {
           var l;
-          return e.key === ((l = _.value) == null ? void 0 : l.column.key);
+          return e.key === ((l = ee.value) == null ? void 0 : l.column.key);
         }) && N.close(), C && !m.value.leaves.some((e) => e.key === (C == null ? void 0 : C.column.key)) && I();
       }
-    ), ee(
+    ), te(
       () => r.columns,
       () => {
-        I(), B.close(), N.close();
+        I(), M.close(), N.close();
       },
       { deep: !0 }
-    ), vl(() => {
+    ), ml(() => {
       At(), Re();
-    }), ml(At), hl(re), pl(Bt), kl(Bt), ee(
-      [G, we, We, be],
+    }), pl(At), hl(re), kl(Bt), wl(Bt), te(
+      [Z, we, De, be],
       () => {
-        r.scrollToFirstRowOnChange && K.value && (K.value.scrollTop = 0);
+        r.scrollToFirstRowOnChange && $.value && ($.value.scrollTop = 0);
       },
       { flush: "post" }
     );
     function Fe(e) {
-      const l = K.value;
+      const l = $.value;
       !s.live.value || !l || (typeof l.scrollTo == "function" ? l.scrollTo(e) : (e.top !== void 0 && (l.scrollTop = e.top), e.left !== void 0 && (l.scrollLeft = e.left)));
     }
-    async function rl(e, l = {}) {
-      var h, v, ue;
-      await pe();
-      const t = s.find(e), n = K.value;
+    async function ul(e, l = {}) {
+      var p, v, ue;
+      await he();
+      const t = s.find(e), n = $.value;
       if (!s.live.value || !n || !t || r.loading) return !1;
-      const d = Y.value.findIndex((cl) => cl.token === t.token), a = Array.from(
-        ((h = Q.value) == null ? void 0 : h.querySelectorAll("tbody tr[data-row-key]")) ?? []
+      const d = G.value.findIndex((dl) => dl.token === t.token), a = Array.from(
+        ((p = Y.value) == null ? void 0 : p.querySelectorAll("tbody tr[data-row-key]")) ?? []
       )[d];
       if (d < 0 || !a) return !1;
-      const f = n.getBoundingClientRect(), y = a.getBoundingClientRect(), w = yt.value ? ((ue = (v = Q.value) == null ? void 0 : v.querySelector("thead")) == null ? void 0 : ue.getBoundingClientRect().height) ?? 0 : 0, P = y.top - f.top - n.clientTop + n.scrollTop, z = Math.max(0, n.clientHeight - w);
+      const f = n.getBoundingClientRect(), y = a.getBoundingClientRect(), w = yt.value ? ((ue = (v = Y.value) == null ? void 0 : v.querySelector("thead")) == null ? void 0 : ue.getBoundingClientRect().height) ?? 0 : 0, P = y.top - f.top - n.clientTop + n.scrollTop, z = Math.max(0, n.clientHeight - w);
       let R = P - w;
       if (l.block === "center") R -= (z - y.height) / 2;
       else if (l.block === "end") R -= z - y.height;
@@ -735,15 +738,15 @@ const $l = ["aria-busy"], Hl = {
       }
       return Fe({ top: Math.max(0, R), behavior: l.behavior }), !0;
     }
-    const ul = F(() => m.value.leaves);
-    return Ht({
+    const cl = F(() => m.value.leaves);
+    return Lt({
       element: le,
-      viewport: K,
+      viewport: $,
       selectedKeys: fe,
       currentRow: s.currentRow,
       expandedKeys: Le,
-      query: De,
-      columns: ul,
+      query: We,
+      columns: cl,
       clearSelection: s.clearSelection,
       getSelectionRows: s.getSelectionRows,
       getHalfSelectionRows: s.getHalfSelectionRows,
@@ -762,8 +765,8 @@ const $l = ["aria-busy"], Hl = {
       hideFilter: () => xe(null, !0),
       setPage: s.requestPage,
       resizeColumn: et,
-      resetColumnWidths: il,
-      doLayout: ol,
+      resetColumnWidths: sl,
+      doLayout: nl,
       scrollTo: Fe,
       setScrollTop: (e) => {
         Number.isFinite(e) && Fe({ top: Math.max(0, e) });
@@ -771,7 +774,7 @@ const $l = ["aria-busy"], Hl = {
       setScrollLeft: (e) => {
         Number.isFinite(e) && Fe({ left: Math.max(0, e) });
       },
-      scrollToRow: rl
+      scrollToRow: ul
     }), (e, l) => (u(), c("div", W({
       ref_key: "element",
       ref: le
@@ -786,13 +789,13 @@ const $l = ["aria-busy"], Hl = {
       ]],
       "aria-busy": i.loading || void 0
     }), [
-      e.$slots.title ? (u(), c("div", Hl, [
+      e.$slots.title ? (u(), c("div", Ll, [
         S(e.$slots, "title", {
           rows: o(s).filteredRows.value,
-          query: o(De)
+          query: o(We)
         }, void 0, !0)
       ])) : g("", !0),
-      i.selectionActions || e.$slots.selection ? (u(), c("div", Ll, [
+      i.selectionActions || e.$slots.selection ? (u(), c("div", Nl, [
         S(e.$slots, "selection", {
           rows: o(s).getSelectionRows(),
           keys: o(fe),
@@ -800,88 +803,88 @@ const $l = ["aria-busy"], Hl = {
           invert: o(s).invertSelection,
           clear: o(s).clearSelection
         }, () => [
-          T("span", Nl, O(p.value.selected.replace("{count}", String(o(fe).length))), 1),
-          i.selectionType !== "radio" ? (u(), A(ce, {
+          T("span", Dl, O(h.value.selected.replace("{count}", String(o(fe).length))), 1),
+          i.selectionType !== "radio" ? (u(), B(ce, {
             key: 0,
             size: "sm",
             variant: "secondary",
             disabled: o(k),
             onClick: l[0] || (l[0] = (t) => o(s).toggleAllSelection(!0))
           }, {
-            default: te(() => [
-              D(O(p.value.selectAll), 1)
+            default: U(() => [
+              q(O(h.value.selectAll), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : g("", !0),
-          i.selectionType !== "radio" ? (u(), A(ce, {
+          i.selectionType !== "radio" ? (u(), B(ce, {
             key: 1,
             size: "sm",
             variant: "secondary",
             disabled: o(k),
             onClick: o(s).invertSelection
           }, {
-            default: te(() => [
-              D(O(p.value.invertSelection), 1)
+            default: U(() => [
+              q(O(h.value.invertSelection), 1)
             ]),
             _: 1
           }, 8, ["disabled", "onClick"])) : g("", !0),
-          q(ce, {
+          K(ce, {
             size: "sm",
             variant: "ghost",
             disabled: o(k) || !o(fe).length,
             onClick: o(s).clearSelection
           }, {
-            default: te(() => [
-              D(O(p.value.clearSelection), 1)
+            default: U(() => [
+              q(O(h.value.clearSelection), 1)
             ]),
             _: 1
           }, 8, ["disabled", "onClick"])
         ], !0)
       ])) : g("", !0),
-      (u(!0), c(E, null, X(ct.value.filter(
+      (u(!0), c(E, null, Q(ct.value.filter(
         (t) => t.startsWith("top-")
       ), (t) => (u(), c("div", {
         key: t,
         class: "hys-ui-table-pagination",
         "data-position": t
       }, [
-        q(Kt, W({ ref_for: !0 }, dt.value, {
+        K(Kt, W({ ref_for: !0 }, dt.value, {
           onChange: l[1] || (l[1] = (n) => o(s).requestPage(n)),
           onPageSizeChange: o(s).changeSize
         }), null, 16, ["onPageSizeChange"])
       ], 8, Wl))), 128)),
       T("div", {
         ref_key: "viewport",
-        ref: K,
+        ref: $,
         class: "hys-ui-table-scroll",
-        style: he({
+        style: pe({
           height: vt(i.height),
           maxHeight: vt(i.maxHeight),
           overflowY: i.scrollbarAlwaysOn ? "scroll" : void 0
         }),
         tabindex: i.scrollbarTabindex,
-        "aria-label": i.caption || p.value.scrollLabel,
-        onScroll: sl
+        "aria-label": i.caption || h.value.scrollLabel,
+        onScroll: rl
       }, [
         T("table", {
           ref_key: "table",
-          ref: Q,
+          ref: Y,
           class: "hys-ui-data-table",
-          style: he({
+          style: pe({
             minWidth: ft.value + "px",
             tableLayout: Ce.value || ae.value ? "fixed" : i.tableLayout,
             width: i.fit && !Ce.value && !ae.value && !Object.keys(i.columnWidths ?? {}).length ? "100%" : ft.value + "px"
           })
         }, [
-          i.caption ? (u(), c("caption", ql, O(i.caption), 1)) : g("", !0),
+          i.caption ? (u(), c("caption", Vl, O(i.caption), 1)) : g("", !0),
           T("colgroup", null, [
-            (u(!0), c(E, null, X(m.value.leaves, (t) => (u(), c("col", {
+            (u(!0), c(E, null, Q(m.value.leaves, (t) => (u(), c("col", {
               key: t.key,
-              style: he({ width: It(t) })
+              style: pe({ width: Ut(t) })
             }, null, 4))), 128))
           ]),
-          i.showHeader ? (u(), c("thead", Vl, [
-            (u(!0), c(E, null, X(m.value.headers, (t, n) => {
+          i.showHeader ? (u(), c("thead", jl, [
+            (u(!0), c(E, null, Q(m.value.headers, (t, n) => {
               var d;
               return u(), c("tr", W(
                 {
@@ -904,11 +907,11 @@ const $l = ["aria-busy"], Hl = {
                   )
                 )
               ), [
-                (u(!0), c(E, null, X(t, (a) => {
-                  var f, y, w, P, z, R, h;
+                (u(!0), c(E, null, Q(t, (a) => {
+                  var f, y, w, P, z, R, p;
                   return u(), c("th", W({
                     key: a.key
-                  }, { ref_for: !0 }, qt(a), {
+                  }, { ref_for: !0 }, Vt(a), {
                     "data-column-key": a.column.key,
                     "data-leaf": a.column.children ? void 0 : "",
                     colspan: a.colspan,
@@ -921,8 +924,8 @@ const $l = ["aria-busy"], Hl = {
                         m.value.leaves.indexOf(a.leaves[0])
                       ) : i.headerCellClassName
                     ],
-                    style: Jt(a),
-                    "aria-sort": a.column.sortable ? ((f = o(G).find((v) => v.key === a.column.key)) == null ? void 0 : f.direction) === "asc" ? "ascending" : ((y = o(G).find((v) => v.key === a.column.key)) == null ? void 0 : y.direction) === "desc" ? "descending" : "none" : void 0,
+                    style: Xt(a),
+                    "aria-sort": a.column.sortable ? ((f = o(Z).find((v) => v.key === a.column.key)) == null ? void 0 : f.direction) === "asc" ? "ascending" : ((y = o(Z).find((v) => v.key === a.column.key)) == null ? void 0 : y.direction) === "desc" ? "descending" : "none" : void 0,
                     onClick: (v) => x("headerClick", a.column, v),
                     onContextmenu: (v) => x("headerContextmenu", a.column, v)
                   }), [
@@ -933,30 +936,30 @@ const $l = ["aria-busy"], Hl = {
                       disabled: o(k) || !o(s).graph.value.all.some(o(s).eligible),
                       toggle: o(s).toggleAllSelection
                     }, () => [
-                      a.column.type === "selection" && i.selectionType !== "radio" && !i.hideSelectAll ? (u(), A(Et, {
+                      a.column.type === "selection" && i.selectionType !== "radio" && !i.hideSelectAll ? (u(), B(Et, {
                         key: 0,
                         "model-value": o(st),
                         indeterminate: o(Ne),
                         disabled: o(k) || !o(s).graph.value.all.some(o(s).eligible),
-                        "aria-label": p.value.selectAll,
+                        "aria-label": h.value.selectAll,
                         onClick: l[2] || (l[2] = V(() => {
                         }, ["stop"])),
                         "onUpdate:modelValue": l[3] || (l[3] = (v) => o(s).toggleAllSelection(
                           o(Ne) && !i.selectOnIndeterminate ? !1 : v === !0
                         ))
                       }, {
-                        default: te(() => {
+                        default: U(() => {
                           var v;
                           return [
                             (v = i.selectionColumn) != null && v.label ? (u(), c(E, { key: 0 }, [
-                              D(O(i.selectionColumn.label), 1)
+                              q(O(i.selectionColumn.label), 1)
                             ], 64)) : g("", !0)
                           ];
                         }),
                         _: 1
-                      }, 8, ["model-value", "indeterminate", "disabled", "aria-label"])) : a.column.type === "selection" ? (u(), c("span", Il, "选择")) : g("", !0)
-                    ], !0, 0) : (u(), c("div", Ul, [
-                      T("div", Jl, [
+                      }, 8, ["model-value", "indeterminate", "disabled", "aria-label"])) : a.column.type === "selection" ? (u(), c("span", Ul, "选择")) : g("", !0)
+                    ], !0, 0) : (u(), c("div", Jl, [
+                      T("div", Xl, [
                         a.column.sortable ? (u(), c("button", {
                           key: 0,
                           type: "button",
@@ -966,47 +969,47 @@ const $l = ["aria-busy"], Hl = {
                         }, [
                           S(e.$slots, "header-" + a.column.key, {
                             column: a.column,
-                            sorts: o(G)
+                            sorts: o(Z)
                           }, () => [
                             S(e.$slots, "header-cell", {
                               column: a.column,
-                              sorts: o(G)
+                              sorts: o(Z)
                             }, () => [
-                              D(O(a.column.label), 1)
+                              q(O(a.column.label), 1)
                             ], !0)
                           ], !0)
-                        ], 8, Xl)) : (u(), c("span", Ql, [
+                        ], 8, Ql)) : (u(), c("span", Yl, [
                           S(e.$slots, "header-" + a.column.key, {
                             column: a.column,
-                            sorts: o(G)
+                            sorts: o(Z)
                           }, () => [
                             S(e.$slots, "header-cell", {
                               column: a.column,
-                              sorts: o(G)
+                              sorts: o(Z)
                             }, () => [
-                              D(O(a.column.label), 1)
+                              q(O(a.column.label), 1)
                             ], !0)
                           ], !0)
                         ])),
-                        a.column.sortable ? (u(), c("span", Yl, [
-                          (u(), c(E, null, X(["asc", "desc"], (v) => T("button", {
+                        a.column.sortable ? (u(), c("span", Gl, [
+                          (u(), c(E, null, Q(["asc", "desc"], (v) => T("button", {
                             key: v,
                             type: "button",
                             disabled: o(k),
                             "aria-label": ye(
-                              v === "asc" ? p.value.sortAsc : p.value.sortDesc,
+                              v === "asc" ? h.value.sortAsc : h.value.sortDesc,
                               a.column.label
                             ),
-                            "aria-pressed": o(G).some(
+                            "aria-pressed": o(Z).some(
                               (ue) => ue.key === a.column.key && ue.direction === v
                             ),
                             onClick: (ue) => o(s).toggleSort(a.column, v)
                           }, [
-                            (u(), A(Me(v === "asc" ? o(xl) : o(at)), {
+                            (u(), B(Me(v === "asc" ? o(Rl) : o(at)), {
                               size: 12,
                               "aria-hidden": "true"
                             }))
-                          ], 8, Gl)), 64))
+                          ], 8, Zl)), 64))
                         ])) : g("", !0)
                       ]),
                       a.column.filterable || a.column.filters ? (u(), c("button", {
@@ -1016,69 +1019,69 @@ const $l = ["aria-busy"], Hl = {
                           "hys-ui-table-filter-active": !!((w = o(we)[a.column.key]) != null && w.length)
                         }]),
                         disabled: o(k),
-                        "aria-label": p.value.filter + a.column.label,
+                        "aria-label": h.value.filter + a.column.label,
                         "aria-expanded": o(j) && ((P = b.value) == null ? void 0 : P.key) === a.column.key,
                         "aria-controls": o(de) + "-filter",
-                        onClick: V((v) => el(a.column, v), ["stop"])
+                        onClick: V((v) => tl(a.column, v), ["stop"])
                       }, [
                         S(e.$slots, "filter-icon", {
                           column: a.column,
                           filtered: !!((z = o(we)[a.column.key]) != null && z.length),
                           open: o(j) && ((R = b.value) == null ? void 0 : R.key) === a.column.key
                         }, () => [
-                          q(o(Rl), {
+                          K(o(Tl), {
                             size: 14,
                             "aria-hidden": "true"
                           })
                         ], !0)
-                      ], 10, Zl)) : g("", !0),
-                      !a.column.children && (a.column.resizable ?? i.resizable) && (i.allowDragLastColumn || a.column.key !== ((h = m.value.leaves.at(-1)) == null ? void 0 : h.key)) && (!a.column.type || a.column.type === "default") ? (u(), c("span", {
+                      ], 10, _l)) : g("", !0),
+                      !a.column.children && (a.column.resizable ?? i.resizable) && (i.allowDragLastColumn || a.column.key !== ((p = m.value.leaves.at(-1)) == null ? void 0 : p.key)) && (!a.column.type || a.column.type === "default") ? (u(), c("span", {
                         key: 1,
                         class: "hys-ui-table-resize",
                         role: "separator",
                         "aria-orientation": "vertical",
-                        "aria-label": ye(p.value.resizeColumn, a.column.label),
+                        "aria-label": ye(h.value.resizeColumn, a.column.label),
                         tabindex: "0",
                         "aria-valuenow": Math.round(
-                          L.value[a.column.key] ?? U(a.column)
+                          D.value[a.column.key] ?? J(a.column)
                         ),
                         "aria-valuemin": a.column.minWidth ?? 60,
                         "aria-valuemax": a.column.maxWidth ?? 2e3,
-                        onPointerdown: V((v) => nl(a.column, v), ["prevent", "stop"]),
+                        onPointerdown: V((v) => il(a.column, v), ["prevent", "stop"]),
                         onKeydown: [
                           lt(V((v) => et(
                             a.column.key,
-                            (L.value[a.column.key] ?? U(a.column)) - 10
+                            (D.value[a.column.key] ?? J(a.column)) - 10
                           ), ["prevent"]), ["left"]),
                           lt(V((v) => et(
                             a.column.key,
-                            (L.value[a.column.key] ?? U(a.column)) + 10
+                            (D.value[a.column.key] ?? J(a.column)) + 10
                           ), ["prevent"]), ["right"])
                         ]
-                      }, null, 40, _l)) : g("", !0)
+                      }, null, 40, ea)) : g("", !0)
                     ]))
-                  ], 16, jl);
+                  ], 16, Il);
                 }), 128))
               ], 16);
             }), 128))
           ])) : g("", !0),
           T("tbody", null, [
-            i.loading ? (u(), c("tr", ea, [
+            i.loading ? (u(), c("tr", ta, [
               T("td", {
                 colspan: Math.max(1, m.value.leaves.length)
               }, [
-                T("div", la, [
+                T("div", aa, [
                   S(e.$slots, "loading", {}, () => [
-                    q(o(ot), {
+                    K(o(ot), {
                       class: "hys-ui-table-spinner",
                       size: 18
                     }),
-                    D(O(p.value.loadingText), 1)
+                    q(O(h.value.loadingText), 1)
                   ], !0)
                 ])
-              ], 8, ta)
+              ], 8, la)
             ])) : (u(), c(E, { key: 1 }, [
-              (u(!0), c(E, null, X(o(Y), (t, n) => {
+              (u(!0), c(E, null, Q(o(G), (t, n) => {
                 var d;
                 return u(), c(E, {
                   key: t.token
@@ -1094,56 +1097,56 @@ const $l = ["aria-busy"], Hl = {
                       }
                     ],
                     style: typeof i.rowStyle == "function" ? i.rowStyle(t.row, n) : i.rowStyle,
-                    onClick: (a) => Gt(t, n, a),
+                    onClick: (a) => Zt(t, n, a),
                     onDblclick: (a) => !o(k) && x("rowDblclick", t.row, n, a),
                     onContextmenu: (a) => x("rowContextmenu", t.row, n, a)
                   }), [
-                    (u(!0), c(E, null, X(m.value.leaves, (a, f) => (u(), c(E, {
+                    (u(!0), c(E, null, Q(m.value.leaves, (a, f) => (u(), c(E, {
                       key: a.key
                     }, [
-                      Se(n, f).rowspan && Se(n, f).colspan ? (u(), A(Me(a.rowScope ? "th" : "td"), W(
+                      Se(n, f).rowspan && Se(n, f).colspan ? (u(), B(Me(a.rowScope ? "th" : "td"), W(
                         {
                           key: 0,
                           ref_for: !0
                         },
-                        Vt(
-                          H(t.row, a, n, f)
+                        jt(
+                          L(t.row, a, n, f)
                         ),
                         {
                           scope: a.rowScope,
                           "data-column-key": a.key,
                           rowspan: Se(n, f).rowspan,
                           colspan: Se(n, f).colspan,
-                          style: Xt(H(t.row, a, n, f)),
-                          class: Qt(H(t.row, a, n, f)),
+                          style: Qt(L(t.row, a, n, f)),
+                          class: Yt(L(t.row, a, n, f)),
                           onClick: (y) => !o(k) && x(
                             "cellClick",
-                            H(t.row, a, n, f),
+                            L(t.row, a, n, f),
                             y
                           ),
                           onDblclick: (y) => !o(k) && x(
                             "cellDblclick",
-                            H(t.row, a, n, f),
+                            L(t.row, a, n, f),
                             y
                           ),
                           onContextmenu: (y) => x(
                             "cellContextmenu",
-                            H(t.row, a, n, f),
+                            L(t.row, a, n, f),
                             y
                           ),
                           onMouseenter: (y) => x(
                             "cellMouseEnter",
-                            H(t.row, a, n, f),
+                            L(t.row, a, n, f),
                             y
                           ),
                           onMouseleave: (y) => x(
                             "cellMouseLeave",
-                            H(t.row, a, n, f),
+                            L(t.row, a, n, f),
                             y
                           )
                         }
                       ), {
-                        default: te(() => {
+                        default: U(() => {
                           var y;
                           return [
                             a.type === "selection" ? S(e.$slots, "selection-cell", {
@@ -1157,39 +1160,39 @@ const $l = ["aria-busy"], Hl = {
                             }, () => {
                               var w, P, z, R;
                               return [
-                                i.selectionType === "radio" ? (u(), A(zl, {
+                                i.selectionType === "radio" ? (u(), B(Fl, {
                                   key: 0,
                                   name: o(de) + "-selection",
                                   "model-value": o(fe)[0] ?? null,
                                   value: t.key,
                                   disabled: o(k) || !o(s).eligible(t),
-                                  "aria-label": ((w = i.getSelectionProps) == null ? void 0 : w.call(i, t.row, t.index).label) ?? ye(p.value.selectRow, n + 1),
+                                  "aria-label": ((w = i.getSelectionProps) == null ? void 0 : w.call(i, t.row, t.index).label) ?? ye(h.value.selectRow, n + 1),
                                   title: (P = i.getSelectionProps) == null ? void 0 : P.call(i, t.row, t.index).title,
                                   onClick: l[4] || (l[4] = V(() => {
                                   }, ["stop"])),
-                                  "onUpdate:modelValue": (h) => o(s).toggleRowSelection(t.key, !0)
-                                }, null, 8, ["name", "model-value", "value", "disabled", "aria-label", "title", "onUpdate:modelValue"])) : (u(), A(Et, {
+                                  "onUpdate:modelValue": (p) => o(s).toggleRowSelection(t.key, !0)
+                                }, null, 8, ["name", "model-value", "value", "disabled", "aria-label", "title", "onUpdate:modelValue"])) : (u(), B(Et, {
                                   key: 1,
                                   "model-value": o(He).has(t.token),
                                   indeterminate: o(it).has(t.token),
                                   disabled: o(k) || !o(s).eligible(t),
-                                  "aria-label": ((z = i.getSelectionProps) == null ? void 0 : z.call(i, t.row, t.index).label) ?? ye(p.value.selectRow, n + 1),
+                                  "aria-label": ((z = i.getSelectionProps) == null ? void 0 : z.call(i, t.row, t.index).label) ?? ye(h.value.selectRow, n + 1),
                                   title: (R = i.getSelectionProps) == null ? void 0 : R.call(i, t.row, t.index).title,
-                                  onClick: l[5] || (l[5] = V((h) => wl(ve) ? ve.value = h.shiftKey : ve = h.shiftKey, ["stop"])),
-                                  "onUpdate:modelValue": (h) => jt(t, h === !0)
+                                  onClick: l[5] || (l[5] = V((p) => bl(ve) ? ve.value = p.shiftKey : ve = p.shiftKey, ["stop"])),
+                                  "onUpdate:modelValue": (p) => It(t, p === !0)
                                 }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label", "title", "onUpdate:modelValue"]))
                               ];
-                            }, !0, 0) : a.type === "index" ? (u(), A(ke, {
+                            }, !0, 0) : a.type === "index" ? (u(), B(ke, {
                               key: 1,
-                              value: typeof a.index == "function" ? a.index(n, t.row) : i.indexMethod ? i.indexMethod(n, t.row) : (typeof a.index == "number" ? a.index : 1) + n + (i.pagination && !i.serverMode ? (o(We) - 1) * o(be) : 0)
+                              value: typeof a.index == "function" ? a.index(n, t.row) : i.indexMethod ? i.indexMethod(n, t.row) : (typeof a.index == "number" ? a.index : 1) + n + (i.pagination && !i.serverMode ? (o(De) - 1) * o(be) : 0)
                             }, null, 8, ["value"])) : a.type === "expand" && o(s).canExpand(t) ? (u(), c("button", {
                               key: 2,
                               type: "button",
                               class: "hys-ui-table-expand",
                               disabled: o(k),
-                              "aria-expanded": o($).has(t.token),
+                              "aria-expanded": o(H).has(t.token),
                               "aria-label": ye(
-                                o($).has(t.token) ? p.value.collapseRow : p.value.expandRow,
+                                o(H).has(t.token) ? h.value.collapseRow : h.value.expandRow,
                                 n + 1
                               ),
                               onClick: V((w) => o(s).toggleRowExpansion(t.key), ["stop"])
@@ -1197,12 +1200,12 @@ const $l = ["aria-busy"], Hl = {
                               S(e.$slots, "expand-icon", {
                                 row: t.row,
                                 index: n,
-                                expanded: o($).has(t.token),
+                                expanded: o(H).has(t.token),
                                 loading: o(ne).has(t.token),
                                 depth: t.depth
                               }, () => [
-                                (u(), A(Me(
-                                  o(ne).has(t.token) ? o(ot) : o($).has(t.token) ? o(at) : o(Ot)
+                                (u(), B(Me(
+                                  o(ne).has(t.token) ? o(ot) : o(H).has(t.token) ? o(at) : o(Ot)
                                 ), {
                                   class: Ae({
                                     "hys-ui-table-spinner": o(ne).has(t.token)
@@ -1211,22 +1214,22 @@ const $l = ["aria-busy"], Hl = {
                                   "aria-hidden": "true"
                                 }, null, 8, ["class"]))
                               ], !0)
-                            ], 8, oa)) : a.type !== "expand" ? (u(), c("div", na, [
+                            ], 8, na)) : a.type !== "expand" ? (u(), c("div", ia, [
                               i.treeMode && a.key === ge.value ? (u(), c("span", {
                                 key: 0,
                                 class: "hys-ui-table-tree-indent",
-                                style: he({
+                                style: pe({
                                   width: Math.min(t.depth, 100) * Math.max(0, i.indent) + "px"
                                 })
                               }, null, 4)) : g("", !0),
-                              i.treeMode && a.key === ge.value && !Dt.value && i.showExpandColumn ? (u(), c(E, { key: 1 }, [
+                              i.treeMode && a.key === ge.value && !qt.value && i.showExpandColumn ? (u(), c(E, { key: 1 }, [
                                 o(s).canExpand(t) ? (u(), c("button", {
                                   key: 0,
                                   type: "button",
                                   class: "hys-ui-table-expand",
                                   disabled: o(k),
-                                  "aria-expanded": o($).has(t.token),
-                                  "aria-label": (o($).has(t.token) ? p.value.collapse : p.value.expand) + Ue(
+                                  "aria-expanded": o(H).has(t.token),
+                                  "aria-label": (o(H).has(t.token) ? h.value.collapse : h.value.expand) + Ue(
                                     o(Be)(
                                       t.row,
                                       a.dataIndex ?? a.key
@@ -1237,12 +1240,12 @@ const $l = ["aria-busy"], Hl = {
                                   S(e.$slots, "expand-icon", {
                                     row: t.row,
                                     index: n,
-                                    expanded: o($).has(t.token),
+                                    expanded: o(H).has(t.token),
                                     loading: o(ne).has(t.token),
                                     depth: t.depth
                                   }, () => [
-                                    (u(), A(Me(
-                                      o(ne).has(t.token) ? o(ot) : o($).has(t.token) ? o(at) : o(Ot)
+                                    (u(), B(Me(
+                                      o(ne).has(t.token) ? o(ot) : o(H).has(t.token) ? o(at) : o(Ot)
                                     ), {
                                       class: Ae({
                                         "hys-ui-table-spinner": o(ne).has(
@@ -1253,21 +1256,21 @@ const $l = ["aria-busy"], Hl = {
                                       "aria-hidden": "true"
                                     }, null, 8, ["class"]))
                                   ], !0)
-                                ], 8, ia)) : (u(), c("span", sa))
+                                ], 8, sa)) : (u(), c("span", ra))
                               ], 64)) : g("", !0),
                               T("span", {
                                 class: Ae(["hys-ui-table-cell-text", {
                                   "hys-ui-table-ellipsis": a.ellipsis || a.showOverflowTooltip || i.showOverflowTooltip
                                 }]),
                                 tabindex: a.showOverflowTooltip ?? i.showOverflowTooltip ? 0 : void 0,
-                                "aria-describedby": o(Ct) && ((y = _.value) == null ? void 0 : y.row) === t.row && _.value.column.key === a.key ? o(de) + "-tooltip" : void 0,
+                                "aria-describedby": o(Ct) && ((y = ee.value) == null ? void 0 : y.row) === t.row && ee.value.column.key === a.key ? o(de) + "-tooltip" : void 0,
                                 onPointerenter: (w) => St(
-                                  H(t.row, a, n, f),
+                                  L(t.row, a, n, f),
                                   w
                                 ),
                                 onPointerleave: Ye,
                                 onFocus: (w) => St(
-                                  H(t.row, a, n, f),
+                                  L(t.row, a, n, f),
                                   w
                                 ),
                                 onBlur: Ye
@@ -1290,9 +1293,9 @@ const $l = ["aria-busy"], Hl = {
                                     ),
                                     index: n
                                   }, () => [
-                                    q(ke, {
-                                      value: Yt(
-                                        H(
+                                    K(ke, {
+                                      value: Gt(
+                                        L(
                                           t.row,
                                           a,
                                           n,
@@ -1302,17 +1305,17 @@ const $l = ["aria-busy"], Hl = {
                                     }, null, 8, ["value"])
                                   ], !0)
                                 ], !0)
-                              ], 42, ra),
-                              a.key === ge.value && o(Wt).has(t.token) ? (u(), A(ce, {
+                              ], 42, ua),
+                              a.key === ge.value && o(Wt).has(t.token) ? (u(), B(ce, {
                                 key: 2,
                                 size: "sm",
                                 variant: "ghost",
-                                "aria-label": p.value.retryLabel,
+                                "aria-label": h.value.retryLabel,
                                 onClick: V((w) => o(s).loadRow(t.key, !0), ["stop"])
                               }, {
-                                default: te(() => [
-                                  q(o(Tl), { size: 13 }),
-                                  D(O(p.value.retry), 1)
+                                default: U(() => [
+                                  K(o(zl), { size: 13 }),
+                                  q(O(h.value.retry), 1)
                                 ]),
                                 _: 1
                               }, 8, ["aria-label", "onClick"])) : g("", !0)
@@ -1322,173 +1325,191 @@ const $l = ["aria-busy"], Hl = {
                         _: 2
                       }, 1040, ["scope", "data-column-key", "rowspan", "colspan", "style", "class", "onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"])) : g("", !0)
                     ], 64))), 128))
-                  ], 16, aa),
-                  mt(t) ? bl((u(), c("tr", ua, [
+                  ], 16, oa),
+                  mt(t) ? gl((u(), c("tr", ca, [
                     T("td", {
                       colspan: Math.max(1, m.value.leaves.length)
                     }, [
                       S(e.$slots, "expand", {
                         row: t.row,
                         index: n,
-                        expanded: o($).has(t.token)
+                        expanded: o(H).has(t.token)
                       }, void 0, !0)
-                    ], 8, ca)
+                    ], 8, da)
                   ], 512)), [
-                    [gl, o($).has(t.token)]
+                    [Cl, o(H).has(t.token)]
                   ]) : g("", !0)
                 ], 64);
               }), 128)),
-              o(Y).length ? g("", !0) : (u(), c("tr", da, [
+              o(G).length ? g("", !0) : (u(), c("tr", ya, [
                 T("td", {
                   colspan: Math.max(1, m.value.leaves.length)
                 }, [
                   S(e.$slots, "empty", {}, () => [
-                    D(O(i.emptyText ?? p.value.emptyText), 1)
+                    q(O(i.emptyText ?? h.value.emptyText), 1)
                   ], !0)
-                ], 8, ya)
+                ], 8, fa)
               ]))
             ], 64)),
-            e.$slots.append ? (u(), c("tr", fa, [
+            e.$slots.append ? (u(), c("tr", va, [
               T("td", {
                 colspan: Math.max(1, m.value.leaves.length)
               }, [
                 S(e.$slots, "append", {
                   rows: o(s).filteredRows.value
                 }, void 0, !0)
-              ], 8, va)
+              ], 8, ma)
             ])) : g("", !0)
           ]),
-          i.showSummary && !i.loading ? (u(), c("tfoot", ma, [
+          i.showSummary && !i.loading ? (u(), c("tfoot", pa, [
             T("tr", null, [
-              (u(!0), c(E, null, X(m.value.leaves, (t, n) => (u(), c("td", {
+              (u(!0), c(E, null, Q(m.value.leaves, (t, n) => (u(), c("td", {
                 key: t.key,
                 "data-column-key": t.key,
-                style: he({ ...je(t), textAlign: t.align })
+                style: pe({ ...je(t), textAlign: t.align })
               }, [
                 S(e.$slots, "summary-cell", {
                   column: t,
                   index: n,
-                  value: ht.value[n],
+                  value: pt.value[n],
                   rows: o(s).filteredRows.value
                 }, () => [
-                  q(ke, {
-                    value: ht.value[n]
+                  K(ke, {
+                    value: pt.value[n]
                   }, null, 8, ["value"])
                 ], !0)
               ], 12, ha))), 128))
             ])
           ])) : g("", !0)
         ], 4)
-      ], 44, Dl),
-      e.$slots.footer ? (u(), c("div", pa, [
+      ], 44, ql),
+      e.$slots.footer ? (u(), c("div", ka, [
         S(e.$slots, "footer", {
           rows: o(s).filteredRows.value,
-          query: o(De)
+          query: o(We)
         }, void 0, !0)
       ])) : g("", !0),
-      (u(!0), c(E, null, X(ct.value.filter(
+      (u(!0), c(E, null, Q(ct.value.filter(
         (t) => t.startsWith("bottom-")
       ), (t) => (u(), c("div", {
         key: t,
         class: "hys-ui-table-pagination",
         "data-position": t
       }, [
-        q(Kt, W({ ref_for: !0 }, dt.value, {
+        K(Kt, W({ ref_for: !0 }, dt.value, {
           onChange: l[6] || (l[6] = (n) => o(s).requestPage(n)),
           onPageSizeChange: o(s).changeSize
         }), null, 16, ["onPageSizeChange"])
-      ], 8, ka))), 128)),
-      (u(), A(Pt, {
+      ], 8, wa))), 128)),
+      (u(), B(Pt, {
         to: i.appendFilterTo || "body",
         disabled: i.appendFilterTo === !1
       }, [
-        o(j) && b.value ? (u(), c("div", W({
-          key: 0,
-          id: o(de) + "-filter",
-          ref_key: "filterPanel",
-          ref: Xe
-        }, o(Pe), {
-          class: "hys-ui-table-filter-panel hys-ui-floating-surface",
-          style: o(_t),
-          role: "dialog",
-          "aria-label": p.value.filter + b.value.label
-        }), [
-          S(e.$slots, "filter-dropdown", {
-            column: b.value,
-            open: o(j),
-            values: Z.value,
-            setValues: kt,
-            confirm: Te,
-            clear: wt,
-            close: () => o(B).close(!0)
-          }, () => [
-            T("strong", null, O(b.value.label), 1),
-            b.value.filters ? (u(), A(Ml, {
-              key: b.value.key,
-              values: Z.value,
-              "onUpdate:values": l[7] || (l[7] = (t) => Z.value = t),
-              options: b.value.filters,
-              mode: b.value.filterMode,
-              search: b.value.filterSearch,
-              multiple: b.value.filterMultiple !== !1,
-              disabled: o(k),
-              "search-label": p.value.filterSearch,
-              "empty-text": p.value.noFilterMatch
-            }, null, 8, ["values", "options", "mode", "search", "multiple", "disabled", "search-label", "empty-text"])) : (u(), A(Fl, {
-              key: 1,
-              "model-value": String(Z.value[0] ?? ""),
-              "aria-label": p.value.filter + b.value.label,
-              placeholder: p.value.filterPlaceholder,
-              clearable: "",
-              size: "sm",
-              "onUpdate:modelValue": l[8] || (l[8] = (t) => kt(t ? [t] : [])),
-              onKeydown: lt(V(Te, ["prevent"]), ["enter"])
-            }, null, 8, ["model-value", "aria-label", "placeholder", "onKeydown"])),
-            T("div", ba, [
-              q(ce, {
-                size: "sm",
-                variant: "secondary",
-                onClick: l[9] || (l[9] = (t) => wt())
-              }, {
-                default: te(() => [
-                  D(O(p.value.reset), 1)
-                ]),
-                _: 1
-              }),
-              q(ce, {
-                size: "sm",
-                onClick: l[10] || (l[10] = (t) => Te())
-              }, {
-                default: te(() => [
-                  D(O(p.value.apply), 1)
-                ]),
-                _: 1
-              })
-            ])
-          ], !0)
-        ], 16, wa)) : g("", !0)
+        K(o(Ht), {
+          "popup-transition": r.popupTransition,
+          "popup-transition-duration": r.popupTransitionDuration,
+          placement: o(M).placement.value
+        }, {
+          default: U(() => [
+            o(j) && b.value ? (u(), c("div", W({
+              key: 0,
+              id: o(de) + "-filter",
+              ref_key: "filterPanel",
+              ref: Xe
+            }, o(Pe), {
+              class: "hys-ui-table-filter-panel hys-ui-floating-surface",
+              style: o(el),
+              role: "dialog",
+              "aria-label": h.value.filter + b.value.label
+            }), [
+              S(e.$slots, "filter-dropdown", {
+                column: b.value,
+                open: o(j),
+                values: _.value,
+                setValues: kt,
+                confirm: Te,
+                clear: wt,
+                close: () => o(M).close(!0)
+              }, () => [
+                T("strong", null, O(b.value.label), 1),
+                b.value.filters ? (u(), B(Al, {
+                  key: b.value.key,
+                  values: _.value,
+                  "onUpdate:values": l[7] || (l[7] = (t) => _.value = t),
+                  options: b.value.filters,
+                  mode: b.value.filterMode,
+                  search: b.value.filterSearch,
+                  multiple: b.value.filterMultiple !== !1,
+                  disabled: o(k),
+                  "search-label": h.value.filterSearch,
+                  "empty-text": h.value.noFilterMatch
+                }, null, 8, ["values", "options", "mode", "search", "multiple", "disabled", "search-label", "empty-text"])) : (u(), B(Ml, {
+                  key: 1,
+                  "model-value": String(_.value[0] ?? ""),
+                  "aria-label": h.value.filter + b.value.label,
+                  placeholder: h.value.filterPlaceholder,
+                  clearable: "",
+                  size: "sm",
+                  "onUpdate:modelValue": l[8] || (l[8] = (t) => kt(t ? [t] : [])),
+                  onKeydown: lt(V(Te, ["prevent"]), ["enter"])
+                }, null, 8, ["model-value", "aria-label", "placeholder", "onKeydown"])),
+                T("div", ga, [
+                  K(ce, {
+                    size: "sm",
+                    variant: "secondary",
+                    onClick: l[9] || (l[9] = (t) => wt())
+                  }, {
+                    default: U(() => [
+                      q(O(h.value.reset), 1)
+                    ]),
+                    _: 1
+                  }),
+                  K(ce, {
+                    size: "sm",
+                    onClick: l[10] || (l[10] = (t) => Te())
+                  }, {
+                    default: U(() => [
+                      q(O(h.value.apply), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], !0)
+            ], 16, ba)) : g("", !0)
+          ]),
+          _: 3
+        }, 8, ["popup-transition", "popup-transition-duration", "placement"])
       ], 8, ["to", "disabled"])),
-      (u(), A(Pt, { to: "body" }, [
-        o(Ct) && _.value ? (u(), c("div", W({
-          key: 0,
-          id: o(de) + "-tooltip",
-          ref_key: "tipPanel",
-          ref: gt
-        }, o(Pe), {
-          class: "hys-ui-table-tooltip hys-ui-floating-tooltip",
-          role: "tooltip",
-          style: o(tl),
-          onPointerenter: ll,
-          onPointerleave: Ye
-        }), [
-          S(e.$slots, "tooltip", Cl(Sl(_.value)), () => [
-            q(ke, { value: al.value }, null, 8, ["value"])
-          ], !0)
-        ], 16, ga)) : g("", !0)
+      (u(), B(Pt, { to: "body" }, [
+        K(o(Ht), {
+          "popup-transition": r.popupTransition,
+          "popup-transition-duration": r.popupTransitionDuration,
+          placement: o(N).placement.value
+        }, {
+          default: U(() => [
+            o(Ct) && ee.value ? (u(), c("div", W({
+              key: 0,
+              id: o(de) + "-tooltip",
+              ref_key: "tipPanel",
+              ref: gt
+            }, o(Pe), {
+              class: "hys-ui-table-tooltip hys-ui-floating-tooltip",
+              role: "tooltip",
+              style: o(ll),
+              onPointerenter: al,
+              onPointerleave: Ye
+            }), [
+              S(e.$slots, "tooltip", Sl(xl(ee.value)), () => [
+                K(ke, { value: ol.value }, null, 8, ["value"])
+              ], !0)
+            ], 16, Ca)) : g("", !0)
+          ]),
+          _: 3
+        }, 8, ["popup-transition", "popup-transition-duration", "placement"])
       ]))
-    ], 16, $l));
+    ], 16, Hl));
   }
 });
 export {
-  Ea as default
+  $a as default
 };