hys-ui 0.1.1 → 0.3.0

package/dist/components/HysDataGrid/HysDataGrid2.vue.js

@@ -1,800 +1,1256 @@
-import { defineComponent as Mt, ref as v, watch as K, computed as b, nextTick as Ke, onDeactivated as Vt, onBeforeUnmount as Dt, openBlock as s, createElementBlock as u, mergeProps as Kt, unref as F, createElementVNode as g, createVNode as m, createTextVNode as H, createCommentVNode as k, withCtx as z, toDisplayString as E, Fragment as B, normalizeStyle as X, normalizeClass as ue, renderList as de, withModifiers as A, createBlock as ce, withKeys as ve, resolveDynamicComponent as qe, renderSlot as At } from "vue";
-import { useHysRootAttrs as Rt } from "../../config.js";
-import { Settings2 as Lt, ChevronUp as Et, ChevronDown as Ae, Search as Bt, ChevronRight as We } from "lucide-vue-next";
-import { useMotion as Tt } from "../../motion/useMotion.js";
-import Ut from "../HysSortableList/HysSortableList.vue.js";
-import Ie from "../HysSelect/HysSelect.vue.js";
-import ze from "../HysInput/HysInput.vue.js";
-import Re from "../HysCheckbox/HysCheckbox.vue.js";
-import M from "../HysButton/HysButton.vue.js";
-import $t from "../HysPagination/HysPagination.vue.js";
-const Ft = { class: "hys-ui-pf-grid-toolbar" }, Ht = { class: "hys-ui-pf-grid-search" }, Nt = {
+import { defineComponent as xa, ref as w, useId as Vt, computed as c, shallowRef as Me, watch as L, onMounted as za, onDeactivated as Ra, onBeforeUnmount as Ma, openBlock as s, createElementBlock as u, mergeProps as Ta, unref as m, createElementVNode as y, createVNode as g, createTextVNode as V, createCommentVNode as h, withCtx as z, toDisplayString as O, createBlock as D, normalizeStyle as $, normalizeClass as ve, Fragment as N, renderList as ye, withModifiers as q, withKeys as nt, renderSlot as $e, resolveDynamicComponent as Dt, nextTick as pe } from "vue";
+import { Settings2 as Ea, ChevronUp as Ka, ChevronDown as it, Search as Aa, ChevronRight as Ft } from "lucide-vue-next";
+import { useHysRootAttrs as Va } from "../../config.js";
+import Da from "../../motion/PopupMotion.js";
+import { useMotion as Fa } from "../../motion/useMotion.js";
+import { gridRows as La, gridValue as me, gridTree as Oa, gridToken as st, positiveInteger as Te, gridKey as Na } from "../../composables/dataGrid.js";
+import { useDataGridRemote as qa } from "../../composables/useDataGridRemote.js";
+import Ba from "../HysSortableList/HysSortableList.vue.js";
+import Lt from "../HysSelect/HysSelect.vue.js";
+import Ie from "../HysInput/HysInput.vue.js";
+import rt from "../HysCheckbox/HysCheckbox.vue.js";
+import Ha from "../HysRadio/HysRadio.vue.js";
+import T from "../HysButton/HysButton.vue.js";
+import Ua from "../HysPagination/HysPagination.vue.js";
+const $a = ["aria-busy"], Ia = { class: "hys-ui-pf-grid-toolbar" }, ja = { class: "hys-ui-pf-grid-search" }, Pa = {
   key: 0,
   class: "hys-ui-pf-grid-group-label"
-}, Ot = {
+}, Qa = {
   key: 1,
   class: "hys-ui-pf-grid-batch"
-}, Pt = { class: "hys-ui-pf-grid-count" }, jt = {
+}, Wa = { class: "hys-ui-pf-grid-count" }, Ja = {
   key: 0,
   class: "hys-ui-pf-grid-panel"
-}, qt = {
+}, Xa = {
   key: 0,
   style: { width: "44px" }
-}, Wt = {
+}, Ga = {
   key: 0,
   scope: "col",
   class: "hys-ui-pf-grid-select-col"
-}, It = ["data-column-key", "data-drop-position", "draggable", "onDragstart", "onDragover", "onDrop", "aria-sort"], Xt = { class: "hys-ui-pf-grid-head" }, Gt = { class: "hys-ui-pf-grid-sort-group" }, Jt = { class: "hys-ui-pf-grid-sort-label" }, Qt = ["aria-label"], Yt = ["aria-label", "onPointerdown", "onKeydown"], Zt = {
+}, Ya = { key: 1 }, Za = ["data-column-key", "data-drop-position", "draggable", "onDragstart", "onDragover", "onDrop", "aria-sort"], _a = { class: "hys-ui-pf-grid-head" }, el = { class: "hys-ui-pf-grid-sort-group" }, tl = { class: "hys-ui-pf-grid-sort-label" }, al = ["aria-label"], ll = ["aria-label", "onPointerdown", "aria-valuemin", "aria-valuemax", "aria-valuenow", "onKeydown"], ol = ["id"], nl = {
   key: 0,
   class: "hys-ui-pf-grid-select-col"
-}, _t = ["data-filter-key", "data-column-key"], el = { key: 0 }, tl = ["colspan"], ll = {
+}, il = ["data-filter-key", "data-column-key"], sl = { key: 0 }, rl = ["colspan"], ul = { role: "status" }, dl = { key: 1 }, cl = ["colspan"], fl = {
   key: 0,
   class: "hys-ui-pf-grid-group-row"
-}, al = ["colspan"], nl = ["onClick"], ol = {
+}, vl = ["colspan"], yl = ["data-grid-row", "onClick"], pl = {
   key: 0,
   class: "hys-ui-pf-grid-select-col"
-}, sl = ["data-column-key", "title"], rl = ["onDblclick"], il = { key: 0 }, ul = ["colspan"], dl = { key: 0 }, cl = { class: "hys-ui-pf-grid-summary-row" }, fl = {
+}, ml = ["data-column-key", "title"], gl = ["onDblclick"], hl = { key: 0 }, kl = ["colspan"], bl = { key: 0 }, wl = { class: "hys-ui-pf-grid-summary-row" }, Sl = {
   key: 0,
   class: "hys-ui-pf-grid-select-col"
-}, yl = ["data-column-key"], vl = { class: "hys-ui-pf-grid-footer" }, Xe = 160, Ml = /* @__PURE__ */ Mt({
+}, Cl = ["data-column-key"], xl = { class: "hys-ui-pf-grid-footer" }, Bl = /* @__PURE__ */ xa({
   __name: "HysDataGrid",
   props: {
     columns: {},
     rows: {},
-    rowKey: { default: "id" },
-    pageSize: { default: 10 },
+    rowKey: { type: [String, Function], default: "id" },
+    page: {},
+    pageSize: {},
+    query: {},
+    defaultQuery: {},
+    immediateQuery: { type: Boolean },
+    serverMode: { type: Boolean },
+    loadRows: {},
+    totalRows: {},
     storageKey: {},
     selectable: { type: Boolean, default: !0 },
-    loading: { type: Boolean, default: !1 },
+    rowSelectable: {},
+    selectedRowKeys: {},
+    defaultSelectedRowKeys: {},
+    reserveSelection: { type: Boolean, default: void 0 },
+    selectionType: { default: "checkbox" },
+    loading: { type: Boolean },
     emptyText: { default: "暂无数据" },
     density: { default: "normal" },
-    serverMode: { type: Boolean },
-    totalRows: {},
-    page: {},
     multiSort: { type: Boolean },
     stickyHeader: { type: Boolean },
+    maxHeight: {},
+    scrollToTopOnQuery: { type: Boolean },
     groupable: { type: Boolean },
     showSummary: { type: Boolean },
+    summaryMethod: {},
     treeMode: { type: Boolean },
     parentKey: { default: "parentId" },
-    editable: { type: Boolean }
+    editable: { type: Boolean },
+    popupTransition: {},
+    popupTransitionDuration: {}
   },
-  emits: ["rowClick", "selectionChange", "columnsChange", "sortChange", "pageChange", "queryChange", "pageSizeChange", "cellEdit", "batchEdit"],
-  setup(r, { expose: Ge, emit: Je }) {
-    const Qe = Rt(), o = r, V = Je, N = (() => {
-      if (!o.storageKey || typeof localStorage > "u") return {};
-      try {
-        const t = JSON.parse(localStorage.getItem("hys-ui-grid:" + o.storageKey) || "{}");
-        return t && typeof t == "object" && !Array.isArray(t) ? t : {};
-      } catch {
-        return {};
+  emits: ["rowClick", "selectionChange", "update:selectedRowKeys", "columnsChange", "sortChange", "pageChange", "pageSizeChange", "update:query", "queryChange", "loadError", "cellEdit", "batchEdit"],
+  setup(v, { expose: Ot, emit: Nt }) {
+    const i = v, x = Nt, qt = Va(), te = w(null), ge = w(null), je = w(null), I = w(!1), j = w(!1), ae = w(), ut = Vt(), Bt = Vt(), F = c(
+      () => new Map(i.columns.map((e) => [e.key, e]))
+    );
+    function le(e) {
+      const a = [], t = /* @__PURE__ */ new Set();
+      for (const o of e.sort ?? []) {
+        const n = F.value.get(o.key);
+        if (!(!n || n.sortable === !1 || t.has(o.key)) && !(o.direction !== "asc" && o.direction !== "desc") && (t.add(o.key), a.push({ key: o.key, direction: o.direction }), !i.multiSort))
+          break;
       }
-    })(), Ye = Array.isArray(N.order) ? N.order.filter((t) => typeof t == "string") : [], Ze = Array.isArray(N.hidden) ? N.hidden.filter((t) => typeof t == "string") : [], _e = N.widths && typeof N.widths == "object" && !Array.isArray(N.widths) ? Object.fromEntries(Object.entries(N.widths).filter((t) => typeof t[1] == "number" && Number.isFinite(t[1]))) : {}, D = v(Ye), w = v(Ze), p = v(_e), te = v(null), O = v([]), me = v(Math.max(1, o.pageSize)), P = v({}), le = v(""), G = v(""), J = v([]), Q = v(null), ge = v(""), fe = v(""), pe = v(""), j = v([]), C = v(1), h = v([]), Y = v(!1), Me = v(null), he = v(null);
-    K(() => o.columns, () => {
-      if (!o.columns.length) return;
-      const t = o.columns.map((l) => l.key);
-      D.value = [.../* @__PURE__ */ new Set([...D.value.filter((l) => t.includes(l)), ...t])], w.value = [...new Set(w.value.filter((l) => o.columns.some((e) => e.key === l && e.hideable !== !1)))], t.every((l) => w.value.includes(l)) && (w.value = []), p.value = Object.fromEntries(o.columns.filter((l) => p.value[l.key] != null).map((l) => [
-        l.key,
-        Math.max(l.minWidth || 80, Math.min(l.maxWidth || 800, p.value[l.key]))
-      ]));
-    }, { immediate: !0, deep: !0 });
-    function Le() {
-      if (!(!o.storageKey || typeof localStorage > "u"))
-        try {
-          localStorage.setItem("hys-ui-grid:" + o.storageKey, JSON.stringify({ order: D.value, hidden: w.value, widths: p.value }));
-        } catch {
-        }
+      const l = Object.fromEntries(
+        Object.entries(e.filters ?? {}).filter(([o, n]) => {
+          const r = F.value.get(o);
+          return r && r.filterable !== !1 && typeof n == "string" && n !== "";
+        })
+      );
+      return {
+        page: Te(e.page, 1),
+        pageSize: Te(e.pageSize, 10),
+        sort: a,
+        search: e.search ?? "",
+        filters: l
+      };
     }
-    Le(), K([D, w, p], () => {
-      Le(), V("columnsChange", R.value.map((t) => t.key));
-    }, { deep: !0 });
-    const R = b(() => {
-      const l = [.../* @__PURE__ */ new Set([...D.value, ...o.columns.map((e) => e.key)])].filter((e) => !w.value.includes(e)).map((e) => o.columns.find((a) => a.key === e)).filter((e) => !!e);
-      return l.length ? l : o.columns;
-    });
-    Ge({ resetColumns: je });
-    const L = b(() => [...R.value.filter((t) => t.pinned === "left"), ...R.value.filter((t) => !t.pinned), ...R.value.filter((t) => t.pinned === "right")]), ae = v(!1);
-    async function et(t) {
+    const dt = () => {
       var e, a;
-      ae.value = !0, await Ke();
-      const l = Array.from(((e = he.value) == null ? void 0 : e.querySelectorAll("[data-filter-key]")) || []).find((n) => n.dataset.filterKey === t.key);
-      (a = l == null ? void 0 : l.querySelector("input")) == null || a.focus({ preventScroll: !0 });
-    }
-    const tt = b(() => [.../* @__PURE__ */ new Set([...D.value, ...o.columns.map((t) => t.key)])].flatMap((t) => {
-      const l = o.columns.find((e) => e.key === t);
-      return l ? [{ id: t, label: l.label }] : [];
-    })), lt = b(() => L.value.reduce((t, l) => t + (p.value[l.key] || l.width || 160), o.selectable ? 44 : 0)), at = b(() => {
-      const t = {};
-      let l = o.selectable ? 44 : 0;
-      for (const a of L.value.filter((n) => n.pinned === "left"))
-        t[a.key] = { left: l + "px" }, l += p.value[a.key] || a.width || 160;
-      let e = 0;
-      for (const a of [...L.value].reverse().filter((n) => n.pinned === "right"))
-        t[a.key] = { right: e + "px" }, e += p.value[a.key] || a.width || 160;
-      return t;
-    }), ke = (t) => t.pinned ? { position: "sticky", ...at.value[t.key], zIndex: 2, background: "var(--hys-ui-surface,var(--hys-ui-theme-surface,#fff))" } : {}, ne = b(() => Math.max(1, me.value));
-    K(() => o.pageSize, (t) => me.value = Math.max(1, t)), K(() => o.page, (t) => {
-      t != null && (C.value = Math.max(1, t));
-    });
-    const x = b(() => o.multiSort ? O.value : te.value ? [te.value] : []), oe = (t, l) => t[l] == null ? "" : String(t[l]), q = b(() => {
-      if (o.serverMode) return o.rows;
-      const t = le.value.trim().toLocaleLowerCase();
-      let l = o.rows.filter((e) => (!t || o.columns.some((a) => oe(e, a.key).toLocaleLowerCase().includes(t))) && Object.entries(P.value).every(([a, n]) => !n || oe(e, a).toLocaleLowerCase().includes(n.toLocaleLowerCase())));
-      return x.value.length && (l = [...l].sort((e, a) => {
-        for (const { key: n, direction: d } of x.value) {
-          const i = e[n], y = a[n], f = typeof i == "number" && typeof y == "number" ? i - y : String(i ?? "").localeCompare(String(y ?? ""), "zh-CN", { numeric: !0 });
-          if (f) return d === "asc" ? f : -f;
+      return le({
+        ...i.defaultQuery,
+        page: i.page ?? ((e = i.defaultQuery) == null ? void 0 : e.page),
+        pageSize: i.pageSize ?? ((a = i.defaultQuery) == null ? void 0 : a.pageSize)
+      });
+    }, P = Me(dt()), oe = c(
+      () => le(i.query ?? P.value)
+    ), S = c(() => oe.value.sort), Pe = c({
+      get: () => oe.value.search,
+      set: (e) => J({ search: e, page: 1 })
+    }), Ee = c(() => oe.value.filters), ct = (e) => Object.hasOwn(Ee.value, e) ? Ee.value[e] : "", Q = c(() => oe.value.pageSize), ne = c(() => i.serverMode || !!i.loadRows), he = w(""), ie = Me(/* @__PURE__ */ new Set()), se = Me(/* @__PURE__ */ new Set()), W = w(null), Ke = w(""), ke = w(""), Ae = w(""), Ht = new Intl.Collator("zh-CN", { numeric: !0 }), ee = c(() => ({
+      ...oe.value,
+      page: Math.min(oe.value.page, Je.value)
+    })), {
+      pending: Ut,
+      failure: Ve,
+      reload: $t,
+      sourceRows: ft,
+      remoteTotal: De
+    } = qa(i, ee, (e) => x("loadError", e)), Fe = c(() => i.loading || Ut.value), vt = c(
+      () => La(
+        ft.value,
+        i.rowKey,
+        ne.value ? (ee.value.page - 1) * Q.value : 0
+      )
+    ), re = (e, a) => String(me(e, a) ?? ""), be = c(() => {
+      const e = vt.value;
+      if (ne.value) return e;
+      const a = Pe.value.trim().toLocaleLowerCase(), t = Object.entries(Ee.value).flatMap(
+        ([o, n]) => {
+          const r = F.value.get(o);
+          return r ? [{ column: r, value: n, term: n.toLocaleLowerCase() }] : [];
+        }
+      ), l = e.filter(
+        ({ row: o }) => (!a || i.columns.some(
+          (n) => re(o, n).toLocaleLowerCase().includes(a)
+        )) && t.every(
+          (n) => n.column.filterMethod ? n.column.filterMethod(n.value, o) : re(o, n.column).toLocaleLowerCase().includes(n.term)
+        )
+      );
+      return S.value.length ? l.sort((o, n) => {
+        for (const { key: r, direction: f } of S.value) {
+          const k = F.value.get(r), _ = me(o.row, k), d = me(n.row, k), M = k.sortMethod ? k.sortMethod(o.row, n.row) : typeof _ == "number" && typeof d == "number" ? _ - d : Ht.compare(String(_ ?? ""), String(d ?? ""));
+          if (M) return f === "asc" ? M : -M;
         }
         return 0;
-      })), l;
-    }), Ee = b(() => Math.max(1, Math.ceil((o.serverMode ? o.totalRows ?? o.rows.length : q.value.length) / ne.value)));
-    K([le, P, te, O, () => o.pageSize], () => {
-      C.value = 1;
-    }, { deep: !0 }), K(Ee, (t) => {
-      C.value = Math.min(C.value, t);
-    });
-    const Be = b(() => {
-      if (!o.treeMode) return q.value;
-      const t = q.value, l = new Set(t.map((i) => i[o.rowKey])), e = /* @__PURE__ */ new Map();
-      for (const i of t) {
-        const y = i[o.parentKey], f = y != null && l.has(y) ? y : null, ee = e.get(f) || [];
-        ee.push(i), e.set(f, ee);
-      }
-      const a = [], n = /* @__PURE__ */ new Set(), d = (i, y) => {
-        if (!n.has(i) && (n.add(i), a.push({ ...i, __pfDepth: y, __pfHasChildren: (e.get(i[o.rowKey]) || []).length > 0 }), J.value.includes(i[o.rowKey])))
-          for (const f of e.get(i[o.rowKey]) || []) d(f, y + 1);
-      };
-      for (const i of e.get(null) || []) d(i, 0);
-      for (const i of t) n.has(i) || d(i, 0);
-      return a;
-    }), be = b(() => o.serverMode ? Be.value : Be.value.slice((C.value - 1) * ne.value, C.value * ne.value)), Z = (t, l) => {
-      const e = t[o.rowKey];
-      return typeof e == "string" || typeof e == "number" ? e : l + (C.value - 1) * ne.value;
-    };
-    K(() => o.rows, (t) => {
-      if (!o.serverMode) {
-        const l = new Set(t.map((a, n) => {
-          const d = a[o.rowKey];
-          return typeof d == "string" || typeof d == "number" ? d : n;
-        })), e = h.value.filter((a) => l.has(a));
-        e.length !== h.value.length && (h.value = e, V("selectionChange", e));
+      }) : l;
+    }), Qe = c(
+      () => i.treeMode ? Oa(be.value, i.parentKey, ie.value) : be.value.map((e) => ({ ...e, depth: 0, hasChildren: !1 }))
+    ), We = c(
+      () => ne.value ? Math.max(
+        0,
+        Math.floor(
+          Number.isFinite(De.value) ? De.value : ft.value.length
+        )
+      ) : Qe.value.length
+    ), Je = c(
+      () => i.loadRows && De.value === void 0 ? Number.MAX_SAFE_INTEGER : Math.max(1, Math.ceil(We.value / Q.value))
+    ), ue = c(() => ee.value.page), Xe = c(
+      () => ne.value ? Qe.value : Qe.value.slice(
+        (ue.value - 1) * Q.value,
+        ue.value * Q.value
+      )
+    ), It = c(() => be.value.map((e) => e.row)), we = () => le(ee.value);
+    function J(e) {
+      const a = le({ ...ee.value, ...e });
+      JSON.stringify(a) !== JSON.stringify(ee.value) && (i.query === void 0 && (P.value = a), x("update:query", le(a)));
+    }
+    function jt() {
+      J(dt());
+    }
+    function Ge() {
+      i.loadRows ? $t() : x("queryChange", we());
+    }
+    function Pt(e, a) {
+      J({ filters: { ...Ee.value, [e]: a }, page: 1 });
+    }
+    L(
+      [() => i.page, () => i.pageSize],
+      ([e, a], [t, l]) => {
+        const o = P.value;
+        P.value = le({
+          ...o,
+          page: e !== t ? e : a !== l ? 1 : o.page,
+          pageSize: a !== l ? a : o.pageSize
+        });
       }
+    ), L([Je, () => P.value.page], ([e]) => {
+      i.query === void 0 && P.value.page > e && (P.value = { ...P.value, page: e });
+    }), L(
+      () => JSON.stringify(ee.value),
+      () => {
+        W.value = null, i.scrollToTopOnQuery && ge.value && (ge.value.scrollTop = 0), x("queryChange", we());
+      },
+      { flush: "post" }
+    ), za(() => {
+      i.immediateQuery && x("queryChange", we());
     });
-    const Te = b(() => o.columns.filter((t) => t.key !== o.rowKey)), nt = (t) => t == null || t === "" ? "（空）" : String(t), ot = (t) => JSON.stringify(t ?? null), st = b(() => {
-      if (!G.value) return be.value.map((e, a) => ({ kind: "row", row: e, index: a, key: String(Z(e, a)) }));
+    let Ye = !1;
+    async function Qt(e) {
+      if (Ye) return;
+      const a = ue.value;
+      J({ page: Math.min(e, Je.value) }), await pe(), ue.value !== a && x("pageChange", ue.value);
+    }
+    async function Wt(e) {
+      const a = Q.value;
+      Ye = !0, J({ pageSize: e, page: 1 }), await pe(), Ye = !1, Q.value !== a && x("pageSizeChange", Q.value);
+    }
+    async function yt(e, a) {
+      if (e.sortable === !1) return;
+      const t = JSON.stringify(S.value), l = i.multiSort ? S.value.filter((o) => o.key !== e.key) : [];
+      a && l.push({ key: e.key, direction: a }), J({ sort: l, page: 1 }), await pe(), JSON.stringify(S.value) !== t && x("sortChange", S.value[0] ?? null);
+    }
+    function Jt(e) {
+      var t;
+      const a = (t = S.value.find(
+        (l) => l.key === e.key
+      )) == null ? void 0 : t.direction;
+      yt(
+        e,
+        a === "asc" ? "desc" : a === "desc" ? null : "asc"
+      );
+    }
+    function pt(e, a) {
+      var l;
+      const t = (l = S.value.find(
+        (o) => o.key === e.key
+      )) == null ? void 0 : l.direction;
+      yt(e, t === a ? null : a);
+    }
+    const Xt = c(
+      () => i.columns.filter((e) => e.key !== i.rowKey)
+    );
+    function Gt(e, a) {
+      try {
+        return "group:" + JSON.stringify(e ?? null);
+      } catch {
+        return "group:" + typeof e + ":" + a;
+      }
+    }
+    const Yt = c(() => {
+      const e = Xe.value.map((o, n) => ({
+        kind: "row",
+        key: "row:" + st(o.id),
+        item: o,
+        pageIndex: n
+      })), a = F.value.get(he.value);
+      if (!a) return e;
       const t = /* @__PURE__ */ new Map();
-      be.value.forEach((e, a) => {
-        const n = ot(e[G.value]);
-        t.has(n) || t.set(n, { label: nt(e[G.value]), rows: [] }), t.get(n).rows.push({ row: e, index: a });
-      });
+      for (const o of e) {
+        const n = me(o.item.row, a), r = n == null || n === "" ? "（空）" : String(n), f = Gt(n, r), k = t.get(f);
+        k ? k.rows.push(o) : t.set(f, { label: r, rows: [o] });
+      }
       const l = [];
-      for (const [e, a] of t)
-        if (l.push({ kind: "group", key: e, label: a.label, count: a.rows.length }), !j.value.includes(e)) for (const n of a.rows) l.push({ kind: "row", key: e + ":" + String(Z(n.row, n.index)), row: n.row, index: n.index });
+      for (const [o, n] of t)
+        l.push({
+          kind: "group",
+          key: o,
+          label: n.label,
+          count: n.rows.length
+        }), se.value.has(o) || l.push(...n.rows);
       return l;
     });
-    function rt(t) {
-      J.value = J.value.includes(t) ? J.value.filter((l) => l !== t) : [...J.value, t];
-    }
-    function it(t, l) {
-      !o.editable || !l.editable || (Q.value = { id: Z(t, 0), key: l.key }, ge.value = oe(t, l.key));
-    }
-    function Ue(t, l) {
-      Q.value && (V("cellEdit", { row: t, rowKey: Q.value.id, column: l.key, value: ge.value }), Q.value = null);
-    }
-    function ut() {
-      !fe.value || !h.value.length || (V("batchEdit", { keys: [...h.value], column: fe.value, value: pe.value }), pe.value = "");
-    }
-    function dt(t) {
-      j.value = j.value.includes(t) ? j.value.filter((l) => l !== t) : [...j.value, t];
-    }
-    K(G, () => j.value = []);
-    const ct = (t) => {
-      if (!t.summary) return "";
-      const l = q.value.map((n) => n[t.key]).filter((n) => n != null && n !== "");
-      if (t.summary === "count") return String(l.length);
-      const e = l.map(Number).filter(Number.isFinite);
-      if (!e.length) return "—";
-      const a = t.summary === "sum" ? e.reduce((n, d) => n + d, 0) : t.summary === "avg" ? e.reduce((n, d) => n + d, 0) / e.length : t.summary === "min" ? Math.min(...e) : Math.max(...e);
-      return new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 2 }).format(a);
-    }, we = b(() => be.value.map((t, l) => Z(t, l))), $e = b(() => we.value.length > 0 && we.value.every((t) => h.value.includes(t))), ft = b(() => we.value.some((t) => h.value.includes(t)));
-    function yt(t, l) {
-      h.value = l ? [.../* @__PURE__ */ new Set([...h.value, t])] : h.value.filter((e) => e !== t), V("selectionChange", h.value);
-    }
-    function vt(t) {
-      const l = new Set(we.value);
-      h.value = t ? [.../* @__PURE__ */ new Set([...h.value, ...l])] : h.value.filter((e) => !l.has(e)), V("selectionChange", h.value);
-    }
-    function Fe(t, l) {
-      if (t.sortable === !1) return;
-      const e = l ? { key: t.key, direction: l } : null;
-      o.multiSort ? (O.value = O.value.filter((a) => a.key !== t.key), e && (O.value = [...O.value, e]), te.value = O.value[0] ?? null) : (te.value = e, O.value = e ? [e] : []), V("sortChange", te.value);
-    }
-    function mt(t) {
-      var e;
-      const l = (e = x.value.find((a) => a.key === t.key)) == null ? void 0 : e.direction;
-      Fe(t, l === "asc" ? "desc" : l === "desc" ? null : "asc");
+    function mt(e, a) {
+      const t = new Set(e);
+      return t.has(a) ? t.delete(a) : t.add(a), t;
+    }
+    function Zt(e) {
+      ie.value = mt(ie.value, e);
+    }
+    function _t(e) {
+      se.value = mt(se.value, e);
+    }
+    L(he, () => {
+      se.value = /* @__PURE__ */ new Set();
+    });
+    function ea(e, a) {
+      !i.editable || !a.editable || (W.value = { id: e.id, key: a.key }, Ke.value = re(e.row, a));
     }
-    function He(t, l) {
+    function gt(e, a) {
+      var t, l;
+      ((t = W.value) == null ? void 0 : t.id) !== e.id || ((l = W.value) == null ? void 0 : l.key) !== a.key || (W.value = null, x("cellEdit", {
+        row: e.row,
+        rowKey: e.id,
+        column: a.key,
+        value: Ke.value
+      }));
+    }
+    function ta() {
+      !ke.value || !b.value.length || (x("batchEdit", {
+        keys: [...b.value],
+        column: ke.value,
+        value: Ae.value
+      }), Ae.value = "");
+    }
+    const aa = new Intl.NumberFormat("zh-CN", {
+      maximumFractionDigits: 2
+    });
+    function la(e) {
+      const a = It.value;
+      if (i.summaryMethod) return i.summaryMethod(e, a);
+      if (!e.summary) return "";
+      const t = a.map((r) => me(r, e)).filter((r) => r != null && r !== "");
+      if (e.summary === "count") return String(t.length);
+      const l = t.map(Number).filter(Number.isFinite);
+      if (!l.length) return "—";
+      const o = l.reduce((r, f) => r + f, 0), n = e.summary === "sum" ? o : e.summary === "avg" ? o / l.length : l.reduce(
+        (r, f) => e.summary === "min" ? Math.min(r, f) : Math.max(r, f)
+      );
+      return aa.format(n);
+    }
+    function Ze(e) {
+      const a = [...new Set(e.filter(Na))];
+      return i.selectionType === "radio" ? a.slice(0, 1) : a;
+    }
+    const ht = Me(
+      Ze(i.defaultSelectedRowKeys ?? [])
+    ), b = c(
+      () => Ze(i.selectedRowKeys ?? ht.value)
+    ), Le = c(() => new Set(b.value)), _e = c(
+      () => new Map(vt.value.map((e) => [e.id, e]))
+    ), Oe = (e) => {
       var a;
-      const e = (a = x.value.find((n) => n.key === t.key)) == null ? void 0 : a.direction;
-      Fe(t, e === l ? null : l);
+      return ((a = i.rowSelectable) == null ? void 0 : a.call(i, e.row, e.index)) !== !1;
+    }, Se = c(
+      () => Xe.value.filter(Oe).map((e) => e.id)
+    ), kt = c(
+      () => Se.value.length > 0 && Se.value.every((e) => Le.value.has(e))
+    ), oa = c(
+      () => Se.value.some((e) => Le.value.has(e))
+    ), bt = () => [...b.value];
+    function Ce(e) {
+      const a = Ze(e);
+      a.length === b.value.length && a.every((t, l) => t === b.value[l]) || (i.selectedRowKeys === void 0 && (ht.value = a), x("update:selectedRowKeys", [...a]));
+    }
+    L(
+      () => JSON.stringify(b.value),
+      () => x("selectionChange", bt())
+    ), L([_e, () => i.reserveSelection, ne], () => {
+      i.selectedRowKeys === void 0 && !(i.reserveSelection ?? ne.value) && Ce(b.value.filter((e) => _e.value.has(e)));
+    });
+    function et(e, a = !Le.value.has(e)) {
+      const t = _e.value.get(e);
+      !i.selectable || !t || !Oe(t) || Ce(
+        a ? i.selectionType === "radio" ? [e] : [...b.value, e] : b.value.filter((l) => l !== e)
+      );
+    }
+    function na() {
+      Ce([]);
+    }
+    function ia(e) {
+      if (i.selectionType === "radio") return;
+      const a = new Set(Se.value);
+      Ce(
+        e ? [...b.value, ...a] : b.value.filter((t) => !a.has(t))
+      );
+    }
+    function sa() {
+      if (!i.storageKey || typeof localStorage > "u") return {};
+      try {
+        const e = JSON.parse(
+          localStorage.getItem("hys-ui-grid:" + i.storageKey) || "{}"
+        );
+        return e && typeof e == "object" && !Array.isArray(e) ? e : {};
+      } catch {
+        return {};
+      }
+    }
+    const X = sa(), E = w(
+      Array.isArray(X.order) ? X.order.filter((e) => typeof e == "string") : []
+    ), C = w(
+      Array.isArray(X.hidden) ? X.hidden.filter((e) => typeof e == "string") : []
+    ), K = w(
+      X.widths && typeof X.widths == "object" && !Array.isArray(X.widths) ? Object.fromEntries(
+        Object.entries(X.widths).filter(
+          ([, e]) => typeof e == "number" && Number.isFinite(e)
+        )
+      ) : {}
+    ), Ne = (e) => Te(e.minWidth, 80), tt = (e) => Math.max(Ne(e), Te(e.maxWidth, 800)), qe = (e, a) => Math.max(Ne(e), Math.min(tt(e), a)), Be = Me(), B = (e) => {
+      var a;
+      return ((a = Be.value) == null ? void 0 : a.key) === e.key ? Be.value.width : Object.hasOwn(K.value, e.key) ? K.value[e.key] : Te(e.width, 160);
+    };
+    L(
+      () => i.columns.map((e) => [
+        e.key,
+        e.hideable,
+        e.minWidth,
+        e.maxWidth
+      ]),
+      (e, a) => {
+        a && Y();
+        const t = F.value, l = [...t.keys()];
+        E.value = [
+          .../* @__PURE__ */ new Set([...E.value.filter((o) => t.has(o)), ...l])
+        ], C.value = [
+          ...new Set(
+            C.value.filter(
+              (o) => {
+                var n;
+                return t.has(o) && ((n = t.get(o)) == null ? void 0 : n.hideable) !== !1;
+              }
+            )
+          )
+        ], l.every((o) => C.value.includes(o)) && (C.value = []), K.value = Object.fromEntries(
+          Object.entries(K.value).flatMap(([o, n]) => {
+            const r = t.get(o);
+            return r ? [[o, qe(r, n)]] : [];
+          })
+        );
+      },
+      { immediate: !0 }
+    );
+    const A = c(
+      () => E.value.flatMap((e) => {
+        const a = F.value.get(e);
+        return a && !C.value.includes(e) ? [a] : [];
+      })
+    ), G = c(() => [
+      ...A.value.filter((e) => e.pinned === "left"),
+      ...A.value.filter((e) => !e.pinned),
+      ...A.value.filter((e) => e.pinned === "right")
+    ]), ra = c(
+      () => E.value.flatMap((e) => {
+        const a = F.value.get(e);
+        return a ? [{ id: e, label: a.label }] : [];
+      })
+    );
+    L([E, C, K], () => {
+      if (i.storageKey && typeof localStorage < "u")
+        try {
+          localStorage.setItem(
+            "hys-ui-grid:" + i.storageKey,
+            JSON.stringify({
+              order: E.value,
+              hidden: C.value,
+              widths: K.value
+            })
+          );
+        } catch {
+        }
+      x(
+        "columnsChange",
+        A.value.map((e) => e.key)
+      );
+    });
+    function ua(e) {
+      e.hideable !== !1 && (C.value.includes(e.key) ? C.value = C.value.filter((a) => a !== e.key) : A.value.length > 1 && (C.value = [...C.value, e.key]));
+    }
+    const da = c(
+      () => G.value.reduce(
+        (e, a) => e + B(a),
+        i.selectable ? 44 : 0
+      )
+    ), ca = c(() => {
+      const e = /* @__PURE__ */ new Map();
+      let a = i.selectable ? 44 : 0;
+      for (const l of G.value)
+        l.pinned === "left" && (e.set(l.key, { left: a + "px" }), a += B(l));
+      let t = 0;
+      for (const l of [...G.value].reverse())
+        l.pinned === "right" && (e.set(l.key, { right: t + "px" }), t += B(l));
+      return e;
+    }), He = (e, a = !1) => e.pinned ? {
+      position: "sticky",
+      ...ca.value.get(e.key),
+      zIndex: a ? 5 : 2
+    } : {};
+    async function wt(e = !0) {
+      var o, n;
+      if (j.value = !1, !e) return;
+      await pe();
+      const t = [
+        ...((o = te.value) == null ? void 0 : o.querySelectorAll(
+          "thead th[data-column-key]"
+        )) ?? []
+      ].find(
+        (r) => r.dataset.columnKey === ae.value
+      ), l = (t == null ? void 0 : t.querySelector(".hys-ui-pf-grid-filter")) ?? ((n = te.value) == null ? void 0 : n.querySelector(".hys-ui-pf-grid-filter"));
+      l == null || l.focus({ preventScroll: !0 });
+    }
+    async function fa(e) {
+      var t, l, o;
+      if (j.value && ae.value === e.key) {
+        await wt(!1);
+        return;
+      }
+      ae.value = e.key, j.value = !0, await pe(), (o = (l = [
+        ...((t = te.value) == null ? void 0 : t.querySelectorAll("[data-filter-key]")) ?? []
+      ].find((n) => n.dataset.filterKey === e.key)) == null ? void 0 : l.querySelector("input")) == null || o.focus({ preventScroll: !0 });
     }
-    function gt(t) {
-      C.value = Math.max(1, Math.min(t, Ee.value)), V("pageChange", C.value);
+    let p, xe = 0, St = 0;
+    function Ct(e) {
+      !p || e.pointerId !== p.pointer || (St = qe(
+        p.column,
+        p.width + e.clientX - p.start
+      ), !xe && (xe = requestAnimationFrame(() => {
+        xe = 0, p && (Be.value = { key: p.column.key, width: St });
+      })));
     }
-    function pt(t) {
-      me.value = t, C.value = 1, V("pageSizeChange", t);
+    function Y() {
+      p && (cancelAnimationFrame(xe), xe = 0, Be.value = void 0, document.body.style.cursor === "col-resize" && (document.body.style.cursor = p.cursor), p = void 0, window.removeEventListener("pointermove", Ct), window.removeEventListener("pointerup", Rt), window.removeEventListener("pointercancel", xt), window.removeEventListener("blur", Y), window.removeEventListener("keydown", zt, !0));
     }
-    K([C, me, x, le, P], () => V("queryChange", { page: C.value, pageSize: ne.value, sort: [...x.value], search: le.value, filters: { ...P.value } }), { deep: !0 });
-    function ht(t) {
-      t.hideable !== !1 && (w.value.includes(t.key) ? w.value = w.value.filter((l) => l !== t.key) : R.value.length > 1 && (w.value = [...w.value, t.key]));
+    function xt(e) {
+      e.pointerId === (p == null ? void 0 : p.pointer) && Y();
     }
-    let T = null;
-    function Ne(t) {
-      T && (p.value = { ...p.value, [T.key]: Math.max(T.min, Math.min(T.max, T.width + t.clientX - T.start)) });
+    function zt(e) {
+      e.key === "Escape" && p && (e.preventDefault(), e.stopPropagation(), Y());
     }
-    function Ce() {
-      T = null, window.removeEventListener("pointermove", Ne), window.removeEventListener("pointerup", Ce), document.body.style.cursor = "";
+    function Rt(e) {
+      if (!p || e.pointerId !== p.pointer) return;
+      const { column: a, start: t, width: l } = p, o = e.clientX - t, n = o === 0 ? l : qe(a, l + o);
+      Y(), n !== l && (K.value = { ...K.value, [a.key]: n });
     }
-    function kt(t, l) {
-      l.resizable !== !1 && (t.preventDefault(), t.stopPropagation(), T = { key: l.key, start: t.clientX, width: p.value[l.key] || l.width || 160, min: l.minWidth || 80, max: l.maxWidth || 800 }, document.body.style.cursor = "col-resize", window.addEventListener("pointermove", Ne), window.addEventListener("pointerup", Ce));
+    function va(e, a) {
+      a.resizable === !1 || e.button !== 0 || p || (e.preventDefault(), e.stopPropagation(), p = {
+        column: a,
+        pointer: e.pointerId,
+        start: e.clientX,
+        width: B(a),
+        cursor: document.body.style.cursor
+      }, document.body.style.cursor = "col-resize", window.addEventListener("pointermove", Ct), window.addEventListener("pointerup", Rt), window.addEventListener("pointercancel", xt), window.addEventListener("blur", Y), window.addEventListener("keydown", zt, !0));
     }
-    const { effectiveMotion: xe } = Tt(), se = v(null), W = v(null);
-    let U = 0, re = null, Ve = 0;
-    const ye = /* @__PURE__ */ new Set();
-    function ie() {
-      Ve++;
-      for (const t of ye) t.cancel();
-      ye.clear();
+    function ya(e, a) {
+      const t = e.shiftKey ? 40 : 10, l = B(a), o = e.key === "ArrowLeft" ? l - t : e.key === "ArrowRight" ? l + t : e.key === "Home" ? Ne(a) : e.key === "End" ? tt(a) : void 0;
+      if (o === void 0) return;
+      e.preventDefault();
+      const n = qe(a, o);
+      n !== l && (K.value = { ...K.value, [a.key]: n });
     }
-    K(xe, (t) => {
-      t === "off" && ie();
+    const { effectiveMotion: Ue } = Fa(), de = w(null), Z = w(null);
+    let H = 0, ce = null, at = 0;
+    const ze = /* @__PURE__ */ new Set(), Mt = 160;
+    function Re() {
+      at++;
+      for (const e of ze) e.cancel();
+      ze.clear();
+    }
+    L(Ue, (e) => {
+      e === "off" && Re();
     });
-    function _() {
-      cancelAnimationFrame(U), U = 0, re = null, se.value = null, W.value = null;
+    function fe() {
+      cancelAnimationFrame(H), H = 0, ce = null, de.value = null, Z.value = null;
     }
-    function bt(t, l) {
-      if (T || l.reorderable === !1 || !t.dataTransfer) {
-        t.preventDefault();
+    function pa(e, a) {
+      if (p || a.reorderable === !1 || !e.dataTransfer) {
+        e.preventDefault();
         return;
       }
-      ie(), se.value = l.key, t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", l.key);
+      Re(), de.value = a.key, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", a.key);
     }
-    function De(t) {
-      const l = o.columns.find((e) => e.key === se.value);
-      return !!l && l.key !== t.key && l.reorderable !== !1 && t.reorderable !== !1 && l.pinned === t.pinned;
+    function lt(e) {
+      const a = i.columns.find((t) => t.key === de.value);
+      return !!a && a.key !== e.key && a.reorderable !== !1 && e.reorderable !== !1 && a.pinned === e.pinned;
     }
-    function Oe(t, l, e) {
-      const a = e.getBoundingClientRect();
-      return { key: t.key, position: l < a.left + a.width / 2 ? "before" : "after" };
+    function Tt(e, a, t) {
+      const l = t.getBoundingClientRect();
+      return {
+        key: e.key,
+        position: a < l.left + l.width / 2 ? "before" : "after"
+      };
     }
-    function wt(t, l) {
-      if (!De(l)) {
-        cancelAnimationFrame(U), U = 0, re = null, W.value = null;
+    function ma(e, a) {
+      if (!lt(a)) {
+        cancelAnimationFrame(H), H = 0, ce = null, Z.value = null;
         return;
       }
-      t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), re = { element: t.currentTarget, column: l, x: t.clientX }, !U && (U = requestAnimationFrame(() => {
-        var n;
-        U = 0;
-        const e = re;
-        if (re = null, !e || !De(e.column)) return;
-        const a = Oe(e.column, e.x, e.element);
-        (((n = W.value) == null ? void 0 : n.key) !== a.key || W.value.position !== a.position) && (W.value = a);
+      e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), ce = {
+        element: e.currentTarget,
+        column: a,
+        x: e.clientX
+      }, !H && (H = requestAnimationFrame(() => {
+        var o;
+        H = 0;
+        const t = ce;
+        if (ce = null, !t || !lt(t.column)) return;
+        const l = Tt(t.column, t.x, t.element);
+        (((o = Z.value) == null ? void 0 : o.key) !== l.key || Z.value.position !== l.position) && (Z.value = l);
       }));
     }
-    function Ct(t) {
-      t.relatedTarget instanceof Element && t.relatedTarget.closest("th[data-column-key]") && t.currentTarget.contains(t.relatedTarget) || (cancelAnimationFrame(U), U = 0, re = null, W.value = null);
+    function ga(e) {
+      e.relatedTarget instanceof Element && e.relatedTarget.closest("th[data-column-key]") && e.currentTarget.contains(e.relatedTarget) || (cancelAnimationFrame(H), H = 0, ce = null, Z.value = null);
     }
-    function Pe() {
-      var t;
-      return new Map(Array.from(((t = he.value) == null ? void 0 : t.querySelectorAll("th[data-column-key]")) || []).map((l) => [
-        l.dataset.columnKey,
-        l.getBoundingClientRect()
-      ]));
-    }
-    function xt(t) {
-      var c;
-      if (xe.value === "off") return;
-      const l = (c = he.value) == null ? void 0 : c.querySelector(".hys-ui-pf-grid-scroll");
-      if (!l) return;
-      const e = l.getBoundingClientRect(), a = Math.max(0, e.top), n = Math.min(window.innerHeight, e.bottom), d = Math.max(0, e.left), i = Math.min(window.innerWidth, e.right);
-      if (a >= n || d >= i) return;
-      const y = /* @__PURE__ */ new Map();
-      for (const [I, $] of Pe()) {
-        const S = t.get(I);
-        S && $.right > d && $.left < i && Math.abs(S.left - $.left) > 0.5 && y.set(I, S.left - $.left);
+    function Et() {
+      var e;
+      return new Map(
+        Array.from(
+          ((e = te.value) == null ? void 0 : e.querySelectorAll("th[data-column-key]")) || []
+        ).map((a) => [
+          a.dataset.columnKey,
+          a.getBoundingClientRect()
+        ])
+      );
+    }
+    function ha(e) {
+      var d;
+      if (Ue.value === "off") return;
+      const a = (d = te.value) == null ? void 0 : d.querySelector(
+        ".hys-ui-pf-grid-scroll"
+      );
+      if (!a) return;
+      const t = a.getBoundingClientRect(), l = Math.max(0, t.top), o = Math.min(window.innerHeight, t.bottom), n = Math.max(0, t.left), r = Math.min(window.innerWidth, t.right);
+      if (l >= o || n >= r) return;
+      const f = /* @__PURE__ */ new Map();
+      for (const [M, U] of Et()) {
+        const R = e.get(M);
+        R && U.right > n && U.left < r && Math.abs(R.left - U.left) > 0.5 && f.set(M, R.left - U.left);
       }
-      const f = [];
-      for (const I of Array.from(l.querySelectorAll("thead tr,tbody tr,tfoot tr"))) {
-        const $ = I.getBoundingClientRect();
-        if ($.top >= n) break;
-        if (!($.bottom <= a)) {
-          for (const S of Array.from(I.children))
-            if (S instanceof HTMLElement && y.has(S.dataset.columnKey || "") && f.push(S), f.length >= Xe) break;
-          if (f.length >= Xe) break;
+      const k = [];
+      for (const M of Array.from(
+        a.querySelectorAll("thead tr,tbody tr,tfoot tr")
+      )) {
+        const U = M.getBoundingClientRect();
+        if (U.top >= o) break;
+        if (!(U.bottom <= l)) {
+          for (const R of Array.from(M.children))
+            if (R instanceof HTMLElement && f.has(R.dataset.columnKey || "") && k.push(R), k.length >= Mt) break;
+          if (k.length >= Mt) break;
         }
       }
-      const ee = xe.value === "full" ? 280 : 180;
-      for (const I of f) {
-        const $ = y.get(I.dataset.columnKey), S = I.animate([{ transform: "translateX(" + $ + "px)" }, { transform: "translateX(0)" }], { duration: ee, easing: "cubic-bezier(.2,.8,.2,1)" });
-        ye.add(S), S.onfinish = () => ye.delete(S), S.oncancel = () => ye.delete(S);
+      const _ = Ue.value === "full" ? 280 : 180;
+      for (const M of k) {
+        const U = f.get(M.dataset.columnKey), R = M.animate(
+          [
+            { transform: "translateX(" + U + "px)" },
+            { transform: "translateX(0)" }
+          ],
+          { duration: _, easing: "cubic-bezier(.2,.8,.2,1)" }
+        );
+        ze.add(R), R.onfinish = () => ze.delete(R), R.oncancel = () => ze.delete(R);
       }
     }
-    async function St(t, l) {
-      if (!De(l)) {
-        _();
+    async function ka(e, a) {
+      if (!lt(a)) {
+        fe();
         return;
       }
-      t.preventDefault();
-      const e = Oe(l, t.clientX, t.currentTarget), a = D.value.filter((y) => y !== se.value), n = a.indexOf(e.key);
-      if (n < 0) {
-        _();
+      e.preventDefault();
+      const t = Tt(
+        a,
+        e.clientX,
+        e.currentTarget
+      ), l = E.value.filter((f) => f !== de.value), o = l.indexOf(t.key);
+      if (o < 0) {
+        fe();
         return;
       }
-      if (a.splice(n + (e.position === "after" ? 1 : 0), 0, se.value), _(), a.every((y, f) => y === D.value[f])) return;
-      ie();
-      const d = Ve, i = xe.value === "off" ? /* @__PURE__ */ new Map() : Pe();
-      D.value = a, await Ke(), d === Ve && xt(i);
-    }
-    function je() {
-      _(), ie(), D.value = o.columns.map((t) => t.key), w.value = [], p.value = {};
-    }
-    function zt() {
-      const t = R.value, l = (d) => '"' + d.replace(/"/g, '""') + '"', e = "\uFEFF" + [t.map((d) => l(d.label)).join(","), ...q.value.map((d) => t.map((i) => l(oe(d, i.key))).join(","))].join(`\r
-`), a = URL.createObjectURL(new Blob([e], { type: "text/csv;charset=utf-8" })), n = document.createElement("a");
-      n.href = a, n.download = "projectflow-table.csv", n.click(), setTimeout(() => URL.revokeObjectURL(a), 1e3);
-    }
-    function Se(t) {
-      Me.value && !Me.value.contains(t.target) && (Y.value = !1);
-    }
-    return K(Y, async (t) => {
-      t ? (await Ke(), document.addEventListener("pointerdown", Se)) : document.removeEventListener("pointerdown", Se);
-    }), Vt(() => {
-      _(), ie(), Ce(), Y.value = !1, document.removeEventListener("pointerdown", Se);
-    }), Dt(() => {
-      _(), ie(), Ce(), document.removeEventListener("pointerdown", Se);
-    }), (t, l) => (s(), u("section", Kt(F(Qe), {
-      class: ["hys-ui-pf-grid", "hys-ui-pf-grid--" + r.density],
+      if (l.splice(
+        o + (t.position === "after" ? 1 : 0),
+        0,
+        de.value
+      ), fe(), l.every((f, k) => f === E.value[k])) return;
+      Re();
+      const n = at, r = Ue.value === "off" ? /* @__PURE__ */ new Map() : Et();
+      E.value = l, await pe(), n === at && ha(r);
+    }
+    function Kt() {
+      Y(), fe(), Re(), E.value = [...F.value.keys()], C.value = [], K.value = {};
+    }
+    function ba() {
+      const e = A.value, a = (n) => '"' + n.replace(/"/g, '""') + '"', t = [
+        e.map((n) => a(n.label)).join(","),
+        ...be.value.map(
+          ({ row: n }) => e.map((r) => a(re(n, r))).join(",")
+        )
+      ], l = URL.createObjectURL(
+        new Blob(["\uFEFF" + t.join(`\r
+`)], {
+          type: "text/csv;charset=utf-8"
+        })
+      ), o = document.createElement("a");
+      o.href = l, o.download = "projectflow-table.csv", o.click(), setTimeout(() => URL.revokeObjectURL(l), 1e3);
+    }
+    const wa = c(
+      () => typeof i.maxHeight == "number" ? i.maxHeight > 0 && Number.isFinite(i.maxHeight) ? i.maxHeight + "px" : void 0 : i.maxHeight
+    );
+    function Sa(e) {
+      var a;
+      (a = ge.value) == null || a.scrollTo(e);
+    }
+    function Ca(e) {
+      var t;
+      const a = [
+        ...((t = ge.value) == null ? void 0 : t.querySelectorAll("[data-grid-row]")) ?? []
+      ].find((l) => l.dataset.gridRow === st(e));
+      return a == null || a.scrollIntoView({ block: "nearest", inline: "nearest" }), !!a;
+    }
+    Ot({
+      resetColumns: Kt,
+      getQuery: we,
+      setQuery: J,
+      resetQuery: jt,
+      reload: Ge,
+      getSelection: bt,
+      clearSelection: na,
+      toggleRowSelection: et,
+      scrollTo: Sa,
+      scrollToRow: Ca
+    });
+    function ot(e) {
+      je.value && !je.value.contains(e.target) && (I.value = !1);
+    }
+    L(I, (e) => {
+      e ? document.addEventListener("pointerdown", ot) : document.removeEventListener("pointerdown", ot);
+    });
+    function At() {
+      fe(), Re(), Y(), I.value = !1, document.removeEventListener("pointerdown", ot);
+    }
+    return Ra(At), Ma(At), (e, a) => (s(), u("section", Ta(m(qt), {
+      class: ["hys-ui-pf-grid", "hys-ui-pf-grid--" + v.density],
       "aria-label": "数据表格",
       ref_key: "tableRef",
-      ref: he
+      ref: te,
+      "aria-busy": Fe.value || void 0
     }), [
-      g("div", Ft, [
-        g("label", Ht, [
-          l[13] || (l[13] = g("span", null, "搜索", -1)),
-          m(ze, {
-            modelValue: le.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (e) => le.value = e),
+      y("div", Ia, [
+        y("label", ja, [
+          a[14] || (a[14] = y("span", null, "搜索", -1)),
+          g(Ie, {
+            size: "sm",
+            modelValue: Pe.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => Pe.value = t),
             type: "search",
             placeholder: "搜索全部列…",
             "aria-label": "搜索表格",
             clearable: ""
           }, null, 8, ["modelValue"])
         ]),
-        r.groupable ? (s(), u("label", Nt, [
-          l[14] || (l[14] = H("分组 ", -1)),
-          m(Ie, {
-            modelValue: G.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (e) => G.value = e),
+        v.groupable ? (s(), u("label", Pa, [
+          a[15] || (a[15] = V("分组 ", -1)),
+          g(Lt, {
+            size: "sm",
+            modelValue: he.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (t) => he.value = t),
             "aria-label": "按列分组",
-            options: [{ label: "不分组", value: "" }, ...Te.value.map((e) => ({ label: e.label, value: e.key }))]
+            options: [
+              { label: "不分组", value: "" },
+              ...Xt.value.map((t) => ({ label: t.label, value: t.key }))
+            ]
           }, null, 8, ["modelValue", "options"])
-        ])) : k("", !0),
-        r.editable && h.value.length ? (s(), u("div", Ot, [
-          m(Ie, {
-            modelValue: fe.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (e) => fe.value = e),
+        ])) : h("", !0),
+        v.editable && b.value.length ? (s(), u("div", Qa, [
+          g(Lt, {
+            size: "sm",
+            modelValue: ke.value,
+            "onUpdate:modelValue": a[2] || (a[2] = (t) => ke.value = t),
             "aria-label": "批量编辑字段",
-            options: [{ label: "选择编辑列", value: "" }, ...r.columns.filter((e) => e.editable).map((e) => ({ label: e.label, value: e.key }))]
+            options: [
+              { label: "选择编辑列", value: "" },
+              ...v.columns.filter((t) => t.editable).map((t) => ({ label: t.label, value: t.key }))
+            ]
           }, null, 8, ["modelValue", "options"]),
-          m(ze, {
-            modelValue: pe.value,
-            "onUpdate:modelValue": l[3] || (l[3] = (e) => pe.value = e),
+          g(Ie, {
+            size: "sm",
+            modelValue: Ae.value,
+            "onUpdate:modelValue": a[3] || (a[3] = (t) => Ae.value = t),
             "aria-label": "批量编辑值",
             placeholder: "新值"
           }, null, 8, ["modelValue"]),
-          m(M, {
+          g(T, {
             variant: "ghost",
             size: "sm",
             type: "button",
-            disabled: !fe.value,
-            onClick: ut
+            disabled: !ke.value,
+            onClick: ta
           }, {
             default: z(() => [
-              H("应用到 " + E(h.value.length) + " 行", 1)
+              V("应用到 " + O(b.value.length) + " 行", 1)
             ]),
             _: 1
           }, 8, ["disabled"])
-        ])) : k("", !0),
-        ae.value ? (s(), u(B, { key: 2 }, [
-          m(M, {
-            variant: "ghost",
-            size: "sm",
-            type: "button",
-            onClick: l[4] || (l[4] = (e) => P.value = {})
-          }, {
-            default: z(() => [...l[15] || (l[15] = [
-              H("清空筛选", -1)
-            ])]),
-            _: 1
-          }),
-          m(M, {
-            variant: "ghost",
-            size: "sm",
-            type: "button",
-            onClick: l[5] || (l[5] = (e) => ae.value = !1)
-          }, {
-            default: z(() => [...l[16] || (l[16] = [
-              H("收起筛选", -1)
-            ])]),
-            _: 1
-          })
-        ], 64)) : k("", !0),
-        g("span", Pt, E(r.serverMode ? r.totalRows ?? r.rows.length : q.value.length) + " 条记录 · 已选 " + E(h.value.length), 1),
-        g("div", {
+        ])) : h("", !0),
+        j.value ? (s(), D(T, {
+          key: 2,
+          variant: "ghost",
+          size: "sm",
+          type: "button",
+          onClick: a[4] || (a[4] = (t) => J({ filters: {}, page: 1 }))
+        }, {
+          default: z(() => [...a[16] || (a[16] = [
+            V("清空筛选", -1)
+          ])]),
+          _: 1
+        })) : h("", !0),
+        y("span", Wa, O(We.value) + " 条记录 · 已选 " + O(b.value.length), 1),
+        y("div", {
           class: "hys-ui-pf-grid-menu",
           ref_key: "menuRef",
-          ref: Me
+          ref: je
         }, [
-          m(M, {
+          g(T, {
             variant: "ghost",
             size: "sm",
             type: "button",
-            onClick: l[6] || (l[6] = (e) => Y.value = !Y.value),
-            "aria-expanded": Y.value,
+            onClick: a[5] || (a[5] = (t) => I.value = !I.value),
+            "aria-expanded": I.value,
             "aria-label": "配置显示列"
           }, {
             default: z(() => [
-              m(F(Lt), {
+              g(m(Ea), {
                 size: 16,
                 "aria-hidden": "true"
               }),
-              l[17] || (l[17] = H(" 列设置", -1))
+              a[17] || (a[17] = V(" 列设置", -1))
             ]),
             _: 1
           }, 8, ["aria-expanded"]),
-          Y.value ? (s(), u("div", jt, [
-            l[19] || (l[19] = g("strong", null, "显示列与排序", -1)),
-            m(Ut, {
-              class: "hys-ui-pf-grid-settings-list",
-              "model-value": tt.value,
-              "onUpdate:modelValue": l[7] || (l[7] = (e) => D.value = e.map((a) => a.id))
-            }, {
-              item: z(({ item: e }) => {
-                var a;
-                return [
-                  m(Re, {
-                    "model-value": !w.value.includes(e.id),
-                    label: e.label,
-                    disabled: ((a = r.columns.find((n) => n.key === e.id)) == null ? void 0 : a.hideable) === !1 || !w.value.includes(e.id) && R.value.length === 1,
-                    "onUpdate:modelValue": (n) => ht(r.columns.find((d) => d.key === e.id))
-                  }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])
-                ];
-              }),
-              _: 1
-            }, 8, ["model-value"]),
-            m(M, {
-              variant: "ghost",
-              size: "sm",
-              type: "button",
-              onClick: je
-            }, {
-              default: z(() => [...l[18] || (l[18] = [
-                H("恢复默认列", -1)
-              ])]),
-              _: 1
-            })
-          ])) : k("", !0)
+          g(m(Da), {
+            "popup-transition": i.popupTransition,
+            "popup-transition-duration": i.popupTransitionDuration,
+            onInactive: a[7] || (a[7] = (t) => I.value = !1)
+          }, {
+            default: z(() => [
+              I.value ? (s(), u("div", Ja, [
+                a[19] || (a[19] = y("strong", null, "显示列与排序", -1)),
+                g(Ba, {
+                  class: "hys-ui-pf-grid-settings-list",
+                  "model-value": ra.value,
+                  "onUpdate:modelValue": a[6] || (a[6] = (t) => E.value = t.map((l) => l.id))
+                }, {
+                  item: z(({ item: t }) => {
+                    var l;
+                    return [
+                      g(rt, {
+                        "model-value": !C.value.includes(t.id),
+                        label: t.label,
+                        disabled: ((l = v.columns.find((o) => o.key === t.id)) == null ? void 0 : l.hideable) === !1 || !C.value.includes(t.id) && A.value.length === 1,
+                        "onUpdate:modelValue": (o) => ua(
+                          v.columns.find((n) => n.key === t.id)
+                        )
+                      }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["model-value"]),
+                g(T, {
+                  variant: "ghost",
+                  size: "sm",
+                  type: "button",
+                  onClick: Kt
+                }, {
+                  default: z(() => [...a[18] || (a[18] = [
+                    V("恢复默认列", -1)
+                  ])]),
+                  _: 1
+                })
+              ])) : h("", !0)
+            ]),
+            _: 1
+          }, 8, ["popup-transition", "popup-transition-duration"])
         ], 512),
-        m(M, {
+        g(T, {
           variant: "ghost",
           size: "sm",
           type: "button",
-          onClick: zt
+          onClick: ba
         }, {
-          default: z(() => [...l[20] || (l[20] = [
-            H("导出 CSV", -1)
+          default: z(() => [...a[20] || (a[20] = [
+            V("导出 CSV", -1)
           ])]),
           _: 1
         })
       ]),
-      g("div", {
+      y("div", {
+        ref_key: "scrollRef",
+        ref: ge,
         class: "hys-ui-pf-grid-scroll",
-        onDragleave: Ct
+        style: $({ maxHeight: wa.value }),
+        tabindex: "0",
+        role: "region",
+        "aria-label": "表格滚动区域",
+        onDragleave: ga
       }, [
-        g("table", {
-          class: ue({ "hys-ui-pf-grid-sticky-head": r.stickyHeader }),
-          style: X({ minWidth: lt.value + "px" })
+        y("table", {
+          class: ve({ "hys-ui-pf-grid-sticky-head": v.stickyHeader }),
+          style: $({ minWidth: da.value + "px" })
         }, [
-          g("colgroup", null, [
-            r.selectable ? (s(), u("col", qt)) : k("", !0),
-            (s(!0), u(B, null, de(L.value, (e) => (s(), u("col", {
-              key: e.key,
-              style: X({ width: (p.value[e.key] || e.width || 160) + "px" })
+          y("colgroup", null, [
+            v.selectable ? (s(), u("col", Xa)) : h("", !0),
+            (s(!0), u(N, null, ye(G.value, (t) => (s(), u("col", {
+              key: t.key,
+              style: $({ width: B(t) + "px" })
             }, null, 4))), 128))
           ]),
-          g("thead", null, [
-            g("tr", null, [
-              r.selectable ? (s(), u("th", Wt, [
-                m(Re, {
+          y("thead", null, [
+            y("tr", null, [
+              v.selectable ? (s(), u("th", Ga, [
+                v.selectionType !== "radio" ? (s(), D(rt, {
+                  key: 0,
                   "aria-label": "选择当前页全部行",
-                  "model-value": $e.value,
-                  indeterminate: ft.value && !$e.value,
-                  "onUpdate:modelValue": vt
-                }, null, 8, ["model-value", "indeterminate"])
-              ])) : k("", !0),
-              (s(!0), u(B, null, de(L.value, (e) => {
-                var a, n, d, i, y, f, ee;
+                  "model-value": kt.value,
+                  indeterminate: oa.value && !kt.value,
+                  disabled: !Se.value.length || Fe.value || !!m(Ve),
+                  "onUpdate:modelValue": ia
+                }, null, 8, ["model-value", "indeterminate", "disabled"])) : (s(), u("span", Ya, "选择"))
+              ])) : h("", !0),
+              (s(!0), u(N, null, ye(G.value, (t) => {
+                var l, o, n, r, f, k, _;
                 return s(), u("th", {
-                  key: e.key,
+                  key: t.key,
                   scope: "col",
-                  "data-column-key": e.key,
-                  class: ue({ "hys-ui-is-column-dragging": se.value === e.key }),
-                  "data-drop-position": ((a = W.value) == null ? void 0 : a.key) === e.key ? W.value.position : void 0,
-                  draggable: e.reorderable !== !1,
-                  onDragstart: (c) => bt(c, e),
-                  onDragend: _,
-                  onDragover: (c) => wt(c, e),
-                  onDrop: (c) => St(c, e),
-                  "aria-sort": ((n = x.value.find((c) => c.key === e.key)) == null ? void 0 : n.direction) === "asc" ? "ascending" : ((d = x.value.find((c) => c.key === e.key)) == null ? void 0 : d.direction) === "desc" ? "descending" : "none",
-                  style: X({ ...ke(e), textAlign: e.align || "left" })
+                  "data-column-key": t.key,
+                  class: ve({ "hys-ui-is-column-dragging": de.value === t.key }),
+                  "data-drop-position": ((l = Z.value) == null ? void 0 : l.key) === t.key ? Z.value.position : void 0,
+                  draggable: t.reorderable !== !1,
+                  onDragstart: (d) => pa(d, t),
+                  onDragend: fe,
+                  onDragover: (d) => ma(d, t),
+                  onDrop: (d) => ka(d, t),
+                  "aria-sort": ((o = S.value.find((d) => d.key === t.key)) == null ? void 0 : o.direction) === "asc" ? "ascending" : ((n = S.value.find((d) => d.key === t.key)) == null ? void 0 : n.direction) === "desc" ? "descending" : "none",
+                  style: $({ ...He(t, !0), textAlign: t.align || "left" })
                 }, [
-                  g("div", Xt, [
-                    g("div", Gt, [
-                      m(M, {
+                  y("div", _a, [
+                    y("div", el, [
+                      g(T, {
                         variant: "ghost",
                         size: "sm",
                         type: "button",
-                        class: ue(["hys-ui-pf-grid-sort", { "hys-ui-is-sorted": x.value.some((c) => c.key === e.key) }]),
-                        onClick: (c) => mt(e)
+                        class: ve(["hys-ui-pf-grid-sort", {
+                          "hys-ui-is-sorted": S.value.some(
+                            (d) => d.key === t.key
+                          )
+                        }]),
+                        onClick: (d) => Jt(t)
                       }, {
                         default: z(() => [
-                          g("span", Jt, E(e.label), 1)
+                          y("span", tl, O(t.label), 1)
                         ]),
                         _: 2
                       }, 1032, ["class", "onClick"]),
-                      e.sortable !== !1 ? (s(), u("span", {
+                      t.sortable !== !1 ? (s(), u("span", {
                         key: 0,
                         class: "hys-ui-pf-grid-sort-controls",
                         role: "group",
-                        "aria-label": e.label + "排序"
+                        "aria-label": t.label + "排序"
                       }, [
-                        m(M, {
+                        g(T, {
                           type: "button",
                           variant: "ghost",
                           size: "sm",
-                          class: ue(["hys-ui-pf-grid-sort-direction", { "hys-ui-is-active": ((i = x.value.find((c) => c.key === e.key)) == null ? void 0 : i.direction) === "asc" }]),
-                          "aria-label": e.label + "升序",
-                          "aria-pressed": ((y = x.value.find((c) => c.key === e.key)) == null ? void 0 : y.direction) === "asc",
-                          onClick: A((c) => He(e, "asc"), ["stop"])
+                          class: ve(["hys-ui-pf-grid-sort-direction", {
+                            "hys-ui-is-active": ((r = S.value.find((d) => d.key === t.key)) == null ? void 0 : r.direction) === "asc"
+                          }]),
+                          "aria-label": t.label + "升序",
+                          "aria-pressed": ((f = S.value.find((d) => d.key === t.key)) == null ? void 0 : f.direction) === "asc",
+                          onClick: q((d) => pt(t, "asc"), ["stop"])
                         }, {
                           default: z(() => [
-                            m(F(Et), {
+                            g(m(Ka), {
                               size: 11,
                               "aria-hidden": "true"
                             })
                           ]),
                           _: 1
                         }, 8, ["class", "aria-label", "aria-pressed", "onClick"]),
-                        m(M, {
+                        g(T, {
                           type: "button",
                           variant: "ghost",
                           size: "sm",
-                          class: ue(["hys-ui-pf-grid-sort-direction", { "hys-ui-is-active": ((f = x.value.find((c) => c.key === e.key)) == null ? void 0 : f.direction) === "desc" }]),
-                          "aria-label": e.label + "降序",
-                          "aria-pressed": ((ee = x.value.find((c) => c.key === e.key)) == null ? void 0 : ee.direction) === "desc",
-                          onClick: A((c) => He(e, "desc"), ["stop"])
+                          class: ve(["hys-ui-pf-grid-sort-direction", {
+                            "hys-ui-is-active": ((k = S.value.find((d) => d.key === t.key)) == null ? void 0 : k.direction) === "desc"
+                          }]),
+                          "aria-label": t.label + "降序",
+                          "aria-pressed": ((_ = S.value.find((d) => d.key === t.key)) == null ? void 0 : _.direction) === "desc",
+                          onClick: q((d) => pt(t, "desc"), ["stop"])
                         }, {
                           default: z(() => [
-                            m(F(Ae), {
+                            g(m(it), {
                               size: 11,
                               "aria-hidden": "true"
                             })
                           ]),
                           _: 1
                         }, 8, ["class", "aria-label", "aria-pressed", "onClick"])
-                      ], 8, Qt)) : k("", !0)
+                      ], 8, al)) : h("", !0)
                     ]),
-                    e.filterable !== !1 ? (s(), ce(M, {
+                    t.filterable !== !1 ? (s(), D(T, {
                       key: 0,
                       variant: "ghost",
                       size: "sm",
                       type: "button",
-                      class: ue(["hys-ui-pf-grid-filter", { "hys-ui-is-filtered": !!P.value[e.key] }]),
-                      "aria-label": "筛选" + e.label,
-                      "aria-expanded": ae.value,
-                      onClick: (c) => et(e)
+                      class: ve(["hys-ui-pf-grid-filter", {
+                        "hys-ui-is-filtered": !!ct(t.key),
+                        "hys-ui-is-filtering": j.value && ae.value === t.key
+                      }]),
+                      "aria-label": "筛选" + t.label,
+                      "aria-expanded": j.value,
+                      "aria-controls": m(ut),
+                      title: j.value && ae.value === t.key ? "再次点击收起筛选（Esc）" : "筛选" + t.label,
+                      onClick: (d) => fa(t)
                     }, {
                       default: z(() => [
-                        m(F(Bt), {
+                        g(m(Aa), {
                           size: 13,
                           "aria-hidden": "true"
                         })
                       ]),
                       _: 1
-                    }, 8, ["aria-label", "class", "aria-expanded", "onClick"])) : k("", !0),
-                    e.resizable !== !1 ? (s(), u("span", {
+                    }, 8, ["aria-label", "aria-expanded", "aria-controls", "title", "class", "onClick"])) : h("", !0),
+                    t.resizable !== !1 ? (s(), u("span", {
                       key: 1,
                       class: "hys-ui-pf-grid-resize",
                       role: "separator",
                       tabindex: "0",
-                      "aria-label": "调整" + e.label + "列宽",
-                      onPointerdown: (c) => kt(c, e),
-                      onKeydown: [
-                        ve(A((c) => p.value = { ...p.value, [e.key]: Math.max(e.minWidth || 80, (p.value[e.key] || e.width || 160) - 10) }, ["prevent"]), ["left"]),
-                        ve(A((c) => p.value = { ...p.value, [e.key]: Math.min(e.maxWidth || 800, (p.value[e.key] || e.width || 160) + 10) }, ["prevent"]), ["right"])
-                      ]
-                    }, null, 40, Yt)) : k("", !0)
+                      "aria-label": "调整" + t.label + "列宽",
+                      onPointerdown: (d) => va(d, t),
+                      "aria-orientation": "vertical",
+                      "aria-valuemin": Math.min(Ne(t), B(t)),
+                      "aria-valuemax": Math.max(tt(t), B(t)),
+                      "aria-valuenow": B(t),
+                      onKeydown: (d) => ya(d, t)
+                    }, null, 40, ll)) : h("", !0)
                   ])
-                ], 46, It);
+                ], 46, Za);
               }), 128))
             ]),
-            ae.value ? (s(), u("tr", {
+            j.value ? (s(), u("tr", {
               key: 0,
               class: "hys-ui-pf-grid-filter-row",
-              "aria-label": "列筛选",
-              onKeydown: l[8] || (l[8] = ve(A((e) => ae.value = !1, ["stop"]), ["esc"]))
+              id: m(ut),
+              onKeydown: a[8] || (a[8] = nt(q((t) => wt(), ["stop", "prevent"]), ["esc"])),
+              "aria-label": "列筛选"
             }, [
-              r.selectable ? (s(), u("td", Zt)) : k("", !0),
-              (s(!0), u(B, null, de(L.value, (e) => (s(), u("td", {
-                key: e.key,
-                "data-filter-key": e.key,
-                "data-column-key": e.key,
-                style: X({ ...ke(e), background: "var(--hys-ui-surface-alt,var(--hys-ui-theme-surface-alt))" })
+              v.selectable ? (s(), u("td", nl)) : h("", !0),
+              (s(!0), u(N, null, ye(G.value, (t) => (s(), u("td", {
+                key: t.key,
+                "data-filter-key": t.key,
+                "data-column-key": t.key,
+                style: $(He(t))
               }, [
-                e.filterable !== !1 ? (s(), ce(ze, {
+                t.filterable !== !1 ? (s(), D(Ie, {
                   key: 0,
-                  modelValue: P.value[e.key],
-                  "onUpdate:modelValue": (a) => P.value[e.key] = a,
-                  "aria-label": "过滤" + e.label,
+                  "model-value": ct(t.key),
+                  "onUpdate:modelValue": (l) => Pt(t.key, l),
+                  onFocus: (l) => ae.value = t.key,
+                  "aria-label": "过滤" + t.label,
                   placeholder: "筛选…",
                   clearable: ""
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-label"])) : k("", !0)
-              ], 12, _t))), 128))
-            ], 32)) : k("", !0)
+                }, null, 8, ["model-value", "onUpdate:modelValue", "onFocus", "aria-label"])) : h("", !0)
+              ], 12, il))), 128))
+            ], 40, ol)) : h("", !0)
           ]),
-          g("tbody", null, [
-            r.loading ? (s(), u("tr", el, [
-              g("td", {
-                colspan: R.value.length + (r.selectable ? 1 : 0),
+          y("tbody", null, [
+            Fe.value ? (s(), u("tr", sl, [
+              y("td", {
+                colspan: Math.max(1, A.value.length + Number(v.selectable)),
                 class: "hys-ui-pf-grid-empty"
-              }, "正在加载…", 8, tl)
-            ])) : (s(), u(B, { key: 1 }, [
-              (s(!0), u(B, null, de(st.value, (e) => (s(), u(B, {
-                key: e.key
               }, [
-                e.kind === "group" ? (s(), u("tr", ll, [
-                  g("td", {
-                    colspan: R.value.length + (r.selectable ? 1 : 0)
+                y("div", ul, [
+                  $e(e.$slots, "loading", {}, () => [
+                    a[21] || (a[21] = V("正在加载…", -1))
+                  ], !0)
+                ])
+              ], 8, rl)
+            ])) : m(Ve) ? (s(), u("tr", dl, [
+              y("td", {
+                colspan: Math.max(1, A.value.length + Number(v.selectable)),
+                class: "hys-ui-pf-grid-empty"
+              }, [
+                $e(e.$slots, "error", {
+                  error: m(Ve).error,
+                  retry: Ge
+                }, () => [
+                  a[23] || (a[23] = y("span", { role: "status" }, "加载失败", -1)),
+                  g(T, {
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: Ge
+                  }, {
+                    default: z(() => [...a[22] || (a[22] = [
+                      V("重试", -1)
+                    ])]),
+                    _: 1
+                  })
+                ], !0)
+              ], 8, cl)
+            ])) : (s(), u(N, { key: 2 }, [
+              (s(!0), u(N, null, ye(Yt.value, (t) => (s(), u(N, {
+                key: t.key
+              }, [
+                t.kind === "group" ? (s(), u("tr", fl, [
+                  y("td", {
+                    colspan: A.value.length + Number(v.selectable)
                   }, [
-                    m(M, {
+                    g(T, {
                       variant: "ghost",
                       size: "sm",
-                      type: "button",
-                      "aria-expanded": !j.value.includes(e.key),
-                      onClick: (a) => dt(e.key)
+                      "aria-expanded": !se.value.has(t.key),
+                      onClick: (l) => _t(t.key)
                     }, {
                       default: z(() => {
-                        var a;
+                        var l;
                         return [
-                          (s(), ce(qe(j.value.includes(e.key) ? F(We) : F(Ae)), {
+                          (s(), D(Dt(
+                            se.value.has(t.key) ? m(Ft) : m(it)
+                          ), {
                             size: 15,
                             "aria-hidden": "true"
                           })),
-                          H(" " + E((a = Te.value.find((n) => n.key === G.value)) == null ? void 0 : a.label) + "：" + E(e.label) + " ", 1),
-                          g("span", null, "(" + E(e.count) + ")", 1)
+                          V(" " + O((l = F.value.get(he.value)) == null ? void 0 : l.label) + "：" + O(t.label) + " ", 1),
+                          y("span", null, "(" + O(t.count) + ")", 1)
                         ];
                       }),
                       _: 2
                     }, 1032, ["aria-expanded", "onClick"])
-                  ], 8, al)
-                ])) : e.row ? (s(), u("tr", {
+                  ], 8, vl)
+                ])) : (s(), u("tr", {
                   key: 1,
-                  onClick: (a) => V("rowClick", e.row)
+                  "data-grid-row": m(st)(t.item.id),
+                  onClick: (l) => x("rowClick", t.item.row)
                 }, [
-                  r.selectable ? (s(), u("td", ol, [
-                    m(Re, {
-                      "aria-label": "选择第" + ((e.index ?? 0) + 1) + "行",
-                      "model-value": h.value.includes(Z(e.row, e.index ?? 0)),
-                      onClick: l[9] || (l[9] = A(() => {
+                  v.selectable ? (s(), u("td", pl, [
+                    v.selectionType === "radio" ? (s(), D(Ha, {
+                      key: 0,
+                      name: m(Bt),
+                      "aria-label": "选择第" + (t.pageIndex + 1) + "行",
+                      "model-value": b.value[0] ?? null,
+                      value: t.item.id,
+                      disabled: !Oe(t.item),
+                      onClick: a[9] || (a[9] = q(() => {
                       }, ["stop"])),
-                      "onUpdate:modelValue": (a) => yt(Z(e.row, e.index ?? 0), a)
-                    }, null, 8, ["aria-label", "model-value", "onUpdate:modelValue"])
-                  ])) : k("", !0),
-                  (s(!0), u(B, null, de(L.value, (a) => {
-                    var n, d, i, y;
+                      "onUpdate:modelValue": (l) => et(t.item.id, !0)
+                    }, null, 8, ["name", "aria-label", "model-value", "value", "disabled", "onUpdate:modelValue"])) : (s(), D(rt, {
+                      key: 1,
+                      "aria-label": "选择第" + (t.pageIndex + 1) + "行",
+                      "model-value": Le.value.has(t.item.id),
+                      disabled: !Oe(t.item),
+                      onClick: a[10] || (a[10] = q(() => {
+                      }, ["stop"])),
+                      "onUpdate:modelValue": (l) => et(t.item.id, l)
+                    }, null, 8, ["aria-label", "model-value", "disabled", "onUpdate:modelValue"]))
+                  ])) : h("", !0),
+                  (s(!0), u(N, null, ye(G.value, (l, o) => {
+                    var n, r;
                     return s(), u("td", {
-                      key: a.key,
-                      "data-column-key": a.key,
-                      style: X({ ...ke(a), textAlign: a.align || "left" }),
-                      title: oe(e.row, a.key)
+                      key: l.key,
+                      "data-column-key": l.key,
+                      style: $({
+                        ...He(l),
+                        textAlign: l.align || "left"
+                      }),
+                      title: re(t.item.row, l)
                     }, [
-                      ((n = Q.value) == null ? void 0 : n.id) === Z(e.row, e.index ?? 0) && ((d = Q.value) == null ? void 0 : d.key) === a.key ? (s(), ce(ze, {
+                      ((n = W.value) == null ? void 0 : n.id) === t.item.id && ((r = W.value) == null ? void 0 : r.key) === l.key ? (s(), D(Ie, {
                         key: 0,
-                        modelValue: ge.value,
-                        "onUpdate:modelValue": l[10] || (l[10] = (f) => ge.value = f),
+                        modelValue: Ke.value,
+                        "onUpdate:modelValue": a[11] || (a[11] = (f) => Ke.value = f),
                         class: "hys-ui-pf-grid-edit",
-                        "aria-label": "编辑" + a.label,
-                        onClick: l[11] || (l[11] = A(() => {
+                        "aria-label": "编辑" + l.label,
+                        onClick: a[12] || (a[12] = q(() => {
                         }, ["stop"])),
                         onKeydown: [
-                          ve(A((f) => Ue(e.row, a), ["stop"]), ["enter"]),
-                          l[12] || (l[12] = ve(A((f) => Q.value = null, ["stop"]), ["esc"]))
+                          nt(q((f) => gt(t.item, l), ["stop"]), ["enter"]),
+                          a[13] || (a[13] = nt(q((f) => W.value = null, ["stop"]), ["esc"]))
                         ],
-                        onFocusout: (f) => Ue(e.row, a)
-                      }, null, 8, ["modelValue", "aria-label", "onKeydown", "onFocusout"])) : (s(), u(B, { key: 1 }, [
-                        r.treeMode && a.key === ((i = L.value[0]) == null ? void 0 : i.key) && e.row.__pfHasChildren ? (s(), ce(M, {
-                          key: 0,
-                          variant: "ghost",
-                          size: "sm",
-                          type: "button",
-                          class: "hys-ui-pf-grid-tree-toggle",
-                          style: X({ marginLeft: Number(e.row.__pfDepth || 0) * 16 + "px" }),
-                          "aria-expanded": J.value.includes(e.row[r.rowKey]),
-                          onClick: A((f) => rt(e.row[r.rowKey]), ["stop"])
-                        }, {
-                          default: z(() => [
-                            (s(), ce(qe(J.value.includes(e.row[r.rowKey]) ? F(Ae) : F(We)), {
-                              size: 15,
-                              "aria-hidden": "true"
-                            }))
-                          ]),
-                          _: 2
-                        }, 1032, ["style", "aria-expanded", "onClick"])) : r.treeMode && a.key === ((y = L.value[0]) == null ? void 0 : y.key) ? (s(), u("span", {
-                          key: 1,
-                          style: X({ display: "inline-block", width: Number(e.row.__pfDepth || 0) * 16 + 20 + "px" })
-                        }, null, 4)) : k("", !0),
-                        g("span", {
-                          onDblclick: A((f) => it(e.row, a), ["stop"])
+                        onFocusout: (f) => gt(t.item, l)
+                      }, null, 8, ["modelValue", "aria-label", "onKeydown", "onFocusout"])) : (s(), u(N, { key: 1 }, [
+                        v.treeMode && o === 0 ? (s(), u(N, { key: 0 }, [
+                          t.item.hasChildren ? (s(), D(T, {
+                            key: 0,
+                            variant: "ghost",
+                            size: "sm",
+                            class: "hys-ui-pf-grid-tree-toggle",
+                            style: $({ marginLeft: t.item.depth * 16 + "px" }),
+                            "aria-expanded": ie.value.has(t.item.id),
+                            "aria-label": ie.value.has(t.item.id) ? "折叠子行" : "展开子行",
+                            onClick: q((f) => Zt(t.item.id), ["stop"])
+                          }, {
+                            default: z(() => [
+                              (s(), D(Dt(
+                                ie.value.has(t.item.id) ? m(it) : m(Ft)
+                              ), {
+                                size: 15,
+                                "aria-hidden": "true"
+                              }))
+                            ]),
+                            _: 2
+                          }, 1032, ["style", "aria-expanded", "aria-label", "onClick"])) : (s(), u("span", {
+                            key: 1,
+                            style: $({
+                              display: "inline-block",
+                              width: t.item.depth * 16 + 20 + "px"
+                            })
+                          }, null, 4))
+                        ], 64)) : h("", !0),
+                        y("span", {
+                          onDblclick: q((f) => ea(t.item, l), ["stop"])
                         }, [
-                          At(t.$slots, a.key, {
-                            row: e.row,
-                            value: e.row[a.key]
+                          $e(e.$slots, l.key, {
+                            row: t.item.row,
+                            value: m(me)(t.item.row, l),
+                            index: t.item.index
                           }, () => [
-                            H(E(oe(e.row, a.key)), 1)
+                            V(O(re(t.item.row, l)), 1)
                           ], !0)
-                        ], 40, rl)
+                        ], 40, gl)
                       ], 64))
-                    ], 12, sl);
+                    ], 12, ml);
                   }), 128))
-                ], 8, nl)) : k("", !0)
+                ], 8, yl))
               ], 64))), 128)),
-              be.value.length ? k("", !0) : (s(), u("tr", il, [
-                g("td", {
-                  colspan: R.value.length + (r.selectable ? 1 : 0),
+              Xe.value.length ? h("", !0) : (s(), u("tr", hl, [
+                y("td", {
+                  colspan: Math.max(1, A.value.length + Number(v.selectable)),
                   class: "hys-ui-pf-grid-empty"
-                }, E(r.emptyText), 9, ul)
+                }, [
+                  $e(e.$slots, "empty", {
+                    query: we()
+                  }, () => [
+                    V(O(v.emptyText), 1)
+                  ], !0)
+                ], 8, kl)
               ]))
             ], 64))
           ]),
-          r.showSummary && !r.loading && q.value.length ? (s(), u("tfoot", dl, [
-            g("tr", cl, [
-              r.selectable ? (s(), u("td", fl, "合计")) : k("", !0),
-              (s(!0), u(B, null, de(L.value, (e, a) => (s(), u("td", {
-                key: e.key,
-                "data-column-key": e.key,
-                style: X({ ...ke(e), textAlign: e.align || "left" })
-              }, E(e.summary ? ct(e) : !r.selectable && a === 0 ? "合计" : ""), 13, yl))), 128))
+          v.showSummary && !Fe.value && !m(Ve) && be.value.length ? (s(), u("tfoot", bl, [
+            y("tr", wl, [
+              v.selectable ? (s(), u("td", Sl, "合计")) : h("", !0),
+              (s(!0), u(N, null, ye(G.value, (t, l) => (s(), u("td", {
+                key: t.key,
+                "data-column-key": t.key,
+                style: $({
+                  ...He(t),
+                  textAlign: t.align || "left"
+                })
+              }, O(t.summary || v.summaryMethod ? la(t) : !v.selectable && l === 0 ? "合计" : ""), 13, Cl))), 128))
             ])
-          ])) : k("", !0)
+          ])) : h("", !0)
         ], 6)
-      ], 32),
-      g("footer", vl, [
-        m($t, {
-          page: C.value,
-          total: r.serverMode ? r.totalRows ?? r.rows.length : q.value.length,
-          "page-size": ne.value,
-          "show-size-changer": !0,
-          "show-quick-jumper": !0,
-          disabled: r.loading,
+      ], 36),
+      y("footer", xl, [
+        !v.loadRows || m(De) !== void 0 ? (s(), D(Ua, {
+          key: 0,
+          page: ue.value,
+          total: We.value,
+          "page-size": Q.value,
+          "show-size-changer": "",
+          "show-quick-jumper": "",
+          disabled: v.loading,
           "page-size-options": [10, 12, 20, 50, 100],
-          onChange: gt,
-          onPageSizeChange: pt
-        }, null, 8, ["page", "total", "page-size", "disabled"])
+          onChange: Qt,
+          "onUpdate:pageSize": Wt
+        }, null, 8, ["page", "total", "page-size", "disabled"])) : h("", !0)
       ])
-    ], 16));
+    ], 16, $a));
   }
 });
 export {
-  Ml as default
+  Bl as default
 };