hys-ui 0.6.0 → 0.8.0

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

@@ -1,46 +1,63 @@
-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 = {
+import { defineComponent as ia, ref as C, useId as ol, computed as f, shallowRef as Ge, watch as F, onMounted as ra, onDeactivated as sa, onBeforeUnmount as ua, openBlock as r, createElementBlock as d, mergeProps as ee, unref as v, createElementVNode as y, createVNode as k, createTextVNode as T, createCommentVNode as g, withCtx as M, toDisplayString as z, createBlock as D, renderSlot as $, normalizeStyle as I, normalizeClass as pe, Fragment as N, renderList as te, withModifiers as U, withKeys as nl, resolveDynamicComponent as il, nextTick as ye } from "vue";
+import { Settings2 as da, ChevronUp as ca, ChevronDown as St, Search as fa, Ellipsis as va, ChevronRight as rl } from "lucide-vue-next";
+import { useHysRootAttrs as pa } from "../../config.js";
+import ya from "../../motion/PopupMotion.js";
+import { useMotion as ga } from "../../motion/useMotion.js";
+import { gridRows as ma, gridValue as Ne, gridTree as ha, gridToken as W, positiveInteger as xt, gridKey as ba } from "../../composables/dataGrid.js";
+import { useDataGridRemote as ka } from "../../composables/useDataGridRemote.js";
+import { useTabularRowNavigation as wa } from "../../composables/useTabularRowNavigation.js";
+import { normalizeGridColumnLayout as sl, gridMaxColumnWidth as ul, gridMinColumnWidth as dl, gridBoundColumnWidth as at } from "./gridColumnLayout.js";
+import { gridHeaderGroups as Ca } from "./gridPresentation.js";
+import { useGridContextMenu as Sa } from "./useGridContextMenu.js";
+import xa from "../HysContextMenu/HysContextMenu.vue.js";
+import Ra from "../HysSortableList/HysSortableList.vue.js";
+import cl from "../HysSelect/HysSelect.vue.js";
+import ot from "../HysInput/HysInput.vue.js";
+import Rt from "../HysCheckbox/HysCheckbox.vue.js";
+import Ma from "../HysRadio/HysRadio.vue.js";
+import B from "../HysButton/HysButton.vue.js";
+import za from "../HysPagination/HysPagination.vue.js";
+const Ka = ["aria-busy"], Ta = { class: "hys-ui-pf-grid-toolbar" }, Da = { class: "hys-ui-pf-grid-search" }, Ea = {
   key: 0,
   class: "hys-ui-pf-grid-group-label"
-}, Qa = {
+}, Na = {
   key: 1,
   class: "hys-ui-pf-grid-batch"
-}, Wa = { class: "hys-ui-pf-grid-count" }, Ja = {
+}, Ba = { class: "hys-ui-pf-grid-count" }, Aa = {
   key: 0,
   class: "hys-ui-pf-grid-panel"
-}, Xa = {
+}, La = { key: 0 }, Va = { key: 1 }, Oa = {
   key: 0,
-  style: { width: "44px" }
-}, Ga = {
+  class: "hys-ui-pf-grid-header-groups"
+}, Fa = {
+  key: 0,
+  class: "hys-ui-pf-grid-select-col"
+}, qa = ["scope", "colspan"], Ha = {
   key: 0,
   scope: "col",
   class: "hys-ui-pf-grid-select-col"
-}, 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 = {
+}, $a = { key: 1 }, Ia = ["tabindex", "data-column-key", "data-drop-position", "draggable", "onDragstart", "onDragover", "onDrop", "onClick", "onContextmenu", "onKeydown", "aria-sort"], Ua = { class: "hys-ui-pf-grid-head" }, Pa = { class: "hys-ui-pf-grid-sort-label" }, ja = {
+  key: 1,
+  class: "hys-ui-pf-grid-sort-label"
+}, Ga = ["aria-label"], Qa = ["aria-label", "onPointerdown", "aria-valuemin", "aria-valuemax", "aria-valuenow", "onKeydown"], Wa = ["id"], Ja = {
   key: 0,
   class: "hys-ui-pf-grid-select-col"
-}, il = ["data-filter-key", "data-column-key"], sl = { key: 0 }, rl = ["colspan"], ul = { role: "status" }, dl = { key: 1 }, cl = ["colspan"], fl = {
+}, Xa = ["data-filter-key", "data-column-key"], Ya = { key: 0 }, Za = ["colspan"], _a = {
+  class: "hys-ui-pf-grid-state",
+  role: "status"
+}, eo = { key: 1 }, to = ["colspan"], lo = { class: "hys-ui-pf-grid-state" }, ao = {
   key: 0,
   class: "hys-ui-pf-grid-group-row"
-}, vl = ["colspan"], yl = ["data-grid-row", "onClick"], pl = {
+}, oo = ["colspan"], no = {
+  key: 0,
+  class: "hys-ui-pf-grid-group-summary"
+}, io = { key: 0 }, ro = ["data-grid-row", "aria-current", "onClick", "onDblclick", "onContextmenu"], so = {
   key: 0,
   class: "hys-ui-pf-grid-select-col"
-}, ml = ["data-column-key", "title"], gl = ["onDblclick"], hl = { key: 0 }, kl = ["colspan"], bl = { key: 0 }, wl = { class: "hys-ui-pf-grid-summary-row" }, Sl = {
+}, uo = ["data-column-key", "tabindex", "title", "onClick", "onDblclick", "onContextmenu", "onKeydown"], co = ["inert"], fo = { key: 0 }, vo = ["colspan"], po = { class: "hys-ui-pf-grid-state" }, yo = { key: 2 }, go = { class: "hys-ui-pf-grid-summary-row" }, mo = {
   key: 0,
   class: "hys-ui-pf-grid-select-col"
-}, Cl = ["data-column-key"], xl = { class: "hys-ui-pf-grid-footer" }, Bl = /* @__PURE__ */ xa({
+}, ho = ["data-column-key"], bo = { class: "hys-ui-pf-grid-footer" }, qo = /* @__PURE__ */ ia({
   __name: "HysDataGrid",
   props: {
     columns: {},
@@ -69,300 +86,369 @@ const $a = ["aria-busy"], Ia = { class: "hys-ui-pf-grid-toolbar" }, ja = { class
     maxHeight: {},
     scrollToTopOnQuery: { type: Boolean },
     groupable: { type: Boolean },
+    groupBy: {},
+    defaultGroupBy: {},
+    groupSummary: { type: Boolean },
     showSummary: { type: Boolean },
+    summaryScope: { default: "filtered" },
     summaryMethod: {},
     treeMode: { type: Boolean },
     parentKey: { default: "parentId" },
     editable: { type: Boolean },
+    keyboardNavigation: { type: Boolean },
+    caption: {},
+    striped: { type: Boolean },
+    highlightCurrentRow: { type: Boolean },
+    currentRowKey: {},
+    defaultCurrentRowKey: {},
+    rowClassName: {},
+    rowStyle: {},
+    cellClassName: {},
+    cellStyle: {},
+    headerClassName: {},
+    headerStyle: {},
+    contextMenu: { type: [Boolean, Function] },
     popupTransition: {},
     popupTransitionDuration: {}
   },
-  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(
+  emits: ["rowClick", "selectionChange", "update:selectedRowKeys", "columnsChange", "columnLayoutChange", "update:currentRowKey", "currentChange", "headerClick", "headerContextmenu", "rowDblclick", "rowContextmenu", "cellClick", "cellDblclick", "cellContextmenu", "contextMenuSelect", "update:groupBy", "groupChange", "sortChange", "pageChange", "pageSizeChange", "update:query", "queryChange", "loadError", "cellEdit", "batchEdit"],
+  setup(s, { expose: fl, emit: vl }) {
+    const i = s, p = vl, pl = pa(), ge = C(null), le = C(null), nt = C(null), ae = C(!1), oe = C(!1), me = C(), Mt = ol(), yl = ol(), S = f(
       () => new Map(i.columns.map((e) => [e.key, e]))
     );
-    function le(e) {
-      const a = [], t = /* @__PURE__ */ new Set();
+    function he(e) {
+      const l = [], 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))
+        const n = S.value.get(o.key);
+        if (!(!n || n.sortable === !1 || t.has(o.key)) && !(o.direction !== "asc" && o.direction !== "desc") && (t.add(o.key), l.push({ key: o.key, direction: o.direction }), !i.multiSort))
           break;
       }
-      const l = Object.fromEntries(
+      const a = Object.fromEntries(
         Object.entries(e.filters ?? {}).filter(([o, n]) => {
-          const r = F.value.get(o);
-          return r && r.filterable !== !1 && typeof n == "string" && n !== "";
+          const c = S.value.get(o);
+          return c && c.filterable !== !1 && typeof n == "string" && n !== "";
         })
       );
       return {
-        page: Te(e.page, 1),
-        pageSize: Te(e.pageSize, 10),
-        sort: a,
+        page: xt(e.page, 1),
+        pageSize: xt(e.pageSize, 10),
+        sort: l,
         search: e.search ?? "",
-        filters: l
+        filters: a
       };
     }
-    const dt = () => {
-      var e, a;
-      return le({
+    const zt = () => {
+      var e, l;
+      return he({
         ...i.defaultQuery,
         page: i.page ?? ((e = i.defaultQuery) == null ? void 0 : e.page),
-        pageSize: i.pageSize ?? ((a = i.defaultQuery) == null ? void 0 : a.pageSize)
+        pageSize: i.pageSize ?? ((l = i.defaultQuery) == null ? void 0 : l.pageSize)
       });
-    }, P = Me(dt()), oe = c(
-      () => le(i.query ?? P.value)
-    ), S = c(() => oe.value.sort), Pe = c({
-      get: () => oe.value.search,
+    }, ne = Ge(zt()), be = f(
+      () => he(i.query ?? ne.value)
+    ), x = f(() => be.value.sort), it = f({
+      get: () => be.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)
+    }), Qe = f(() => be.value.filters), rt = (e) => Object.hasOwn(Qe.value, e) ? Qe.value[e] : "", ie = f(() => be.value.pageSize), ke = f(() => i.serverMode || !!i.loadRows), Kt = C(), we = f(() => {
+      const e = i.groupBy ?? Kt.value ?? i.defaultGroupBy ?? "";
+      return S.value.has(e) ? e : "";
+    });
+    function Tt(e) {
+      const l = S.value.has(e) ? e : "";
+      l !== we.value && (i.groupBy === void 0 && (Kt.value = l), p("update:groupBy", l));
+    }
+    const Ce = Ge(/* @__PURE__ */ new Set()), re = Ge(/* @__PURE__ */ new Set()), P = C(null), We = C(""), Be = C(""), Je = C(""), gl = new Intl.Collator("zh-CN", { numeric: !0 }), se = f(() => ({
+      ...be.value,
+      page: Math.min(be.value.page, dt.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,
+      pending: ml,
+      failure: Ae,
+      reload: hl,
+      sourceRows: Dt,
+      remoteTotal: Xe
+    } = ka(i, se, (e) => p("loadError", e)), ue = f(() => i.loading || ml.value), Et = f(
+      () => ma(
+        Dt.value,
         i.rowKey,
-        ne.value ? (ee.value.page - 1) * Q.value : 0
+        ke.value ? (se.value.page - 1) * ie.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(
+    ), Se = (e, l) => String(Ne(e, l) ?? ""), Le = f(() => {
+      const e = Et.value;
+      if (ke.value) return e;
+      const l = it.value.trim().toLocaleLowerCase(), t = Object.entries(Qe.value).flatMap(
         ([o, n]) => {
-          const r = F.value.get(o);
-          return r ? [{ column: r, value: n, term: n.toLocaleLowerCase() }] : [];
+          const c = S.value.get(o);
+          return c ? [{ column: c, value: n, term: n.toLocaleLowerCase() }] : [];
         }
-      ), l = e.filter(
-        ({ row: o }) => (!a || i.columns.some(
-          (n) => re(o, n).toLocaleLowerCase().includes(a)
+      ), a = e.filter(
+        ({ row: o }) => (!l || i.columns.some(
+          (n) => Se(o, n).toLocaleLowerCase().includes(l)
         )) && t.every(
-          (n) => n.column.filterMethod ? n.column.filterMethod(n.value, o) : re(o, n.column).toLocaleLowerCase().includes(n.term)
+          (n) => n.column.filterMethod ? n.column.filterMethod(n.value, o) : Se(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 x.value.length ? a.sort((o, n) => {
+        for (const { key: c, direction: m } of x.value) {
+          const b = S.value.get(c), O = Ne(o.row, b), Z = Ne(n.row, b), u = b.sortMethod ? b.sortMethod(o.row, n.row) : typeof O == "number" && typeof Z == "number" ? O - Z : gl.compare(String(O ?? ""), String(Z ?? ""));
+          if (u) return m === "asc" ? u : -u;
         }
         return 0;
-      }) : 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(
+      }) : a;
+    }), st = f(
+      () => i.treeMode ? ha(Le.value, i.parentKey, Ce.value) : Le.value.map((e) => ({ ...e, depth: 0, hasChildren: !1 }))
+    ), ut = f(
+      () => ke.value ? Math.max(
         0,
         Math.floor(
-          Number.isFinite(De.value) ? De.value : ft.value.length
+          Number.isFinite(Xe.value) ? Xe.value : Dt.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
+      ) : st.value.length
+    ), dt = f(
+      () => i.loadRows && Xe.value === void 0 ? Number.MAX_SAFE_INTEGER : Math.max(1, Math.ceil(ut.value / ie.value))
+    ), xe = f(() => se.value.page), Ve = f(
+      () => ke.value ? st.value : st.value.slice(
+        (xe.value - 1) * ie.value,
+        xe.value * ie.value
       )
-    ), It = c(() => be.value.map((e) => e.row)), we = () => le(ee.value);
+    ), Oe = () => he(se.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)));
+      const l = he({ ...se.value, ...e });
+      JSON.stringify(l) !== JSON.stringify(se.value) && (i.query === void 0 && (ne.value = l), p("update:query", he(l)));
     }
-    function jt() {
-      J(dt());
+    function bl() {
+      J(zt());
     }
-    function Ge() {
-      i.loadRows ? $t() : x("queryChange", we());
+    function ct() {
+      i.loadRows ? hl() : p("queryChange", Oe());
     }
-    function Pt(e, a) {
-      J({ filters: { ...Ee.value, [e]: a }, page: 1 });
+    function Nt(e, l) {
+      J({ filters: { ...Qe.value, [e]: l }, page: 1 });
     }
-    L(
+    F(
       [() => i.page, () => i.pageSize],
-      ([e, a], [t, l]) => {
-        const o = P.value;
-        P.value = le({
+      ([e, l], [t, a]) => {
+        const o = ne.value;
+        ne.value = he({
           ...o,
-          page: e !== t ? e : a !== l ? 1 : o.page,
-          pageSize: a !== l ? a : o.pageSize
+          page: e !== t ? e : l !== a ? 1 : o.page,
+          pageSize: l !== a ? l : 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),
+    ), F([dt, () => ne.value.page], ([e]) => {
+      i.query === void 0 && ne.value.page > e && (ne.value = { ...ne.value, page: e });
+    }), F(
+      () => JSON.stringify(se.value),
       () => {
-        W.value = null, i.scrollToTopOnQuery && ge.value && (ge.value.scrollTop = 0), x("queryChange", we());
+        P.value = null, i.scrollToTopOnQuery && le.value && (le.value.scrollTop = 0), p("queryChange", Oe());
       },
       { flush: "post" }
-    ), za(() => {
-      i.immediateQuery && x("queryChange", we());
+    ), ra(() => {
+      i.immediateQuery && p("queryChange", Oe());
     });
-    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);
+    let ft = !1;
+    async function kl(e) {
+      if (ft) return;
+      const l = xe.value;
+      J({ page: Math.min(e, dt.value) }), await ye(), xe.value !== l && p("pageChange", xe.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 wl(e) {
+      const l = ie.value;
+      ft = !0, J({ pageSize: e, page: 1 }), await ye(), ft = !1, ie.value !== l && p("pageSizeChange", ie.value);
     }
-    async function yt(e, a) {
+    async function Ye(e, l) {
       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);
+      const t = JSON.stringify(x.value), a = i.multiSort ? x.value.filter((o) => o.key !== e.key) : [];
+      l && a.push({ key: e.key, direction: l }), J({ sort: a, page: 1 }), await ye(), JSON.stringify(x.value) !== t && p("sortChange", x.value[0] ?? null);
     }
-    function Jt(e) {
+    function Cl(e) {
       var t;
-      const a = (t = S.value.find(
-        (l) => l.key === e.key
+      const l = (t = x.value.find(
+        (a) => a.key === e.key
       )) == null ? void 0 : t.direction;
-      yt(
+      Ye(
         e,
-        a === "asc" ? "desc" : a === "desc" ? null : "asc"
+        l === "asc" ? "desc" : l === "desc" ? null : "asc"
       );
     }
-    function pt(e, a) {
-      var l;
-      const t = (l = S.value.find(
+    function Bt(e, l) {
+      var a;
+      const t = (a = x.value.find(
         (o) => o.key === e.key
-      )) == null ? void 0 : l.direction;
-      yt(e, t === a ? null : a);
+      )) == null ? void 0 : a.direction;
+      Ye(e, t === l ? null : l);
     }
-    const Xt = c(
+    const Sl = f(
       () => i.columns.filter((e) => e.key !== i.rowKey)
     );
-    function Gt(e, a) {
+    function xl(e, l) {
       try {
         return "group:" + JSON.stringify(e ?? null);
       } catch {
-        return "group:" + typeof e + ":" + a;
+        return "group:" + typeof e + ":" + l;
       }
     }
-    const Yt = c(() => {
-      const e = Xe.value.map((o, n) => ({
+    const vt = f(() => {
+      const e = Ve.value.map((o, n) => ({
         kind: "row",
-        key: "row:" + st(o.id),
+        key: "row:" + W(o.id),
         item: o,
         pageIndex: n
-      })), a = F.value.get(he.value);
-      if (!a) return e;
+      })), l = S.value.get(we.value);
+      if (!l) return e;
       const t = /* @__PURE__ */ new Map();
       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 n = Ne(o.item.row, l), c = n == null || n === "" ? "（空）" : String(n), m = xl(n, c), b = t.get(m);
+        b ? b.rows.push(o) : t.set(m, { label: c, rows: [o] });
       }
-      const l = [];
+      const a = [];
       for (const [o, n] of t)
-        l.push({
+        a.push({
           kind: "group",
           key: o,
           label: n.label,
-          count: n.rows.length
-        }), se.value.has(o) || l.push(...n.rows);
-      return l;
+          rows: n.rows.map(({ item: c }) => c.row)
+        }), re.value.has(o) || a.push(...n.rows);
+      return a;
+    }), Fe = f(() => new Map(vt.value.flatMap(
+      (e) => e.kind === "row" ? [[W(e.item.id), e.item]] : []
+    ))), Rl = f(() => [...Fe.value.keys()]), At = wa({
+      enabled: () => !!i.keyboardNavigation && !ue.value && Ae.value == null,
+      table: () => {
+        var e;
+        return (e = le.value) == null ? void 0 : e.querySelector(":scope > table");
+      },
+      tokens: () => Rl.value,
+      attribute: "data-grid-row",
+      toggle(e) {
+        const l = Fe.value.get(e);
+        return !l || !i.selectable || !ze(l) ? !1 : (Ie(l.id), !0);
+      }
     });
-    function mt(e, a) {
+    function Lt(e, l) {
       const t = new Set(e);
-      return t.has(a) ? t.delete(a) : t.add(a), t;
+      return t.has(l) ? t.delete(l) : t.add(l), t;
     }
-    function Zt(e) {
-      ie.value = mt(ie.value, e);
+    function Ml(e) {
+      Ce.value = Lt(Ce.value, e);
     }
-    function _t(e) {
-      se.value = mt(se.value, e);
+    function zl(e) {
+      re.value = Lt(re.value, e);
     }
-    L(he, () => {
-      se.value = /* @__PURE__ */ new Set();
+    F(we, () => {
+      re.value = /* @__PURE__ */ new Set(), p("groupChange", we.value);
     });
-    function ea(e, a) {
-      !i.editable || !a.editable || (W.value = { id: e.id, key: a.key }, Ke.value = re(e.row, a));
+    function Kl(e) {
+      const l = vt.value.flatMap((a) => a.kind === "group" ? [a.key] : []), t = new Set(re.value);
+      for (const a of l)
+        e ? t.delete(a) : t.add(a);
+      re.value = t;
     }
-    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", {
+    function Vt(e, l) {
+      if (!i.editable || !l.editable) return;
+      const t = { id: e.id, key: l.key };
+      P.value = t, We.value = Se(e.row, l), ye(() => {
+        var n, c, m, b;
+        if (((n = P.value) == null ? void 0 : n.id) !== t.id || ((c = P.value) == null ? void 0 : c.key) !== t.key) return;
+        const a = Array.from(((m = le.value) == null ? void 0 : m.querySelectorAll("[data-grid-row]")) ?? []).find((O) => O.dataset.gridRow === W(t.id)), o = Array.from((a == null ? void 0 : a.cells) ?? []).find((O) => O.dataset.columnKey === t.key);
+        (b = o == null ? void 0 : o.querySelector("input")) == null || b.focus();
+      });
+    }
+    function Ot(e, l) {
+      var t, a;
+      ((t = P.value) == null ? void 0 : t.id) !== e.id || ((a = P.value) == null ? void 0 : a.key) !== l.key || (P.value = null, p("cellEdit", {
         row: e.row,
         rowKey: e.id,
-        column: a.key,
-        value: Ke.value
+        column: l.key,
+        value: We.value
       }));
     }
-    function ta() {
-      !ke.value || !b.value.length || (x("batchEdit", {
-        keys: [...b.value],
-        column: ke.value,
-        value: Ae.value
-      }), Ae.value = "");
+    function Ze(e, l) {
+      var t, a;
+      return ((t = P.value) == null ? void 0 : t.id) === e.id && ((a = P.value) == null ? void 0 : a.key) === l.key;
+    }
+    function Tl(e) {
+      !e.isComposing && e.keyCode !== 229 && (P.value = null);
+    }
+    function Dl() {
+      !Be.value || !w.value.length || (p("batchEdit", {
+        keys: [...w.value],
+        column: Be.value,
+        value: Je.value
+      }), Je.value = "");
     }
-    const aa = new Intl.NumberFormat("zh-CN", {
+    const El = new Intl.NumberFormat("zh-CN", {
       maximumFractionDigits: 2
-    });
-    function la(e) {
-      const a = It.value;
-      if (i.summaryMethod) return i.summaryMethod(e, a);
+    }), Nl = f(() => Al(i.summaryScope));
+    function Ft(e, l = Nl.value) {
+      if (i.summaryMethod) return i.summaryMethod(e, l);
       if (!e.summary) return "";
-      const t = a.map((r) => me(r, e)).filter((r) => r != null && r !== "");
+      const t = l.map((c) => Ne(c, e)).filter((c) => c != null && c !== "");
       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)
+      const a = t.map(Number).filter(Number.isFinite);
+      if (!a.length) return "—";
+      const o = a.reduce((c, m) => c + m, 0), n = e.summary === "sum" ? o : e.summary === "avg" ? o / a.length : a.reduce(
+        (c, m) => e.summary === "min" ? Math.min(c, m) : Math.max(c, m)
       );
-      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;
-      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)));
+      return El.format(n);
+    }
+    function pt(e) {
+      const l = [...new Set(e.filter(ba))];
+      return i.selectionType === "radio" ? l.slice(0, 1) : l;
+    }
+    const qt = Ge(
+      pt(i.defaultSelectedRowKeys ?? [])
+    ), w = f(
+      () => pt(i.selectedRowKeys ?? qt.value)
+    ), yt = C(), Re = f(() => i.currentRowKey !== void 0 ? i.currentRowKey : yt.value === void 0 ? i.defaultCurrentRowKey ?? null : yt.value);
+    function gt(e) {
+      e === Re.value || e !== null && !Me.value.has(e) || (i.currentRowKey === void 0 && (yt.value = e), p("update:currentRowKey", e));
+    }
+    F(Re, (e, l) => p("currentChange", e, l));
+    const qe = f(() => new Set(w.value)), Me = f(
+      () => new Map(Et.value.map((e) => [e.id, e]))
+    ), ze = (e) => {
+      var l;
+      return ((l = i.rowSelectable) == null ? void 0 : l.call(i, e.row, e.index)) !== !1;
+    }, He = f(
+      () => Ve.value.filter(ze).map((e) => e.id)
+    ), Ht = f(
+      () => He.value.length > 0 && He.value.every((e) => qe.value.has(e))
+    ), Bl = f(
+      () => He.value.some((e) => qe.value.has(e))
+    ), $t = () => [...w.value];
+    function Al(e) {
+      return e === "selected" ? w.value.flatMap((l) => {
+        const t = Me.value.get(l);
+        return t ? [t.row] : [];
+      }) : (e === "page" ? Ve.value : Le.value).map(({ row: l }) => l);
+    }
+    function $e(e) {
+      const l = pt(e);
+      l.length === w.value.length && l.every((t, a) => t === w.value[a]) || (i.selectedRowKeys === void 0 && (qt.value = l), p("update:selectedRowKeys", [...l]));
+    }
+    F(
+      () => JSON.stringify(w.value),
+      () => p("selectionChange", $t())
+    ), F([Me, () => i.reserveSelection, ke], () => {
+      i.selectedRowKeys === void 0 && !(i.reserveSelection ?? ke.value) && $e(w.value.filter((e) => Me.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 Ie(e, l = !qe.value.has(e)) {
+      const t = Me.value.get(e);
+      !i.selectable || !t || !ze(t) || $e(
+        l ? i.selectionType === "radio" ? [e] : [...w.value, e] : w.value.filter((a) => a !== e)
       );
     }
-    function na() {
-      Ce([]);
+    function Ll() {
+      $e([]);
     }
-    function ia(e) {
+    function Vl(e) {
       if (i.selectionType === "radio") return;
-      const a = new Set(Se.value);
-      Ce(
-        e ? [...b.value, ...a] : b.value.filter((t) => !a.has(t))
+      const l = new Set(He.value);
+      $e(
+        e ? [...w.value, ...l] : w.value.filter((t) => !l.has(t))
       );
     }
-    function sa() {
+    function Ol() {
       if (!i.storageKey || typeof localStorage > "u") return {};
       try {
         const e = JSON.parse(
@@ -373,884 +459,1100 @@ const $a = ["aria-busy"], Ia = { class: "hys-ui-pf-grid-toolbar" }, ja = { class
         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);
+    const _e = sl(S.value, Ol()), j = C(_e.order), A = C(_e.hidden), R = C(_e.widths), G = C(_e.pins);
+    function mt() {
+      return {
+        order: [...j.value],
+        hidden: [...A.value],
+        widths: { ...R.value },
+        ...Object.keys(G.value).length ? { pins: { ...G.value } } : {}
+      };
+    }
+    function It(e) {
+      const l = sl(S.value, e);
+      j.value = l.order, A.value = l.hidden, R.value = l.widths, G.value = l.pins;
+    }
+    const et = Ge(), Q = (e) => {
+      var l;
+      return ((l = et.value) == null ? void 0 : l.key) === e.key ? et.value.width : Object.hasOwn(R.value, e.key) ? R.value[e.key] : xt(e.width, 160);
     };
-    L(
+    F(
       () => i.columns.map((e) => [
         e.key,
         e.hideable,
+        e.pinnable,
         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)]] : [];
-          })
-        );
+      (e, l) => {
+        l && L(), It(mt());
       },
       { immediate: !0 }
     );
-    const A = c(
-      () => E.value.flatMap((e) => {
-        const a = F.value.get(e);
-        return a && !C.value.includes(e) ? [a] : [];
+    const K = f(
+      () => j.value.flatMap((e) => {
+        const l = S.value.get(e);
+        return l && !A.value.includes(e) ? [l] : [];
       })
-    ), 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 }] : [];
+    );
+    function q(e) {
+      return (Object.hasOwn(G.value, e.key) ? G.value[e.key] : e.pinned) ?? void 0;
+    }
+    const H = f(() => [
+      ...K.value.filter((e) => q(e) === "left"),
+      ...K.value.filter((e) => !q(e)),
+      ...K.value.filter((e) => q(e) === "right")
+    ]), ht = f(() => Ca(H.value, q)), Fl = f(() => ht.value.some(({ group: e }) => !!e)), ql = f(
+      () => j.value.flatMap((e) => {
+        const l = S.value.get(e);
+        return l ? [{ id: e, label: l.label }] : [];
       })
     );
-    L([E, C, K], () => {
+    F([j, A, R, G], () => {
       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
+              order: j.value,
+              hidden: A.value,
+              widths: R.value,
+              pins: G.value
             })
           );
         } catch {
         }
-      x(
+      p(
         "columnsChange",
-        A.value.map((e) => e.key)
-      );
+        H.value.map((e) => e.key)
+      ), p("columnLayoutChange", mt());
     });
-    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]));
+    function Hl(e) {
+      bt(e.key, A.value.includes(e.key));
+    }
+    function bt(e, l) {
+      const t = S.value.get(e);
+      return !t || l === !A.value.includes(e) || !l && (t.hideable === !1 || K.value.length <= 1) ? !1 : (L(), ce(), A.value = l ? A.value.filter((a) => a !== e) : [...A.value, e], !0);
+    }
+    function tt(e, l) {
+      const t = S.value.get(e);
+      return !t || t.pinnable === !1 || l !== null && l !== "left" && l !== "right" || q(t) === (l ?? void 0) ? !1 : (L(), ce(), De(), G.value = { ...G.value, [e]: l }, t.pinned === (l ?? void 0) && delete G.value[e], !0);
     }
-    const da = c(
-      () => G.value.reduce(
-        (e, a) => e + B(a),
+    function $l(e, l) {
+      const t = S.value.get(e);
+      if (!t || t.resizable === !1 || !Number.isFinite(l)) return !1;
+      const a = at(t, l);
+      return a === Q(t) ? !1 : (L(), R.value = { ...R.value, [e]: a }, !0);
+    }
+    function Ut(e) {
+      if (!Object.hasOwn(R.value, e)) return !1;
+      L();
+      const l = { ...R.value };
+      return delete l[e], R.value = l, !0;
+    }
+    const Il = f(
+      () => H.value.reduce(
+        (e, l) => e + Q(l),
         i.selectable ? 44 : 0
       )
-    ), ca = c(() => {
+    ), Ul = f(() => {
       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 l = i.selectable ? 44 : 0;
+      for (const a of H.value)
+        q(a) === "left" && (e.set(a.key, { left: l + "px" }), l += Q(a));
       let t = 0;
-      for (const l of [...G.value].reverse())
-        l.pinned === "right" && (e.set(l.key, { right: t + "px" }), t += B(l));
+      for (const a of [...H.value].reverse())
+        q(a) === "right" && (e.set(a.key, { right: t + "px" }), t += Q(a));
       return e;
-    }), He = (e, a = !1) => e.pinned ? {
+    }), Ue = (e, l = !1) => q(e) ? {
       position: "sticky",
-      ...ca.value.get(e.key),
-      zIndex: a ? 5 : 2
+      ...Ul.value.get(e.key),
+      zIndex: l ? 5 : 2
     } : {};
-    async function wt(e = !0) {
+    async function Pt(e = !0) {
       var o, n;
-      if (j.value = !1, !e) return;
-      await pe();
+      if (oe.value = !1, !e) return;
+      await ye();
       const t = [
-        ...((o = te.value) == null ? void 0 : o.querySelectorAll(
+        ...((o = ge.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);
+        (c) => c.dataset.columnKey === me.value
+      ), a = (t == null ? void 0 : t.querySelector(".hys-ui-pf-grid-filter")) ?? ((n = ge.value) == null ? void 0 : n.querySelector(".hys-ui-pf-grid-filter"));
+      a == null || a.focus({ preventScroll: !0 });
+    }
+    async function jt(e) {
+      var t, a, o;
+      if (oe.value && me.value === e.key) {
+        await Pt(!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 });
+      me.value = e.key, oe.value = !0, await ye(), (o = (a = [
+        ...((t = ge.value) == null ? void 0 : t.querySelectorAll("[data-filter-key]")) ?? []
+      ].find((n) => n.dataset.filterKey === e.key)) == null ? void 0 : a.querySelector("input")) == null || o.focus({ preventScroll: !0 });
     }
-    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 });
+    let h, Pe = 0, Gt = 0;
+    function Qt(e) {
+      !h || e.pointerId !== h.pointer || (Gt = at(
+        h.column,
+        h.width + e.clientX - h.start
+      ), !Pe && (Pe = requestAnimationFrame(() => {
+        Pe = 0, h && (et.value = { key: h.column.key, width: Gt });
       })));
     }
-    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));
+    function L() {
+      h && (cancelAnimationFrame(Pe), Pe = 0, et.value = void 0, document.body.style.cursor === "col-resize" && (document.body.style.cursor = h.cursor), h = void 0, window.removeEventListener("pointermove", Qt), window.removeEventListener("pointerup", Xt), window.removeEventListener("pointercancel", Wt), window.removeEventListener("blur", L), window.removeEventListener("keydown", Jt, !0));
     }
-    function xt(e) {
-      e.pointerId === (p == null ? void 0 : p.pointer) && Y();
+    function Wt(e) {
+      e.pointerId === (h == null ? void 0 : h.pointer) && L();
     }
-    function zt(e) {
-      e.key === "Escape" && p && (e.preventDefault(), e.stopPropagation(), Y());
+    function Jt(e) {
+      e.key === "Escape" && h && (e.preventDefault(), e.stopPropagation(), L());
     }
-    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 Xt(e) {
+      if (!h || e.pointerId !== h.pointer) return;
+      const { column: l, start: t, width: a } = h, o = e.clientX - t, n = o === 0 ? a : at(l, a + o);
+      L(), n !== a && (R.value = { ...R.value, [l.key]: n });
     }
-    function va(e, a) {
-      a.resizable === !1 || e.button !== 0 || p || (e.preventDefault(), e.stopPropagation(), p = {
-        column: a,
+    function Pl(e, l) {
+      l.resizable === !1 || e.button !== 0 || h || (e.preventDefault(), e.stopPropagation(), h = {
+        column: l,
         pointer: e.pointerId,
         start: e.clientX,
-        width: B(a),
+        width: Q(l),
         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));
+      }, document.body.style.cursor = "col-resize", window.addEventListener("pointermove", Qt), window.addEventListener("pointerup", Xt), window.addEventListener("pointercancel", Wt), window.addEventListener("blur", L), window.addEventListener("keydown", Jt, !0));
     }
-    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;
+    function jl(e, l) {
+      const t = e.shiftKey ? 40 : 10, a = Q(l), o = e.key === "ArrowLeft" ? a - t : e.key === "ArrowRight" ? a + t : e.key === "Home" ? dl(l) : e.key === "End" ? ul(l) : void 0;
       if (o === void 0) return;
       e.preventDefault();
-      const n = qe(a, o);
-      n !== l && (K.value = { ...K.value, [a.key]: n });
-    }
-    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();
+      const n = at(l, o);
+      n !== a && (R.value = { ...R.value, [l.key]: n });
+    }
+    const { effectiveMotion: lt } = ga(), Ke = C(null), de = C(null);
+    let X = 0, Te = null, kt = 0;
+    const je = /* @__PURE__ */ new Set(), Yt = 160;
+    function De() {
+      kt++;
+      for (const e of je) e.cancel();
+      je.clear();
+    }
+    F(lt, (e) => {
+      e === "off" && De();
     });
-    function fe() {
-      cancelAnimationFrame(H), H = 0, ce = null, de.value = null, Z.value = null;
+    function ce() {
+      cancelAnimationFrame(X), X = 0, Te = null, Ke.value = null, de.value = null;
     }
-    function pa(e, a) {
-      if (p || a.reorderable === !1 || !e.dataTransfer) {
+    function Gl(e, l) {
+      if (h || l.reorderable === !1 || !e.dataTransfer) {
         e.preventDefault();
         return;
       }
-      Re(), de.value = a.key, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", a.key);
+      De(), Ke.value = l.key, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", l.key);
     }
-    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 wt(e) {
+      const l = i.columns.find((t) => t.key === Ke.value);
+      return !!l && l.key !== e.key && l.reorderable !== !1 && e.reorderable !== !1 && q(l) === q(e);
     }
-    function Tt(e, a, t) {
-      const l = t.getBoundingClientRect();
+    function Zt(e, l, t) {
+      const a = t.getBoundingClientRect();
       return {
         key: e.key,
-        position: a < l.left + l.width / 2 ? "before" : "after"
+        position: l < a.left + a.width / 2 ? "before" : "after"
       };
     }
-    function ma(e, a) {
-      if (!lt(a)) {
-        cancelAnimationFrame(H), H = 0, ce = null, Z.value = null;
+    function Ql(e, l) {
+      if (!wt(l)) {
+        cancelAnimationFrame(X), X = 0, Te = null, de.value = null;
         return;
       }
-      e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), ce = {
+      e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), Te = {
         element: e.currentTarget,
-        column: a,
+        column: l,
         x: e.clientX
-      }, !H && (H = requestAnimationFrame(() => {
+      }, !X && (X = 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);
+        X = 0;
+        const t = Te;
+        if (Te = null, !t || !wt(t.column)) return;
+        const a = Zt(t.column, t.x, t.element);
+        (((o = de.value) == null ? void 0 : o.key) !== a.key || de.value.position !== a.position) && (de.value = a);
       }));
     }
-    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 Wl(e) {
+      e.relatedTarget instanceof Element && e.relatedTarget.closest("th[data-column-key]") && e.currentTarget.contains(e.relatedTarget) || (cancelAnimationFrame(X), X = 0, Te = null, de.value = null);
     }
-    function Et() {
+    function _t() {
       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()
+          ((e = ge.value) == null ? void 0 : e.querySelectorAll("th[data-column-key]")) || []
+        ).map((l) => [
+          l.dataset.columnKey,
+          l.getBoundingClientRect()
         ])
       );
     }
-    function ha(e) {
-      var d;
-      if (Ue.value === "off") return;
-      const a = (d = te.value) == null ? void 0 : d.querySelector(
+    function Jl(e) {
+      var Z;
+      if (lt.value === "off") return;
+      const l = (Z = ge.value) == null ? void 0 : Z.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);
+      if (!l) return;
+      const t = l.getBoundingClientRect(), a = Math.max(0, t.top), o = Math.min(window.innerHeight, t.bottom), n = Math.max(0, t.left), c = Math.min(window.innerWidth, t.right);
+      if (a >= o || n >= c) return;
+      const m = /* @__PURE__ */ new Map();
+      for (const [u, _] of _t()) {
+        const E = e.get(u);
+        E && _.right > n && _.left < c && Math.abs(E.left - _.left) > 0.5 && m.set(u, E.left - _.left);
       }
-      const k = [];
-      for (const M of Array.from(
-        a.querySelectorAll("thead tr,tbody tr,tfoot tr")
+      const b = [];
+      for (const u of Array.from(
+        l.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 _ = u.getBoundingClientRect();
+        if (_.top >= o) break;
+        if (!(_.bottom <= a)) {
+          for (const E of Array.from(u.children))
+            if (E instanceof HTMLElement && m.has(E.dataset.columnKey || "") && b.push(E), b.length >= Yt) break;
+          if (b.length >= Yt) break;
         }
       }
-      const _ = Ue.value === "full" ? 280 : 180;
-      for (const M of k) {
-        const U = f.get(M.dataset.columnKey), R = M.animate(
+      const O = lt.value === "full" ? 280 : 180;
+      for (const u of b) {
+        const _ = m.get(u.dataset.columnKey), E = u.animate(
           [
-            { transform: "translateX(" + U + "px)" },
+            { transform: "translateX(" + _ + "px)" },
             { transform: "translateX(0)" }
           ],
-          { duration: _, easing: "cubic-bezier(.2,.8,.2,1)" }
+          { duration: O, easing: "cubic-bezier(.2,.8,.2,1)" }
         );
-        ze.add(R), R.onfinish = () => ze.delete(R), R.oncancel = () => ze.delete(R);
+        je.add(E), E.onfinish = () => je.delete(E), E.oncancel = () => je.delete(E);
       }
     }
-    async function ka(e, a) {
-      if (!lt(a)) {
-        fe();
+    async function Xl(e, l) {
+      if (!wt(l)) {
+        ce();
         return;
       }
       e.preventDefault();
-      const t = Tt(
-        a,
+      const t = Zt(
+        l,
         e.clientX,
         e.currentTarget
-      ), l = E.value.filter((f) => f !== de.value), o = l.indexOf(t.key);
+      ), a = j.value.filter((m) => m !== Ke.value), o = a.indexOf(t.key);
       if (o < 0) {
-        fe();
+        ce();
         return;
       }
-      if (l.splice(
+      if (a.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(",")
+        Ke.value
+      ), ce(), a.every((m, b) => m === j.value[b])) return;
+      De();
+      const n = kt, c = lt.value === "off" ? /* @__PURE__ */ new Map() : _t();
+      j.value = a, await ye(), n === kt && Jl(c);
+    }
+    function el(e) {
+      L(), ce(), De(), It(e);
+    }
+    function tl() {
+      el({});
+    }
+    function Yl() {
+      const e = K.value, l = (n) => '"' + n.replace(/"/g, '""') + '"', t = [
+        e.map((n) => l(n.label)).join(","),
+        ...Le.value.map(
+          ({ row: n }) => e.map((c) => l(Se(n, c))).join(",")
         )
-      ], l = URL.createObjectURL(
+      ], a = 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);
+      o.href = a, o.download = "projectflow-table.csv", o.click(), setTimeout(() => URL.revokeObjectURL(a), 1e3);
     }
-    const wa = c(
+    const Zl = f(
       () => 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 _l(e) {
+      var l;
+      (l = le.value) == null || l.scrollTo(e);
+    }
+    function ea(e) {
+      var t;
+      const l = [
+        ...((t = le.value) == null ? void 0 : t.querySelectorAll("[data-grid-row]")) ?? []
+      ].find((a) => a.dataset.gridRow === W(e));
+      return l == null || l.scrollIntoView({ block: "nearest", inline: "nearest" }), !!l;
     }
-    function Ca(e) {
+    function ve(e) {
+      const { item: l, pageIndex: t } = e;
+      return {
+        row: l.row,
+        rowKey: l.id,
+        index: l.index,
+        pageIndex: t,
+        depth: l.depth,
+        selected: qe.value.has(l.id),
+        current: Re.value === l.id
+      };
+    }
+    function fe(e, l, t) {
+      return { ...ve(e), column: l, columnIndex: t, value: Ne(e.item.row, l) };
+    }
+    function Y(e, l) {
       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,
+      return {
+        column: e,
+        columnIndex: l,
+        sort: (t = x.value.find((a) => a.key === e.key)) == null ? void 0 : t.direction,
+        filter: rt(e.key),
+        pinned: q(e)
+      };
+    }
+    function Ee(e, l) {
+      return typeof e == "function" ? e(l) : e;
+    }
+    function ta(e, l) {
+      i.highlightCurrentRow && !l.target.closest("button,a,input,select,textarea,[contenteditable]") && gt(e.item.id), p("rowClick", e.item.row);
+    }
+    function ll(e, l, t) {
+      const a = Y(l, t);
+      e.type === "contextmenu" && p("headerContextmenu", a, e), V.open({ ...a, type: "header" }, e);
+    }
+    function la(e, l) {
+      const t = ve(l);
+      p("rowContextmenu", t, e), V.open({ ...t, type: "row" }, e);
+    }
+    function aa(e, l, t, a) {
+      const o = fe(l, t, a);
+      p("cellContextmenu", o, e), p("rowContextmenu", ve(l), e), !e.target.closest("input,textarea,[contenteditable]") && V.open({ ...o, type: "cell" }, e);
+    }
+    function oa(e, l, t, a) {
+      p("cellDblclick", fe(l, t, a), e), !e.defaultPrevented && !e.target.closest("button,a,input,select,textarea,[contenteditable]") && Vt(l.item, t);
+    }
+    function na(e) {
+      if (e.type === "header") {
+        const { column: t, pinned: a, sort: o, filter: n } = e;
+        return [
+          ...t.sortable === !1 ? [] : [
+            { label: "升序排列", value: "sort-asc", disabled: o === "asc" },
+            { label: "降序排列", value: "sort-desc", disabled: o === "desc" },
+            { label: "清除本列排序", value: "clear-sort", disabled: !o }
+          ],
+          ...t.filterable === !1 ? [] : [
+            { label: "筛选此列", value: "filter" },
+            { label: "清除本列筛选", value: "clear-filter", disabled: !n }
+          ],
+          ...t.pinnable === !1 ? [] : [
+            { label: "固定在左侧", value: "pin-left", disabled: a === "left" },
+            { label: "固定在右侧", value: "pin-right", disabled: a === "right" },
+            { label: "取消固定", value: "unpin", disabled: !a }
+          ],
+          { label: "隐藏此列", value: "hide-column", disabled: t.hideable === !1 || K.value.length <= 1 },
+          { label: "恢复列宽", value: "reset-width", disabled: !Object.hasOwn(R.value, t.key) }
+        ];
+      }
+      const l = Me.value.get(e.rowKey);
+      return [
+        ...i.selectable ? [{ label: e.selected ? "取消选择此行" : "选择此行", value: "toggle-selection", disabled: !l || !ze(l) }] : [],
+        ...i.highlightCurrentRow ? [{ label: "设为当前行", value: "current-row", disabled: e.current }] : [],
+        ...e.type === "cell" && i.editable && e.column.editable ? [{ label: "编辑此单元格", value: "edit-cell" }] : []
+      ];
+    }
+    const V = Sa({
+      enabled: (e) => !!i.contextMenu && !ue.value && (e.type === "header" ? K.value.some((l) => l.key === e.column.key) : Fe.value.has(W(e.rowKey))),
+      config: () => i.contextMenu,
+      defaults: na,
+      select(e, l, t) {
+        if (l.type === "header") {
+          const a = S.value.get(l.column.key);
+          e === "sort-asc" && Ye(a, "asc"), e === "sort-desc" && Ye(a, "desc"), e === "clear-sort" && J({ sort: x.value.filter((o) => o.key !== a.key), page: 1 }), e === "filter" && requestAnimationFrame(() => {
+            var o;
+            (o = le.value) != null && o.isConnected && K.value.includes(a) && jt(a);
+          }), e === "clear-filter" && Nt(a.key, ""), e === "pin-left" && tt(a.key, "left"), e === "pin-right" && tt(a.key, "right"), e === "unpin" && tt(a.key, null), e === "hide-column" && bt(a.key, !1), e === "reset-width" && Ut(a.key);
+        } else if (e === "toggle-selection" && Ie(l.rowKey), e === "current-row" && gt(l.rowKey), e === "edit-cell" && l.type === "cell") {
+          const a = Fe.value.get(W(l.rowKey)), o = S.value.get(l.column.key);
+          a && o && requestAnimationFrame(() => {
+            !ue.value && Fe.value.get(W(l.rowKey)) === a && K.value.includes(o) && Vt(a, o);
+          });
+        }
+        p("contextMenuSelect", e, l, t);
+      }
+    });
+    F([ue, () => i.contextMenu, Ve, H], V.close), fl({
+      resetColumns: tl,
+      getColumnLayout: mt,
+      applyColumnLayout: el,
+      setGroupBy: Tt,
+      setGroupsExpanded: Kl,
+      getQuery: Oe,
       setQuery: J,
-      resetQuery: jt,
-      reload: Ge,
-      getSelection: bt,
-      clearSelection: na,
-      toggleRowSelection: et,
-      scrollTo: Sa,
-      scrollToRow: Ca
+      resetQuery: bl,
+      reload: ct,
+      getSelection: $t,
+      clearSelection: Ll,
+      toggleRowSelection: Ie,
+      scrollTo: _l,
+      scrollToRow: ea,
+      focusRow: (e) => At.focusRow(W(e)),
+      getCurrentRowKey: () => Re.value,
+      setCurrentRow: gt,
+      setColumnVisibility: bt,
+      pinColumn: tt,
+      resizeColumn: $l,
+      resetColumnWidth: Ut
     });
-    function ot(e) {
-      je.value && !je.value.contains(e.target) && (I.value = !1);
+    function Ct(e) {
+      nt.value && !nt.value.contains(e.target) && (ae.value = !1);
     }
-    L(I, (e) => {
-      e ? document.addEventListener("pointerdown", ot) : document.removeEventListener("pointerdown", ot);
+    F(ae, (e) => {
+      e ? document.addEventListener("pointerdown", Ct) : document.removeEventListener("pointerdown", Ct);
     });
-    function At() {
-      fe(), Re(), Y(), I.value = !1, document.removeEventListener("pointerdown", ot);
+    function al() {
+      V.close(), ce(), De(), L(), ae.value = !1, document.removeEventListener("pointerdown", Ct);
     }
-    return Ra(At), Ma(At), (e, a) => (s(), u("section", Ta(m(qt), {
-      class: ["hys-ui-pf-grid", "hys-ui-pf-grid--" + v.density],
+    return sa(al), ua(al), (e, l) => (r(), d("section", ee(v(pl), {
+      class: ["hys-ui-pf-grid", ["hys-ui-pf-grid--" + s.density, { "hys-ui-pf-grid-striped": s.striped }]],
       "aria-label": "数据表格",
       ref_key: "tableRef",
-      ref: te,
-      "aria-busy": Fe.value || void 0
+      ref: ge,
+      "aria-busy": ue.value || void 0
     }), [
-      y("div", Ia, [
-        y("label", ja, [
-          a[14] || (a[14] = y("span", null, "搜索", -1)),
-          g(Ie, {
+      y("div", Ta, [
+        y("label", Da, [
+          l[14] || (l[14] = y("span", null, "搜索", -1)),
+          k(ot, {
             size: "sm",
-            modelValue: Pe.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (t) => Pe.value = t),
+            modelValue: it.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => it.value = t),
             type: "search",
             placeholder: "搜索全部列…",
             "aria-label": "搜索表格",
             clearable: ""
           }, null, 8, ["modelValue"])
         ]),
-        v.groupable ? (s(), u("label", Pa, [
-          a[15] || (a[15] = V("分组 ", -1)),
-          g(Lt, {
+        s.groupable ? (r(), d("label", Ea, [
+          l[15] || (l[15] = T("分组 ", -1)),
+          k(cl, {
             size: "sm",
-            modelValue: he.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (t) => he.value = t),
+            "model-value": we.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (t) => Tt(String(t ?? ""))),
             "aria-label": "按列分组",
             options: [
               { label: "不分组", value: "" },
-              ...Xt.value.map((t) => ({ label: t.label, value: t.key }))
+              ...Sl.value.map((t) => ({ label: t.label, value: t.key }))
             ]
-          }, null, 8, ["modelValue", "options"])
-        ])) : h("", !0),
-        v.editable && b.value.length ? (s(), u("div", Qa, [
-          g(Lt, {
+          }, null, 8, ["model-value", "options"])
+        ])) : g("", !0),
+        s.editable && w.value.length ? (r(), d("div", Na, [
+          k(cl, {
             size: "sm",
-            modelValue: ke.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (t) => ke.value = t),
+            modelValue: Be.value,
+            "onUpdate:modelValue": l[2] || (l[2] = (t) => Be.value = t),
             "aria-label": "批量编辑字段",
             options: [
               { label: "选择编辑列", value: "" },
-              ...v.columns.filter((t) => t.editable).map((t) => ({ label: t.label, value: t.key }))
+              ...s.columns.filter((t) => t.editable).map((t) => ({ label: t.label, value: t.key }))
             ]
           }, null, 8, ["modelValue", "options"]),
-          g(Ie, {
+          k(ot, {
             size: "sm",
-            modelValue: Ae.value,
-            "onUpdate:modelValue": a[3] || (a[3] = (t) => Ae.value = t),
+            modelValue: Je.value,
+            "onUpdate:modelValue": l[3] || (l[3] = (t) => Je.value = t),
             "aria-label": "批量编辑值",
             placeholder: "新值"
           }, null, 8, ["modelValue"]),
-          g(T, {
+          k(B, {
             variant: "ghost",
             size: "sm",
             type: "button",
-            disabled: !ke.value,
-            onClick: ta
+            disabled: !Be.value,
+            onClick: Dl
           }, {
-            default: z(() => [
-              V("应用到 " + O(b.value.length) + " 行", 1)
+            default: M(() => [
+              T("应用到 " + z(w.value.length) + " 行", 1)
             ]),
             _: 1
           }, 8, ["disabled"])
-        ])) : h("", !0),
-        j.value ? (s(), D(T, {
+        ])) : g("", !0),
+        oe.value ? (r(), D(B, {
           key: 2,
           variant: "ghost",
           size: "sm",
           type: "button",
-          onClick: a[4] || (a[4] = (t) => J({ filters: {}, page: 1 }))
+          onClick: l[4] || (l[4] = (t) => J({ filters: {}, page: 1 }))
         }, {
-          default: z(() => [...a[16] || (a[16] = [
-            V("清空筛选", -1)
+          default: M(() => [...l[16] || (l[16] = [
+            T("清空筛选", -1)
           ])]),
           _: 1
-        })) : h("", !0),
-        y("span", Wa, O(We.value) + " 条记录 · 已选 " + O(b.value.length), 1),
+        })) : g("", !0),
+        y("span", Ba, z(ut.value) + " 条记录 · 已选 " + z(w.value.length), 1),
         y("div", {
           class: "hys-ui-pf-grid-menu",
           ref_key: "menuRef",
-          ref: je
+          ref: nt
         }, [
-          g(T, {
+          k(B, {
             variant: "ghost",
             size: "sm",
             type: "button",
-            onClick: a[5] || (a[5] = (t) => I.value = !I.value),
-            "aria-expanded": I.value,
+            onClick: l[5] || (l[5] = (t) => ae.value = !ae.value),
+            "aria-expanded": ae.value,
             "aria-label": "配置显示列"
           }, {
-            default: z(() => [
-              g(m(Ea), {
+            default: M(() => [
+              k(v(da), {
                 size: 16,
                 "aria-hidden": "true"
               }),
-              a[17] || (a[17] = V(" 列设置", -1))
+              l[17] || (l[17] = T(" 列设置", -1))
             ]),
             _: 1
           }, 8, ["aria-expanded"]),
-          g(m(Da), {
+          k(v(ya), {
             "popup-transition": i.popupTransition,
             "popup-transition-duration": i.popupTransitionDuration,
-            onInactive: a[7] || (a[7] = (t) => I.value = !1)
+            onInactive: l[7] || (l[7] = (t) => ae.value = !1)
           }, {
-            default: z(() => [
-              I.value ? (s(), u("div", Ja, [
-                a[19] || (a[19] = y("strong", null, "显示列与排序", -1)),
-                g(Ba, {
+            default: M(() => [
+              ae.value ? (r(), d("div", Aa, [
+                l[19] || (l[19] = y("strong", null, "显示列与排序", -1)),
+                k(Ra, {
                   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))
+                  "model-value": ql.value,
+                  "onUpdate:modelValue": l[6] || (l[6] = (t) => j.value = t.map((a) => a.id))
                 }, {
-                  item: z(({ item: t }) => {
-                    var l;
+                  item: M(({ item: t }) => {
+                    var a;
                     return [
-                      g(rt, {
-                        "model-value": !C.value.includes(t.id),
+                      k(Rt, {
+                        "model-value": !A.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)
+                        disabled: ((a = s.columns.find((o) => o.key === t.id)) == null ? void 0 : a.hideable) === !1 || !A.value.includes(t.id) && K.value.length === 1,
+                        "onUpdate:modelValue": (o) => Hl(
+                          s.columns.find((n) => n.key === t.id)
                         )
                       }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])
                     ];
                   }),
                   _: 1
                 }, 8, ["model-value"]),
-                g(T, {
+                k(B, {
                   variant: "ghost",
                   size: "sm",
                   type: "button",
-                  onClick: Kt
+                  onClick: tl
                 }, {
-                  default: z(() => [...a[18] || (a[18] = [
-                    V("恢复默认列", -1)
+                  default: M(() => [...l[18] || (l[18] = [
+                    T("恢复默认列", -1)
                   ])]),
                   _: 1
                 })
-              ])) : h("", !0)
+              ])) : g("", !0)
             ]),
             _: 1
           }, 8, ["popup-transition", "popup-transition-duration"])
         ], 512),
-        g(T, {
+        k(B, {
           variant: "ghost",
           size: "sm",
           type: "button",
-          onClick: ba
+          onClick: Yl
         }, {
-          default: z(() => [...a[20] || (a[20] = [
-            V("导出 CSV", -1)
+          default: M(() => [...l[20] || (l[20] = [
+            T("导出 CSV", -1)
           ])]),
           _: 1
-        })
+        }),
+        $(e.$slots, "toolbar-actions", {
+          query: se.value,
+          selectedKeys: w.value
+        }, void 0, !0)
       ]),
       y("div", {
         ref_key: "scrollRef",
-        ref: ge,
+        ref: le,
         class: "hys-ui-pf-grid-scroll",
-        style: $({ maxHeight: wa.value }),
+        style: I({ maxHeight: Zl.value }),
         tabindex: "0",
         role: "region",
         "aria-label": "表格滚动区域",
-        onDragleave: ga
+        onDragleave: Wl,
+        onScroll: l[13] || (l[13] = //@ts-ignore
+        (...t) => v(V).close && v(V).close(...t))
       }, [
         y("table", {
-          class: ve({ "hys-ui-pf-grid-sticky-head": v.stickyHeader }),
-          style: $({ minWidth: da.value + "px" })
+          class: pe({ "hys-ui-pf-grid-sticky-head": s.stickyHeader }),
+          style: I({ minWidth: Il.value + "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" })
+          s.caption ? (r(), d("caption", La, z(s.caption), 1)) : g("", !0),
+          s.selectable ? (r(), d("colgroup", Va, [...l[21] || (l[21] = [
+            y("col", { style: { width: "44px" } }, null, -1)
+          ])])) : g("", !0),
+          (r(!0), d(N, null, te(ht.value, (t) => (r(), d("colgroup", {
+            key: t.id
+          }, [
+            (r(!0), d(N, null, te(t.columns, (a) => (r(), d("col", {
+              key: a.key,
+              style: I({ width: Q(a) + "px" })
             }, null, 4))), 128))
-          ]),
+          ]))), 128)),
           y("thead", null, [
+            Fl.value ? (r(), d("tr", Oa, [
+              s.selectable ? (r(), d("th", Fa)) : g("", !0),
+              (r(!0), d(N, null, te(ht.value, (t) => (r(), d("th", {
+                key: t.id,
+                scope: t.group ? "colgroup" : void 0,
+                colspan: t.columns.length,
+                style: I(Ue(t.pinned === "right" ? t.columns[t.columns.length - 1] : t.columns[0], !0))
+              }, [
+                t.group ? $(e.$slots, "header-group", {
+                  group: t.group,
+                  columns: t.columns,
+                  pinned: t.pinned
+                }, () => [
+                  T(z(t.group.label), 1)
+                ], !0, 0) : g("", !0)
+              ], 12, qa))), 128))
+            ])) : g("", !0),
             y("tr", null, [
-              v.selectable ? (s(), u("th", Ga, [
-                v.selectionType !== "radio" ? (s(), D(rt, {
+              s.selectable ? (r(), d("th", Ha, [
+                s.selectionType !== "radio" ? (r(), D(Rt, {
                   key: 0,
                   "aria-label": "选择当前页全部行",
-                  "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", {
+                  "model-value": Ht.value,
+                  indeterminate: Bl.value && !Ht.value,
+                  disabled: !He.value.length || ue.value || !!v(Ae),
+                  "onUpdate:modelValue": Vl
+                }, null, 8, ["model-value", "indeterminate", "disabled"])) : (r(), d("span", $a, "选择"))
+              ])) : g("", !0),
+              (r(!0), d(N, null, te(H.value, (t, a) => {
+                var o, n, c, m, b, O, Z;
+                return r(), d("th", {
                   key: t.key,
                   scope: "col",
+                  tabindex: s.contextMenu ? -1 : void 0,
                   "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,
+                  class: pe([Ee(s.headerClassName, Y(t, a)), { "hys-ui-is-column-dragging": Ke.value === t.key, "hys-ui-pf-grid-header-wrap": t.headerWrap }]),
+                  "data-drop-position": ((o = de.value) == null ? void 0 : o.key) === t.key ? de.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" })
+                  onDragstart: (u) => Gl(u, t),
+                  onDragend: ce,
+                  onDragover: (u) => Ql(u, t),
+                  onDrop: (u) => Xl(u, t),
+                  onClick: (u) => p("headerClick", Y(t, a), u),
+                  onContextmenu: (u) => ll(u, t, a),
+                  onKeydown: (u) => v(V).keydown({ ...Y(t, a), type: "header" }, u),
+                  "aria-sort": ((n = x.value.find((u) => u.key === t.key)) == null ? void 0 : n.direction) === "asc" ? "ascending" : ((c = x.value.find((u) => u.key === t.key)) == null ? void 0 : c.direction) === "desc" ? "descending" : "none",
+                  style: I([Ee(s.headerStyle, Y(t, a)), { ...Ue(t, !0), textAlign: t.headerAlign || t.align || "left" }])
                 }, [
-                  y("div", _a, [
-                    y("div", el, [
-                      g(T, {
+                  y("div", Ua, [
+                    y("div", {
+                      class: "hys-ui-pf-grid-sort-group",
+                      style: I({ justifyContent: (t.headerAlign ?? t.align) === "center" ? "center" : (t.headerAlign ?? t.align) === "right" ? "end" : "start" })
+                    }, [
+                      t.sortable !== !1 ? (r(), D(B, {
+                        key: 0,
                         variant: "ghost",
                         size: "sm",
                         type: "button",
-                        class: ve(["hys-ui-pf-grid-sort", {
-                          "hys-ui-is-sorted": S.value.some(
-                            (d) => d.key === t.key
+                        class: pe(["hys-ui-pf-grid-sort", {
+                          "hys-ui-is-sorted": x.value.some(
+                            (u) => u.key === t.key
                           )
                         }]),
-                        onClick: (d) => Jt(t)
+                        onClick: (u) => Cl(t)
                       }, {
-                        default: z(() => [
-                          y("span", tl, O(t.label), 1)
+                        default: M(() => [
+                          y("span", Pa, [
+                            $(e.$slots, "header-" + t.key, ee({ ref_for: !0 }, Y(t, a)), () => [
+                              $(e.$slots, "header-cell", ee({ ref_for: !0 }, Y(t, a)), () => [
+                                T(z(t.label), 1)
+                              ], !0)
+                            ], !0)
+                          ])
                         ]),
                         _: 2
-                      }, 1032, ["class", "onClick"]),
-                      t.sortable !== !1 ? (s(), u("span", {
-                        key: 0,
+                      }, 1032, ["class", "onClick"])) : (r(), d("span", ja, [
+                        $(e.$slots, "header-" + t.key, ee({ ref_for: !0 }, Y(t, a)), () => [
+                          $(e.$slots, "header-cell", ee({ ref_for: !0 }, Y(t, a)), () => [
+                            T(z(t.label), 1)
+                          ], !0)
+                        ], !0)
+                      ])),
+                      t.sortable !== !1 ? (r(), d("span", {
+                        key: 2,
                         class: "hys-ui-pf-grid-sort-controls",
                         role: "group",
                         "aria-label": t.label + "排序"
                       }, [
-                        g(T, {
+                        k(B, {
                           type: "button",
                           variant: "ghost",
                           size: "sm",
-                          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"
+                          class: pe(["hys-ui-pf-grid-sort-direction", {
+                            "hys-ui-is-active": ((m = x.value.find((u) => u.key === t.key)) == null ? void 0 : m.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"])
+                          "aria-pressed": ((b = x.value.find((u) => u.key === t.key)) == null ? void 0 : b.direction) === "asc",
+                          onClick: U((u) => Bt(t, "asc"), ["stop"])
                         }, {
-                          default: z(() => [
-                            g(m(Ka), {
+                          default: M(() => [
+                            k(v(ca), {
                               size: 11,
                               "aria-hidden": "true"
                             })
                           ]),
                           _: 1
                         }, 8, ["class", "aria-label", "aria-pressed", "onClick"]),
-                        g(T, {
+                        k(B, {
                           type: "button",
                           variant: "ghost",
                           size: "sm",
-                          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"
+                          class: pe(["hys-ui-pf-grid-sort-direction", {
+                            "hys-ui-is-active": ((O = x.value.find((u) => u.key === t.key)) == null ? void 0 : O.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"])
+                          "aria-pressed": ((Z = x.value.find((u) => u.key === t.key)) == null ? void 0 : Z.direction) === "desc",
+                          onClick: U((u) => Bt(t, "desc"), ["stop"])
                         }, {
-                          default: z(() => [
-                            g(m(it), {
+                          default: M(() => [
+                            k(v(St), {
                               size: 11,
                               "aria-hidden": "true"
                             })
                           ]),
                           _: 1
                         }, 8, ["class", "aria-label", "aria-pressed", "onClick"])
-                      ], 8, al)) : h("", !0)
-                    ]),
-                    t.filterable !== !1 ? (s(), D(T, {
+                      ], 8, Ga)) : g("", !0)
+                    ], 4),
+                    t.filterable !== !1 ? (r(), D(B, {
                       key: 0,
                       variant: "ghost",
                       size: "sm",
                       type: "button",
-                      class: ve(["hys-ui-pf-grid-filter", {
-                        "hys-ui-is-filtered": !!ct(t.key),
-                        "hys-ui-is-filtering": j.value && ae.value === t.key
+                      class: pe(["hys-ui-pf-grid-filter", {
+                        "hys-ui-is-filtered": !!rt(t.key),
+                        "hys-ui-is-filtering": oe.value && me.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)
+                      "aria-expanded": oe.value,
+                      "aria-controls": v(Mt),
+                      title: oe.value && me.value === t.key ? "再次点击收起筛选（Esc）" : "筛选" + t.label,
+                      onClick: (u) => jt(t)
                     }, {
-                      default: z(() => [
-                        g(m(Aa), {
+                      default: M(() => [
+                        k(v(fa), {
                           size: 13,
                           "aria-hidden": "true"
                         })
                       ]),
                       _: 1
-                    }, 8, ["aria-label", "aria-expanded", "aria-controls", "title", "class", "onClick"])) : h("", !0),
-                    t.resizable !== !1 ? (s(), u("span", {
+                    }, 8, ["aria-label", "aria-expanded", "aria-controls", "title", "class", "onClick"])) : g("", !0),
+                    s.contextMenu ? (r(), D(B, {
                       key: 1,
+                      variant: "ghost",
+                      size: "sm",
+                      type: "button",
+                      class: "hys-ui-pf-grid-column-menu",
+                      "aria-label": "列操作 · " + t.label,
+                      "aria-haspopup": "menu",
+                      onClick: U((u) => ll(u, t, a), ["stop"])
+                    }, {
+                      default: M(() => [
+                        k(v(va), {
+                          size: 14,
+                          "aria-hidden": "true"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["aria-label", "onClick"])) : g("", !0),
+                    t.resizable !== !1 ? (r(), d("span", {
+                      key: 2,
                       class: "hys-ui-pf-grid-resize",
                       role: "separator",
                       tabindex: "0",
                       "aria-label": "调整" + t.label + "列宽",
-                      onPointerdown: (d) => va(d, t),
+                      onPointerdown: (u) => Pl(u, 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)
+                      "aria-valuemin": Math.min(v(dl)(t), Q(t)),
+                      "aria-valuemax": Math.max(v(ul)(t), Q(t)),
+                      "aria-valuenow": Q(t),
+                      onKeydown: (u) => jl(u, t)
+                    }, null, 40, Qa)) : g("", !0)
                   ])
-                ], 46, Za);
+                ], 46, Ia);
               }), 128))
             ]),
-            j.value ? (s(), u("tr", {
-              key: 0,
+            oe.value ? (r(), d("tr", {
+              key: 1,
               class: "hys-ui-pf-grid-filter-row",
-              id: m(ut),
-              onKeydown: a[8] || (a[8] = nt(q((t) => wt(), ["stop", "prevent"]), ["esc"])),
+              id: v(Mt),
+              onKeydown: l[8] || (l[8] = nl(U((t) => Pt(), ["stop", "prevent"]), ["esc"])),
               "aria-label": "列筛选"
             }, [
-              v.selectable ? (s(), u("td", nl)) : h("", !0),
-              (s(!0), u(N, null, ye(G.value, (t) => (s(), u("td", {
+              s.selectable ? (r(), d("td", Ja)) : g("", !0),
+              (r(!0), d(N, null, te(H.value, (t) => (r(), d("td", {
                 key: t.key,
                 "data-filter-key": t.key,
                 "data-column-key": t.key,
-                style: $(He(t))
+                style: I(Ue(t))
               }, [
-                t.filterable !== !1 ? (s(), D(Ie, {
+                t.filterable !== !1 ? (r(), D(ot, {
                   key: 0,
-                  "model-value": ct(t.key),
-                  "onUpdate:modelValue": (l) => Pt(t.key, l),
-                  onFocus: (l) => ae.value = t.key,
+                  "model-value": rt(t.key),
+                  "onUpdate:modelValue": (a) => Nt(t.key, a),
+                  onFocus: (a) => me.value = t.key,
                   "aria-label": "过滤" + t.label,
                   placeholder: "筛选…",
                   clearable: ""
-                }, null, 8, ["model-value", "onUpdate:modelValue", "onFocus", "aria-label"])) : h("", !0)
-              ], 12, il))), 128))
-            ], 40, ol)) : h("", !0)
+                }, null, 8, ["model-value", "onUpdate:modelValue", "onFocus", "aria-label"])) : g("", !0)
+              ], 12, Xa))), 128))
+            ], 40, Wa)) : g("", !0)
           ]),
           y("tbody", null, [
-            Fe.value ? (s(), u("tr", sl, [
+            ue.value ? (r(), d("tr", Ya, [
               y("td", {
-                colspan: Math.max(1, A.value.length + Number(v.selectable)),
+                colspan: Math.max(1, K.value.length + Number(s.selectable)),
                 class: "hys-ui-pf-grid-empty"
               }, [
-                y("div", ul, [
-                  $e(e.$slots, "loading", {}, () => [
-                    a[21] || (a[21] = V("正在加载…", -1))
+                y("div", _a, [
+                  $(e.$slots, "loading", {}, () => [
+                    l[22] || (l[22] = T("正在加载…", -1))
                   ], !0)
                 ])
-              ], 8, rl)
-            ])) : m(Ve) ? (s(), u("tr", dl, [
+              ], 8, Za)
+            ])) : v(Ae) ? (r(), d("tr", eo, [
               y("td", {
-                colspan: Math.max(1, A.value.length + Number(v.selectable)),
+                colspan: Math.max(1, K.value.length + Number(s.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, {
+                y("div", lo, [
+                  $(e.$slots, "error", {
+                    error: v(Ae).error,
+                    retry: ct
+                  }, () => [
+                    l[24] || (l[24] = y("span", { role: "status" }, "加载失败", -1)),
+                    k(B, {
+                      size: "sm",
+                      variant: "ghost",
+                      onClick: ct
+                    }, {
+                      default: M(() => [...l[23] || (l[23] = [
+                        T("重试", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ], !0)
+                ])
+              ], 8, to)
+            ])) : (r(), d(N, { key: 2 }, [
+              (r(!0), d(N, null, te(vt.value, (t) => (r(), d(N, {
                 key: t.key
               }, [
-                t.kind === "group" ? (s(), u("tr", fl, [
+                t.kind === "group" ? (r(), d("tr", ao, [
                   y("td", {
-                    colspan: A.value.length + Number(v.selectable)
+                    colspan: K.value.length + Number(s.selectable)
                   }, [
-                    g(T, {
+                    k(B, {
                       variant: "ghost",
                       size: "sm",
-                      "aria-expanded": !se.value.has(t.key),
-                      onClick: (l) => _t(t.key)
+                      "aria-expanded": !re.value.has(t.key),
+                      onClick: (a) => zl(t.key)
                     }, {
-                      default: z(() => {
-                        var l;
+                      default: M(() => {
+                        var a;
                         return [
-                          (s(), D(Dt(
-                            se.value.has(t.key) ? m(Ft) : m(it)
+                          (r(), D(il(
+                            re.value.has(t.key) ? v(rl) : v(St)
                           ), {
                             size: 15,
                             "aria-hidden": "true"
                           })),
-                          V(" " + O((l = F.value.get(he.value)) == null ? void 0 : l.label) + "：" + O(t.label) + " ", 1),
-                          y("span", null, "(" + O(t.count) + ")", 1)
+                          T(" " + z((a = S.value.get(we.value)) == null ? void 0 : a.label) + "：" + z(t.label) + " ", 1),
+                          y("span", null, "(" + z(t.rows.length) + ")", 1)
                         ];
                       }),
                       _: 2
-                    }, 1032, ["aria-expanded", "onClick"])
-                  ], 8, vl)
-                ])) : (s(), u("tr", {
+                    }, 1032, ["aria-expanded", "onClick"]),
+                    s.groupSummary ? (r(), d("span", no, [
+                      (r(!0), d(N, null, te(H.value, (a) => (r(), d(N, {
+                        key: a.key
+                      }, [
+                        a.summary ? (r(), d("span", io, z(a.label) + " " + z(Ft(a, t.rows)), 1)) : g("", !0)
+                      ], 64))), 128))
+                    ])) : g("", !0)
+                  ], 8, oo)
+                ])) : (r(), d("tr", ee({
                   key: 1,
-                  "data-grid-row": m(st)(t.item.id),
-                  onClick: (l) => x("rowClick", t.item.row)
-                }, [
-                  v.selectable ? (s(), u("td", pl, [
-                    v.selectionType === "radio" ? (s(), D(Ha, {
+                  ref_for: !0
+                }, ee(s.contextMenu ? { tabindex: -1, onKeydown: (a) => v(V).keydown({ ...ve(t), type: "row" }, a) } : {}, v(At).rowNavigationAttrs(v(W)(t.item.id))), {
+                  "data-grid-row": v(W)(t.item.id),
+                  class: [s.rowClassName && Ee(s.rowClassName, ve(t)), { "hys-ui-pf-grid-current-row": s.highlightCurrentRow && Re.value === t.item.id, "hys-ui-pf-grid-even-row": s.striped && t.pageIndex % 2 === 1 }],
+                  style: s.rowStyle && Ee(s.rowStyle, ve(t)),
+                  "aria-current": s.highlightCurrentRow && Re.value === t.item.id ? "true" : void 0,
+                  onClick: (a) => ta(t, a),
+                  onDblclick: (a) => p("rowDblclick", ve(t), a),
+                  onContextmenu: (a) => la(a, t)
+                }), [
+                  s.selectable ? (r(), d("td", so, [
+                    s.selectionType === "radio" ? (r(), D(Ma, {
                       key: 0,
-                      name: m(Bt),
+                      name: v(yl),
                       "aria-label": "选择第" + (t.pageIndex + 1) + "行",
-                      "model-value": b.value[0] ?? null,
+                      "model-value": w.value[0] ?? null,
                       value: t.item.id,
-                      disabled: !Oe(t.item),
-                      onClick: a[9] || (a[9] = q(() => {
+                      disabled: !ze(t.item),
+                      onClick: l[9] || (l[9] = U(() => {
                       }, ["stop"])),
-                      "onUpdate:modelValue": (l) => et(t.item.id, !0)
-                    }, null, 8, ["name", "aria-label", "model-value", "value", "disabled", "onUpdate:modelValue"])) : (s(), D(rt, {
+                      "onUpdate:modelValue": (a) => Ie(t.item.id, !0)
+                    }, null, 8, ["name", "aria-label", "model-value", "value", "disabled", "onUpdate:modelValue"])) : (r(), 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(() => {
+                      "model-value": qe.value.has(t.item.id),
+                      disabled: !ze(t.item),
+                      onClick: l[10] || (l[10] = U(() => {
                       }, ["stop"])),
-                      "onUpdate:modelValue": (l) => et(t.item.id, l)
+                      "onUpdate:modelValue": (a) => Ie(t.item.id, a)
                     }, 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: l.key,
-                      "data-column-key": l.key,
-                      style: $({
-                        ...He(l),
-                        textAlign: l.align || "left"
-                      }),
-                      title: re(t.item.row, l)
+                  ])) : g("", !0),
+                  (r(!0), d(N, null, te(H.value, (a, o) => (r(), d("td", {
+                    key: a.key,
+                    "data-column-key": a.key,
+                    tabindex: s.contextMenu ? -1 : void 0,
+                    class: pe([s.cellClassName && Ee(s.cellClassName, fe(t, a, o)), { "hys-ui-pf-grid-cell-editing": Ze(t.item, a) }]),
+                    style: I([s.cellStyle && Ee(s.cellStyle, fe(t, a, o)), {
+                      ...Ue(a),
+                      textAlign: a.align || "left"
+                    }]),
+                    title: Ze(t.item, a) ? void 0 : Se(t.item.row, a),
+                    onClick: (n) => p("cellClick", fe(t, a, o), n),
+                    onDblclick: (n) => oa(n, t, a, o),
+                    onContextmenu: U((n) => aa(n, t, a, o), ["stop"]),
+                    onKeydown: U((n) => v(V).keydown({ ...fe(t, a, o), type: "cell" }, n), ["self"])
+                  }, [
+                    Ze(t.item, a) ? (r(), D(ot, {
+                      key: 0,
+                      modelValue: We.value,
+                      "onUpdate:modelValue": l[11] || (l[11] = (n) => We.value = n),
+                      class: "hys-ui-pf-grid-edit",
+                      "aria-label": "编辑" + a.label,
+                      onClick: l[12] || (l[12] = U(() => {
+                      }, ["stop"])),
+                      onPressEnter: (n) => Ot(t.item, a),
+                      onKeydown: nl(U(Tl, ["stop"]), ["esc"]),
+                      onFocusout: (n) => Ot(t.item, a)
+                    }, null, 8, ["modelValue", "aria-label", "onPressEnter", "onKeydown", "onFocusout"])) : g("", !0),
+                    y("span", {
+                      class: "hys-ui-pf-grid-cell-display",
+                      inert: Ze(t.item, a)
                     }, [
-                      ((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: Ke.value,
-                        "onUpdate:modelValue": a[11] || (a[11] = (f) => Ke.value = f),
-                        class: "hys-ui-pf-grid-edit",
-                        "aria-label": "编辑" + l.label,
-                        onClick: a[12] || (a[12] = q(() => {
-                        }, ["stop"])),
-                        onKeydown: [
-                          nt(q((f) => gt(t.item, l), ["stop"]), ["enter"]),
-                          a[13] || (a[13] = nt(q((f) => W.value = null, ["stop"]), ["esc"]))
-                        ],
-                        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"])
-                        }, [
-                          $e(e.$slots, l.key, {
-                            row: t.item.row,
-                            value: m(me)(t.item.row, l),
-                            index: t.item.index
-                          }, () => [
-                            V(O(re(t.item.row, l)), 1)
+                      s.treeMode && o === 0 ? (r(), d(N, { key: 0 }, [
+                        t.item.hasChildren ? (r(), D(B, {
+                          key: 0,
+                          variant: "ghost",
+                          size: "sm",
+                          class: "hys-ui-pf-grid-tree-toggle",
+                          style: I({ marginLeft: t.item.depth * 16 + "px" }),
+                          "aria-expanded": Ce.value.has(t.item.id),
+                          "aria-label": Ce.value.has(t.item.id) ? "折叠子行" : "展开子行",
+                          onClick: U((n) => Ml(t.item.id), ["stop"])
+                        }, {
+                          default: M(() => [
+                            (r(), D(il(
+                              Ce.value.has(t.item.id) ? v(St) : v(rl)
+                            ), {
+                              size: 15,
+                              "aria-hidden": "true"
+                            }))
+                          ]),
+                          _: 2
+                        }, 1032, ["style", "aria-expanded", "aria-label", "onClick"])) : (r(), d("span", {
+                          key: 1,
+                          style: I({
+                            display: "inline-block",
+                            width: t.item.depth * 16 + 20 + "px"
+                          })
+                        }, null, 4))
+                      ], 64)) : g("", !0),
+                      y("span", null, [
+                        $(e.$slots, a.key, ee({ ref_for: !0 }, fe(t, a, o)), () => [
+                          $(e.$slots, "body-cell", ee({ ref_for: !0 }, fe(t, a, o)), () => [
+                            T(z(Se(t.item.row, a)), 1)
                           ], !0)
-                        ], 40, gl)
-                      ], 64))
-                    ], 12, ml);
-                  }), 128))
-                ], 8, yl))
+                        ], !0)
+                      ])
+                    ], 8, co)
+                  ], 46, uo))), 128))
+                ], 16, ro))
               ], 64))), 128)),
-              Xe.value.length ? h("", !0) : (s(), u("tr", hl, [
+              Ve.value.length ? g("", !0) : (r(), d("tr", fo, [
                 y("td", {
-                  colspan: Math.max(1, A.value.length + Number(v.selectable)),
+                  colspan: Math.max(1, K.value.length + Number(s.selectable)),
                   class: "hys-ui-pf-grid-empty"
                 }, [
-                  $e(e.$slots, "empty", {
-                    query: we()
-                  }, () => [
-                    V(O(v.emptyText), 1)
-                  ], !0)
-                ], 8, kl)
+                  y("div", po, [
+                    $(e.$slots, "empty", {
+                      query: Oe()
+                    }, () => [
+                      T(z(s.emptyText), 1)
+                    ], !0)
+                  ])
+                ], 8, vo)
               ]))
             ], 64))
           ]),
-          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", {
+          s.showSummary && !ue.value && !v(Ae) && Le.value.length ? (r(), d("tfoot", yo, [
+            y("tr", go, [
+              s.selectable ? (r(), d("td", mo, "合计")) : g("", !0),
+              (r(!0), d(N, null, te(H.value, (t, a) => (r(), d("td", {
                 key: t.key,
                 "data-column-key": t.key,
-                style: $({
-                  ...He(t),
+                style: I({
+                  ...Ue(t),
                   textAlign: t.align || "left"
                 })
-              }, O(t.summary || v.summaryMethod ? la(t) : !v.selectable && l === 0 ? "合计" : ""), 13, Cl))), 128))
+              }, z(t.summary || s.summaryMethod ? Ft(t) : !s.selectable && a === 0 ? "合计" : ""), 13, ho))), 128))
             ])
-          ])) : h("", !0)
+          ])) : g("", !0)
         ], 6)
       ], 36),
-      y("footer", xl, [
-        !v.loadRows || m(De) !== void 0 ? (s(), D(Ua, {
+      y("footer", bo, [
+        !s.loadRows || v(Xe) !== void 0 ? (r(), D(za, {
           key: 0,
-          page: ue.value,
-          total: We.value,
-          "page-size": Q.value,
+          page: xe.value,
+          total: ut.value,
+          "page-size": ie.value,
           "show-size-changer": "",
           "show-quick-jumper": "",
-          disabled: v.loading,
+          disabled: s.loading,
           "page-size-options": [10, 12, 20, 50, 100],
-          onChange: Qt,
-          "onUpdate:pageSize": Wt
-        }, null, 8, ["page", "total", "page-size", "disabled"])) : h("", !0)
-      ])
-    ], 16, $a));
+          onChange: kl,
+          "onUpdate:pageSize": wl
+        }, null, 8, ["page", "total", "page-size", "disabled"])) : g("", !0)
+      ]),
+      s.contextMenu ? (r(), D(xa, {
+        key: 0,
+        ref: "gridContextMenu",
+        trigger: [],
+        items: v(V).items.value,
+        class: "hys-ui-pf-grid-menu-anchor",
+        "aria-label": "表格操作",
+        "popup-transition": s.popupTransition,
+        "popup-transition-duration": s.popupTransitionDuration,
+        onSelect: v(V).select
+      }, null, 8, ["items", "popup-transition", "popup-transition-duration", "onSelect"])) : g("", !0)
+    ], 16, Ka));
   }
 });
 export {
-  Bl as default
+  qo as default
 };