hys-ui 0.1.1 → 0.3.0

package/dist/components/HysVirtualTable/HysVirtualTable2.vue.js

@@ -1,4 +1,658 @@
-import f from "./HysVirtualTable.vue.js";
+import { defineComponent as st, useSlots as ct, ref as dt, useId as vt, computed as h, shallowRef as J, watch as me, openBlock as d, createElementBlock as y, mergeProps as Q, unref as s, withModifiers as yt, createElementVNode as U, normalizeStyle as S, Fragment as W, renderList as X, createBlock as Z, createCommentVNode as H, renderSlot as V, createTextVNode as _, toDisplayString as ee, resolveDynamicComponent as ht, normalizeClass as ft, createVNode as mt, nextTick as te, h as B } from "vue";
+import { ChevronUp as kt, ChevronDown as wt, LoaderCircle as gt } from "lucide-vue-next";
+import Pe from "../HysCheckbox/HysCheckbox.vue.js";
+import bt from "../HysRadio/HysRadio.vue.js";
+import { useHysRootAttrs as pt } from "../../config.js";
+import { useVirtualTableLayout as Ct, virtualColumnStyle as D } from "../../composables/useVirtualTableLayout.js";
+import { virtualEntries as Ue, virtualValue as We, virtualKey as St } from "../../composables/virtualTable.js";
+const Kt = ["role", "tabindex", "aria-label", "aria-rowcount", "aria-colcount", "aria-busy", "aria-disabled", "aria-multiselectable", "aria-activedescendant"], Rt = {
+  key: 0,
+  class: "hys-ui-virtual-top",
+  role: "rowgroup"
+}, xt = ["aria-colindex", "aria-sort", "data-column-key"], Tt = ["disabled", "onClick"], Mt = {
+  key: 1,
+  class: "hys-ui-virtual-header-label"
+}, Ht = {
+  key: 2,
+  class: "hys-ui-virtual-sort"
+}, Bt = ["disabled", "aria-label", "aria-pressed", "onClick"], It = ["inert"], Nt = {
+  key: 1,
+  class: "hys-ui-virtual-footer"
+}, Pt = /* @__PURE__ */ st({
+  __name: "HysVirtualTable",
+  props: {
+    rows: {},
+    columns: {},
+    rowKey: { type: [String, Function], default: "id" },
+    rowHeight: { default: 42 },
+    height: { default: 280 },
+    width: {},
+    headerHeight: { default: 42 },
+    showHeader: { type: Boolean, default: !0 },
+    fit: { type: Boolean },
+    overscan: { default: 5 },
+    virtualColumns: { type: Boolean, default: !1 },
+    columnOverscan: { default: 1 },
+    loading: { type: Boolean },
+    loadingMode: { default: "replace" },
+    loadingText: {},
+    emptyText: {},
+    disabled: { type: Boolean },
+    fixedRows: {},
+    striped: { type: Boolean },
+    bordered: { type: Boolean },
+    sortState: {},
+    defaultSort: {},
+    selectable: { type: [Boolean, Function] },
+    selectedRowKeys: {},
+    defaultSelectedRowKeys: {},
+    selectionType: { default: "checkbox" },
+    selectionWidth: { default: 44 },
+    reserveSelection: { type: Boolean },
+    selectOnClick: { type: Boolean },
+    currentRowKey: {},
+    defaultCurrentRowKey: {},
+    highlightCurrentRow: { type: Boolean },
+    keyboard: { type: Boolean, default: !1 },
+    endReachedThreshold: { default: 42 },
+    ariaLabel: {},
+    rowClassName: {},
+    rowStyle: {},
+    cellClassName: {},
+    cellStyle: {},
+    customRow: {},
+    customCell: {},
+    customHeaderCell: {}
+  },
+  emits: ["update:sortState", "sortChange", "update:selectedRowKeys", "selectionChange", "update:currentRowKey", "currentChange", "rowClick", "rowDblclick", "cellClick", "scroll", "rangeChange", "endReached"],
+  setup(i, { expose: qe, emit: ze }) {
+    const a = i, k = ze, I = ct(), Oe = pt(), le = dt(), ke = vt(), m = h(() => !!a.disabled || !!a.loading), ae = h(
+      () => Ue(a.fixedRows ?? [], a.rowKey)
+    ), we = h(
+      () => (a.showHeader ? 1 : 0) + ae.value.length
+    ), oe = h(() => Ue(a.rows, a.rowKey)), ge = J(
+      a.defaultSort ?? null
+    ), w = h(
+      () => a.sortState !== void 0 ? a.sortState : ge.value
+    ), je = new Intl.Collator(void 0, { numeric: !0 }), v = h(() => {
+      const e = w.value, t = a.columns.find((n) => n.key === (e == null ? void 0 : e.key));
+      if (!e || !(t != null && t.sortable) || t.sortable === "custom")
+        return oe.value;
+      const l = e.direction === "desc" ? -1 : 1, o = t.sorter ? [] : oe.value.map((n) => We(n.row, t, n.sourceIndex));
+      return [...oe.value].sort((n, u) => {
+        const f = o[n.sourceIndex], r = o[u.sourceIndex], c = t.sorter ? t.sorter(n.row, u.row) : typeof f == "number" && typeof r == "number" ? f - r : je.compare(String(f ?? ""), String(r ?? ""));
+        return Number.isFinite(c) && c ? c * l : n.sourceIndex - u.sourceIndex;
+      });
+    }), {
+      viewport: be,
+      live: p,
+      rowHeight: N,
+      headerHeight: Ge,
+      topHeight: Ye,
+      bodyHeight: ne,
+      rootStyle: Je,
+      viewportStyle: Qe,
+      columns: re,
+      columnMap: ie,
+      renderColumns: q,
+      contentWidth: ue,
+      scrollTop: Xe,
+      scrollLeft: Ze,
+      range: K,
+      scrollTo: pe,
+      scrollToRow: se,
+      scrollToColumn: Ce,
+      onScroll: Se,
+      remeasure: _e
+    } = Ct(
+      a,
+      () => v.value.length,
+      () => {
+        var e;
+        return (e = v.value.at(-1)) == null ? void 0 : e.token;
+      },
+      {
+        scroll: (e) => k("scroll", e),
+        range: (e) => k("rangeChange", e),
+        end: (e) => k("endReached", e)
+      }
+    ), Ke = h(
+      () => v.value.slice(K.value.start, K.value.end + 1)
+    ), R = h(() => {
+      const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+      return v.value.forEach((l, o) => {
+        t.set(l.token, o), l.valid && e.set(l.key, o);
+      }), { byKey: e, byToken: t };
+    }), Re = (e) => {
+      var l;
+      const t = R.value.byKey.get(e);
+      return t === void 0 || (l = v.value[t]) == null ? void 0 : l.row;
+    }, z = J([
+      ...a.defaultSelectedRowKeys ?? []
+    ]), $ = J(
+      a.defaultCurrentRowKey ?? null
+    ), E = h(
+      () => a.currentRowKey !== void 0 ? a.currentRowKey : $.value
+    ), g = h(() => {
+      const e = [...new Set(a.selectedRowKeys ?? z.value)].filter(
+        (t) => St(t) && (a.reserveSelection || R.value.byKey.has(t))
+      );
+      return a.selectionType === "radio" ? e.slice(0, 1) : e;
+    }), O = h(() => new Set(g.value)), A = (e, t) => e.valid && !!a.selectable && (typeof a.selectable != "function" || a.selectable(e.row, t)), L = h(
+      () => v.value.filter(A).map((e) => e.key)
+    ), xe = h(
+      () => L.value.length > 0 && L.value.every((e) => O.value.has(e))
+    ), et = h(
+      () => L.value.some((e) => O.value.has(e))
+    ), b = J(null), ce = h(
+      () => b.value ? R.value.byToken.get(b.value.token) ?? -1 : -1
+    ), Te = (e, t) => ke + "-r" + e + "-c" + t, de = h(() => {
+      const e = b.value;
+      if (!(!e || a.loading && a.loadingMode === "replace" || !q.value.some((t) => {
+        var l;
+        return ((l = t.column) == null ? void 0 : l.key) === e.column;
+      }) || !Ke.value.some((t) => t.token === e.token)))
+        return Te(
+          ce.value,
+          ie.value.get(e.column).index
+        );
+    });
+    let C = 0, x;
+    me(
+      p,
+      (e) => {
+        e || C++;
+      },
+      { flush: "sync" }
+    ), me(
+      () => [a.rowKey, a.rows],
+      () => {
+        x = void 0;
+      }
+    ), me(
+      () => R.value.byKey,
+      (e) => {
+        !a.reserveSelection && a.selectedRowKeys === void 0 && (z.value = z.value.filter((t) => e.has(t))), a.currentRowKey === void 0 && $.value !== null && !e.has($.value) && ($.value = null);
+      }
+    );
+    function tt(e, t = "nearest") {
+      const l = R.value.byKey.get(e);
+      return l === void 0 || !p.value ? !1 : (se(l, t), !0);
+    }
+    async function Me(e, t) {
+      var u, f, r;
+      if (!p.value || !a.keyboard || m.value || !Number.isFinite(e))
+        return !1;
+      const l = v.value[Math.floor(e)], o = t === void 0 ? (u = re.value.find((c) => c.column)) == null ? void 0 : u.column : (f = ie.value.get(t)) == null ? void 0 : f.column;
+      if (!l || !o) return !1;
+      const n = C;
+      return b.value = { token: l.token, column: o.key }, se(e), Ce(o.key), await te(), !p.value || n !== C || !de.value ? !1 : ((r = le.value) == null || r.focus({ preventScroll: !0 }), !0);
+    }
+    const He = (e, t) => (e == null ? void 0 : e.key) === (t == null ? void 0 : t.key) && (e == null ? void 0 : e.direction) === (t == null ? void 0 : t.direction);
+    async function ve(e) {
+      var o, n;
+      if (m.value || !p.value || e && (!((n = (o = ie.value.get(e.key)) == null ? void 0 : o.column) != null && n.sortable) || !["asc", "desc"].includes(e.direction)))
+        return !1;
+      const t = e ? { ...e } : null, l = C;
+      return He(w.value, t) ? !0 : (k("update:sortState", t ? { ...t } : null), a.sortState === void 0 && (ge.value = t), await te(), !p.value || l !== C || !He(w.value, t) ? !1 : (k("sortChange", t ? { ...t } : null), pe({ top: 0 }), !0));
+    }
+    function lt(e) {
+      const t = w.value;
+      ve(
+        (t == null ? void 0 : t.key) === e.key ? t.direction === "asc" ? { key: e.key, direction: "desc" } : null : { key: e.key, direction: "asc" }
+      );
+    }
+    const Be = (e, t) => e.length === t.length && e.every((l, o) => l === t[o]);
+    async function j(e) {
+      if (m.value || !a.selectable || !p.value) return !1;
+      const t = [...new Set(e)], l = C;
+      return Be(t, g.value) ? !0 : (k("update:selectedRowKeys", [...t]), a.selectedRowKeys === void 0 && (z.value = t), await te(), !p.value || l !== C || !Be(t, g.value) ? !1 : (k(
+        "selectionChange",
+        [...t],
+        t.flatMap((o) => {
+          const n = Re(o);
+          return n ? [n] : [];
+        })
+      ), !0));
+    }
+    async function F(e, t) {
+      const l = R.value.byKey.get(e), o = l === void 0 ? void 0 : v.value[l];
+      if (l === void 0 || !o || !A(o, l)) return !1;
+      const n = t ?? !O.value.has(e);
+      return j(
+        n ? a.selectionType === "radio" ? [e] : [...g.value, e] : g.value.filter((u) => u !== e)
+      );
+    }
+    const at = () => j([]);
+    function Ie(e = !0) {
+      if (a.selectionType === "radio") return Promise.resolve(!1);
+      const t = new Set(L.value);
+      return j(
+        e ? [...g.value, ...t] : g.value.filter((l) => !t.has(l))
+      );
+    }
+    async function ye(e) {
+      if (m.value || !p.value || e !== null && !R.value.byKey.has(e))
+        return !1;
+      if (e === E.value) return !0;
+      const t = C;
+      return k("update:currentRowKey", e), a.currentRowKey === void 0 && ($.value = e), await te(), !p.value || t !== C || E.value !== e ? !1 : (k("currentChange", e === null ? null : Re(e) ?? null, e), !0);
+    }
+    function Ne(e) {
+      const t = x === void 0 ? e : R.value.byKey.get(x) ?? e, l = Math.min(t, e), o = v.value.slice(l, Math.max(t, e) + 1).filter((n, u) => A(n, l + u)).map((n) => n.key);
+      return j([...g.value, ...o]);
+    }
+    const G = (e) => e.target instanceof Element && !!e.target.closest(
+      'button,input,a,textarea,select,[contenteditable]:not([contenteditable="false"])'
+    );
+    function ot(e, t, l) {
+      var o;
+      if (!(m.value || G(l))) {
+        if (k("rowClick", e.row, t, l), a.highlightCurrentRow && e.valid && ye(E.value === e.key ? null : e.key), a.keyboard) {
+          const n = (o = l.target.closest(
+            "[data-column-key]"
+          )) == null ? void 0 : o.dataset.columnKey;
+          n !== void 0 && (b.value = { token: e.token, column: n });
+        }
+        a.selectOnClick && A(e, t) && (l.shiftKey && a.selectionType !== "radio" ? Ne(t) : (x = e.key, F(e.key)));
+      }
+    }
+    function nt() {
+      var l;
+      if (!a.keyboard || de.value || m.value) return;
+      const e = v.value[K.value.visibleStart], t = (l = q.value.find((o) => o.column)) == null ? void 0 : l.column;
+      e && t && (b.value = { token: e.token, column: t.key });
+    }
+    function rt(e) {
+      var u, f;
+      if (!a.keyboard || m.value || G(e)) return;
+      const t = re.value.filter((r) => r.column), l = ce.value < 0 ? K.value.visibleStart : ce.value;
+      let o = l, n = Math.max(
+        0,
+        t.findIndex((r) => {
+          var c, T;
+          return ((c = r.column) == null ? void 0 : c.key) === ((T = b.value) == null ? void 0 : T.column);
+        })
+      );
+      if (e.key === "ArrowDown") o++;
+      else if (e.key === "ArrowUp") o--;
+      else if (e.key === "ArrowRight") n++;
+      else if (e.key === "ArrowLeft") n--;
+      else if (e.key === "PageDown")
+        o += Math.max(1, Math.floor(ne.value / N.value));
+      else if (e.key === "PageUp")
+        o -= Math.max(1, Math.floor(ne.value / N.value));
+      else if (e.key === "Home")
+        n = 0, (e.ctrlKey || e.metaKey) && (o = 0);
+      else if (e.key === "End")
+        n = t.length - 1, (e.ctrlKey || e.metaKey) && (o = v.value.length - 1);
+      else if (e.key === " " && a.selectable) {
+        e.preventDefault();
+        const r = v.value[l];
+        r && A(r, l) && (e.shiftKey && a.selectionType !== "radio" ? Ne(l) : (x = r.key, F(r.key)));
+        return;
+      } else if (e.key === "Escape" && (b.value || E.value !== null)) {
+        e.preventDefault(), b.value = null, ye(null);
+        return;
+      } else return;
+      !v.value.length || !t.length || (e.preventDefault(), Me(
+        Math.min(v.value.length - 1, Math.max(0, o)),
+        (f = (u = t[Math.min(t.length - 1, Math.max(0, n))]) == null ? void 0 : u.column) == null ? void 0 : f.key
+      ));
+    }
+    const Ae = ({ entry: e, index: t, fixed: l }) => {
+      var f;
+      const o = e.valid && O.value.has(e.key), n = a.highlightCurrentRow && e.valid && E.value === e.key, u = a.keyboard ? "gridcell" : "cell";
+      return B(
+        "div",
+        Q(
+          { ...(f = a.customRow) == null ? void 0 : f.call(a, e.row, t) },
+          {
+            class: [
+              "hys-ui-v4-table-row",
+              "hys-ui-virtual-row",
+              {
+                "hys-ui-is-selected": !l && o,
+                "hys-ui-is-current": !l && n,
+                "hys-ui-is-striped": a.striped && t % 2 === 1,
+                "hys-ui-virtual-fixed-row": l
+              },
+              typeof a.rowClassName == "function" ? a.rowClassName(e.row, t) : a.rowClassName
+            ],
+            role: "row",
+            "aria-rowindex": l ? (a.showHeader ? 2 : 1) + t : we.value + t + 1,
+            "aria-selected": !l && a.keyboard && a.selectable ? o : void 0,
+            "data-row-key": e.token,
+            style: [
+              typeof a.rowStyle == "function" ? a.rowStyle(e.row, t) : a.rowStyle,
+              {
+                height: N.value + "px",
+                minWidth: ue.value + "px"
+              }
+            ],
+            onClick: (r) => !l && ot(e, t, r),
+            onDblclick: (r) => {
+              !l && !m.value && !G(r) && k("rowDblclick", e.row, t, r);
+            }
+          }
+        ),
+        q.value.map((r) => {
+          var Ve, De, $e, Ee, Le, Fe;
+          if (r.gap)
+            return B("div", {
+              key: r.token,
+              "aria-hidden": !0,
+              style: D(r),
+              class: "hys-ui-virtual-gap"
+            });
+          if (r.selection) {
+            const P = {
+              disabled: m.value || !A(e, t),
+              ariaLabel: "选择第 " + (t + 1) + " 行",
+              onClick: (fe) => fe.stopPropagation()
+            }, ut = a.selectionType === "radio" ? B(bt, {
+              ...P,
+              value: e.key,
+              modelValue: g.value[0] ?? null,
+              name: ke + "-selection",
+              "onUpdate:modelValue": () => {
+                x = e.key, F(e.key, !0);
+              }
+            }) : B(Pe, {
+              ...P,
+              modelValue: o,
+              "onUpdate:modelValue": (fe) => {
+                x = e.key, F(e.key, fe);
+              }
+            });
+            return B(
+              "div",
+              {
+                key: r.token,
+                role: u,
+                "aria-colindex": 1,
+                class: "hys-ui-virtual-cell hys-ui-virtual-pinned hys-ui-virtual-select",
+                style: D(r)
+              },
+              l ? [] : [ut]
+            );
+          }
+          const c = r.column, T = We(e.row, c, e.sourceIndex), M = {
+            row: e.row,
+            column: c,
+            value: T,
+            rowIndex: t,
+            columnIndex: r.index
+          }, it = !l && ((Ve = b.value) == null ? void 0 : Ve.token) === e.token && ((De = b.value) == null ? void 0 : De.column) === c.key, he = (($e = I[c.key]) == null ? void 0 : $e.call(I, M)) ?? ((Ee = I.cell) == null ? void 0 : Ee.call(I, M)) ?? ((Le = c.formatter) == null ? void 0 : Le.call(c, M)) ?? String(T ?? ""), Y = (Fe = a.customCell) == null ? void 0 : Fe.call(a, M);
+          return B(
+            "div",
+            Q(
+              { ...Y },
+              {
+                key: r.token,
+                id: l ? void 0 : Te(t, r.index),
+                role: u,
+                "aria-colindex": r.index + 1 + (a.selectable ? 1 : 0),
+                "data-column-key": c.key,
+                class: [
+                  "hys-ui-virtual-cell",
+                  c.className,
+                  typeof a.cellClassName == "function" ? a.cellClassName(M) : a.cellClassName,
+                  {
+                    "hys-ui-virtual-pinned": r.left !== void 0 || r.right !== void 0,
+                    "hys-ui-virtual-active": it
+                  }
+                ],
+                style: [
+                  typeof a.cellStyle == "function" ? a.cellStyle(M) : a.cellStyle,
+                  { textAlign: c.align },
+                  D(r)
+                ],
+                title: (Y == null ? void 0 : Y.title) ?? (typeof T == "object" ? void 0 : String(T ?? "")),
+                onClick: (P) => {
+                  !l && !m.value && !G(P) && k("cellClick", M, P);
+                }
+              }
+            ),
+            [
+              B(
+                "div",
+                { class: "hys-ui-virtual-cell-content" },
+                Array.isArray(he) ? he : [he]
+              )
+            ]
+          );
+        })
+      );
+    };
+    return qe({
+      element: le,
+      viewport: be,
+      scrollTop: Xe,
+      scrollLeft: Ze,
+      range: K,
+      selectedRowKeys: g,
+      sortState: w,
+      scrollTo: pe,
+      scrollToRow: se,
+      scrollToKey: tt,
+      scrollToColumn: Ce,
+      focusCell: Me,
+      setSort: ve,
+      clearSelection: at,
+      toggleRowSelection: F,
+      selectAll: Ie,
+      setCurrentRow: ye,
+      getRow: (e) => {
+        var t;
+        return (t = v.value[e]) == null ? void 0 : t.row;
+      },
+      remeasure: _e
+    }), (e, t) => (d(), y("div", Q({
+      ref_key: "element",
+      ref: le
+    }, s(Oe), {
+      class: ["hys-ui-v4-table hys-ui-virtual-table", {
+        "hys-ui-virtual-bordered": i.bordered,
+        "hys-ui-is-disabled": i.disabled
+      }],
+      style: s(Je),
+      role: i.keyboard ? "grid" : "table",
+      tabindex: i.keyboard && !i.disabled ? 0 : void 0,
+      "aria-label": i.ariaLabel || "虚拟表格",
+      "aria-rowcount": v.value.length + we.value,
+      "aria-colcount": s(re).length,
+      "aria-busy": i.loading || void 0,
+      "aria-disabled": i.disabled || void 0,
+      "aria-multiselectable": i.keyboard && i.selectable ? i.selectionType !== "radio" : void 0,
+      "aria-activedescendant": i.keyboard ? de.value : void 0,
+      onKeydown: rt,
+      onFocus: yt(nt, ["self"])
+    }), [
+      U("div", {
+        ref_key: "viewport",
+        ref: be,
+        class: "hys-ui-v4-table-viewport",
+        style: S(s(Qe)),
+        onScrollPassive: t[1] || (t[1] = //@ts-ignore
+        (...l) => s(Se) && s(Se)(...l))
+      }, [
+        U("div", {
+          class: "hys-ui-v4-table-content",
+          style: S({ minWidth: s(ue) + "px" })
+        }, [
+          i.showHeader || ae.value.length ? (d(), y("div", Rt, [
+            i.showHeader ? (d(), y("div", {
+              key: 0,
+              role: "row",
+              "aria-rowindex": "1",
+              class: "hys-ui-v4-table-row hys-ui-v4-table-head hys-ui-virtual-row",
+              style: S({
+                height: s(Ge) + "px",
+                minWidth: s(ue) + "px"
+              })
+            }, [
+              (d(!0), y(W, null, X(s(q), (l) => {
+                var o, n;
+                return d(), y(W, {
+                  key: l.token
+                }, [
+                  l.gap ? (d(), y("div", {
+                    key: 0,
+                    "aria-hidden": "true",
+                    class: "hys-ui-virtual-gap",
+                    style: S(s(D)(l))
+                  }, null, 4)) : l.selection ? (d(), y("div", {
+                    key: 1,
+                    role: "columnheader",
+                    "aria-colindex": "1",
+                    class: "hys-ui-virtual-cell hys-ui-virtual-pinned hys-ui-virtual-select",
+                    style: S(s(D)(l))
+                  }, [
+                    i.selectionType !== "radio" ? (d(), Z(Pe, {
+                      key: 0,
+                      "model-value": xe.value,
+                      indeterminate: et.value && !xe.value,
+                      disabled: m.value || !L.value.length,
+                      "aria-label": "选择全部行",
+                      "onUpdate:modelValue": t[0] || (t[0] = (u) => Ie(!!u))
+                    }, null, 8, ["model-value", "indeterminate", "disabled"])) : H("", !0)
+                  ], 4)) : (d(), y("div", Q({
+                    key: 2,
+                    ref_for: !0
+                  }, (o = i.customHeaderCell) == null ? void 0 : o.call(i, l.column, l.index), {
+                    role: "columnheader",
+                    "aria-colindex": l.index + 1 + (i.selectable ? 1 : 0),
+                    "aria-sort": l.column.sortable ? ((n = w.value) == null ? void 0 : n.key) === l.column.key ? w.value.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
+                    "data-column-key": l.column.key,
+                    class: ["hys-ui-virtual-cell", [
+                      l.column.headerClassName,
+                      {
+                        "hys-ui-virtual-pinned": l.left !== void 0 || l.right !== void 0
+                      }
+                    ]],
+                    style: [
+                      { textAlign: l.column.headerAlign || l.column.align },
+                      s(D)(l)
+                    ]
+                  }), [
+                    U("div", {
+                      class: "hys-ui-virtual-header-content",
+                      style: S({
+                        justifyContent: (l.column.headerAlign || l.column.align) === "right" ? "flex-end" : (l.column.headerAlign || l.column.align) === "center" ? "center" : void 0
+                      })
+                    }, [
+                      l.column.sortable ? (d(), y("button", {
+                        key: 0,
+                        type: "button",
+                        class: "hys-ui-virtual-sort-label",
+                        disabled: m.value,
+                        onClick: (u) => lt(l.column)
+                      }, [
+                        V(e.$slots, "header", {
+                          column: l.column,
+                          columnIndex: l.index
+                        }, () => [
+                          _(ee(l.column.label), 1)
+                        ], !0)
+                      ], 8, Tt)) : (d(), y("span", Mt, [
+                        V(e.$slots, "header", {
+                          column: l.column,
+                          columnIndex: l.index
+                        }, () => [
+                          _(ee(l.column.label), 1)
+                        ], !0)
+                      ])),
+                      l.column.sortable ? (d(), y("span", Ht, [
+                        (d(), y(W, null, X(["asc", "desc"], (u) => {
+                          var f;
+                          return U("button", {
+                            key: u,
+                            type: "button",
+                            disabled: m.value,
+                            "aria-label": l.column.label + (u === "asc" ? "升序" : "降序"),
+                            "aria-pressed": ((f = w.value) == null ? void 0 : f.key) === l.column.key && w.value.direction === u,
+                            onClick: (r) => {
+                              var c;
+                              return ve(
+                                ((c = w.value) == null ? void 0 : c.key) === l.column.key && w.value.direction === u ? null : { key: l.column.key, direction: u }
+                              );
+                            }
+                          }, [
+                            (d(), Z(ht(u === "asc" ? s(kt) : s(wt)), {
+                              "aria-hidden": "true",
+                              size: 12
+                            }))
+                          ], 8, Bt);
+                        }), 64))
+                      ])) : H("", !0)
+                    ], 4)
+                  ], 16, xt))
+                ], 64);
+              }), 128))
+            ], 4)) : H("", !0),
+            (d(!0), y(W, null, X(ae.value, (l, o) => (d(), Z(Ae, {
+              key: "fixed:" + l.token,
+              entry: l,
+              index: o,
+              fixed: !0
+            }, null, 8, ["entry", "index"]))), 128))
+          ])) : H("", !0),
+          U("div", {
+            role: "rowgroup",
+            class: "hys-ui-virtual-space",
+            style: S({
+              height: Math.max(v.value.length * s(N), v.value.length ? 0 : s(N)) + "px"
+            }),
+            inert: i.loading || void 0
+          }, [
+            i.loading && i.loadingMode === "replace" ? H("", !0) : (d(), y("div", {
+              key: 0,
+              style: S({
+                transform: "translateY(" + s(K).start * s(N) + "px)"
+              })
+            }, [
+              (d(!0), y(W, null, X(Ke.value, (l, o) => (d(), Z(Ae, {
+                key: l.token,
+                entry: l,
+                index: s(K).start + o
+              }, null, 8, ["entry", "index"]))), 128))
+            ], 4))
+          ], 12, It)
+        ], 4)
+      ], 36),
+      i.loading || !v.value.length ? (d(), y("div", {
+        key: 0,
+        class: ft(["hys-ui-virtual-status", {
+          "hys-ui-virtual-overlay": i.loading && i.loadingMode === "overlay"
+        }]),
+        style: S({ top: s(Ye) + "px", height: s(ne) + "px" }),
+        role: "status",
+        "aria-live": "polite"
+      }, [
+        i.loading ? V(e.$slots, "loading", {}, () => [
+          V(e.$slots, "empty", {}, () => [
+            mt(s(gt), {
+              size: 18,
+              "aria-hidden": "true",
+              class: "hys-ui-virtual-spinner"
+            }),
+            _(ee(i.loadingText || "加载中…"), 1)
+          ], !0)
+        ], !0, 0) : V(e.$slots, "empty", {}, () => [
+          _(ee(i.emptyText || "暂无数据"), 1)
+        ], !0, 1)
+      ], 6)) : H("", !0),
+      e.$slots.footer ? (d(), y("div", Nt, [
+        V(e.$slots, "footer", {
+          rows: a.rows,
+          range: s(K),
+          selectedRowKeys: g.value
+        }, void 0, !0)
+      ])) : H("", !0)
+    ], 16, Kt));
+  }
+});
 export {
-  f as default
+  Pt as default
 };