hys-ui 0.1.1 → 0.3.0

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

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