hys-ui 0.1.1 → 0.2.0

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

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