@aplus-frontend/ui 6.28.3 → 6.29.0

package/es/src/ag-grid/hooks/use-search-form.mjs

@@ -1,25 +1,25 @@
 import { noRenderAsFormItemValueList as s } from "../../ap-table/constants.mjs";
 import { computed as p, unref as l } from "vue";
-import { getColumnOrder as d, updateFormProps as m, getFieldProps as u, getSearchFormItemRenderNode as i } from "../../ap-table/utils.mjs";
+import { getColumnOrder as d, updateFormProps as u, getFieldProps as m, getSearchFormItemRenderNode as i } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
 import { useGlobalConfig as c } from "../../config-provider/hooks/use-global-config.mjs";
-const h = (n) => {
+const P = (n) => {
   let t = 0;
   const a = c("valueTypeMap");
   return p(() => (t++, n.columns?.filter(
-    (e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !s.includes(e.valueType)
+    (e) => !e.hideInSearch && (e.dataIndex || e.key) && (e.valueType || e.customRenderFormItem) && !s.includes(e.valueType)
   )?.sort((e, o) => {
     const r = d(e.order);
     return d(o.order) - r;
   })?.map((e) => {
-    const o = m(
+    const o = u(
       e,
-      u(e.fieldProps, {})
+      m(e.fieldProps, {})
     ), r = {
       ...e,
       fieldProps: {
         label: e.title,
-        name: e.dataIndex,
+        name: e.dataIndex || e.key,
         // tips: 在表格中的查询表单项默认是带边框的
         bordered: !0,
         ...o || {},
@@ -34,5 +34,5 @@ const h = (n) => {
   }) || []));
 };
 export {
-  h as useSearchForm
+  P as useSearchForm
 };

package/es/src/ag-grid/index.vue.mjs

@@ -1,30 +1,31 @@
-import { defineComponent as qe, useSlots as Je, ref as F, toRef as k, unref as t, computed as l, nextTick as Qe, watch as z, createElementBlock as E, openBlock as C, normalizeStyle as V, normalizeClass as m, createCommentVNode as ee, createElementVNode as R, createVNode as A, mergeProps as N, createSlots as Xe, withCtx as oe, Fragment as Ye, renderList as Ze, createBlock as te, resolveDynamicComponent as _e, renderSlot as re, withDirectives as eo, vShow as oo } from "vue";
-import { AgGridVue as to } from "ag-grid-vue3";
-import { ModuleRegistry as ro, AllCommunityModule as no } from "ag-grid-community";
-import { Spin as ao, Pagination as lo } from "@aplus-frontend/antdv";
-import { isUndefined as b, isFunction as so } from "lodash-unified";
+import { defineComponent as Xe, useSlots as Ye, ref as F, toRef as k, unref as t, computed as l, nextTick as Ze, watch as P, createElementBlock as z, openBlock as v, normalizeStyle as E, normalizeClass as m, createCommentVNode as oe, createElementVNode as R, createVNode as V, mergeProps as A, createSlots as _e, withCtx as te, Fragment as eo, renderList as oo, createBlock as re, resolveDynamicComponent as to, renderSlot as ae, withDirectives as ro, vShow as ao } from "vue";
+import { AgGridVue as no } from "ag-grid-vue3";
+import { ModuleRegistry as lo, AllCommunityModule as so } from "ag-grid-community";
+import { mergeProps as io } from "./utils.mjs";
+import { Spin as co, Pagination as uo } from "@aplus-frontend/antdv";
+import { isUndefined as b, isFunction as ne } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { ApForm as io } from "../ap-form/index.mjs";
-import { recursionApColumns as co } from "../ap-table/utils.mjs";
-import { useTablePaging as uo } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import mo from "./hooks/use-row-selection.mjs";
-import { useProvideSorter as po } from "./context.mjs";
-import { useProvideApTable as fo } from "../ap-table/context.mjs";
-import { sizeReverseMap as go, sizeMap as So } from "../ap-grid/constants.mjs";
-import { useToken as wo } from "@aplus-frontend/antdv/es/theme/internal";
-import { useTheme as yo } from "./theme.mjs";
-import { useColumns as ho } from "./hooks/use-columns.mjs";
-import { useColumnsDef as vo } from "./hooks/use-columns-def.mjs";
-import { isDef as Co } from "../utils/index.mjs";
-import { getValidVNodeList as Ro } from "../utils/slot.mjs";
-import { useSearchForm as bo } from "./hooks/use-search-form.mjs";
+import { ApForm as mo } from "../ap-form/index.mjs";
+import { recursionApColumns as po } from "../ap-table/utils.mjs";
+import { useTablePaging as fo } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import wo from "./hooks/use-row-selection.mjs";
+import { useProvideSorter as go } from "./context.mjs";
+import { useProvideApTable as So } from "../ap-table/context.mjs";
+import { sizeReverseMap as yo, sizeMap as ho } from "../ap-grid/constants.mjs";
+import { useToken as Co } from "@aplus-frontend/antdv/es/theme/internal";
+import { useTheme as vo } from "./theme.mjs";
+import { useColumns as Ro } from "./hooks/use-columns.mjs";
+import { useColumnsDef as bo } from "./hooks/use-columns-def.mjs";
+import { isDef as Bo } from "../utils/index.mjs";
+import { getValidVNodeList as Fo } from "../utils/slot.mjs";
+import { useSearchForm as ko } from "./hooks/use-search-form.mjs";
 import "./components/empty/index.vue.mjs";
-import Bo from "./hooks/use-virtual-config.mjs";
-import { usePinnedRow as Fo } from "./hooks/use-pinned-row.mjs";
-import ko from "./hooks/use-selection-col-def.mjs";
-import { useNamespace as xo } from "../config-provider/hooks/use-namespace.mjs";
-import Io from "./components/empty/index.vue2.mjs";
-const ot = /* @__PURE__ */ qe({
+import xo from "./hooks/use-virtual-config.mjs";
+import { usePinnedRow as Io } from "./hooks/use-pinned-row.mjs";
+import To from "./hooks/use-selection-col-def.mjs";
+import { useNamespace as No } from "../config-provider/hooks/use-namespace.mjs";
+import Do from "./components/empty/index.vue2.mjs";
+const nt = /* @__PURE__ */ Xe({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -91,71 +92,69 @@ const ot = /* @__PURE__ */ qe({
     browserTooltips: { type: Boolean },
     virtual: { type: [Boolean, Object], default: void 0 },
     onRowClicked: {},
-    onScrollEnd: {}
+    onScrollEnd: {},
+    rowClassName: {},
+    rowClassRules: {}
   },
-  setup(ne, { expose: ae }) {
-    ro.registerModules([no]);
-    const o = ne, M = Je();
-    function le(...e) {
-      return e.reduce((r, n) => ({ ...r, ...n }), {});
-    }
-    const { e: B, b: c, be: se } = xo("ag-grid"), y = F(o.size), ie = yo(y, k(o, "rowHeight")), ce = Bo(k(o, "virtual")), { rowPinnedGridConfig: de, getRowPinnedCellClass: ue } = Fo(
+  setup(le, { expose: se }) {
+    lo.registerModules([so]);
+    const o = le, M = Ye(), { e: B, b: d, be: ie } = No("ag-grid"), y = F(o.size), ce = vo(y, k(o, "rowHeight")), de = xo(k(o, "virtual")), { rowPinnedGridConfig: O, getRowPinnedCellClass: ue } = Io(
       k(o, "summary")
-    ), d = F(), [, me] = wo();
+    ), i = F(), [, me] = Co();
     let p = !!o.dataSource;
-    const O = bo(o), { shownColumns: f, columns: W, columnKeys: pe } = ho(o), { defaultColDef: fe, columnDefs: ge } = vo(
-      W,
+    const W = ko(o), { shownColumns: f, columns: j, columnKeys: pe } = Ro(o), { defaultColDef: fe, columnDefs: we } = bo(
+      j,
       o,
       ue
     ), x = F({});
-    po({
+    go({
       sorter: x,
       setSorter(e) {
         x.value = e;
       }
     });
-    const Se = {
+    const ge = {
       asc: "ascend",
       desc: "descend"
     };
-    function we() {
-      const e = d.value.getColumns()?.filter((s) => s.getSort() !== void 0), r = t(x) || {};
-      let n = e?.[0];
+    function Se() {
+      const e = i.value.getColumns()?.filter((s) => s.getSort() !== void 0), r = t(x) || {};
+      let a = e?.[0];
       const u = Object.keys(r);
       if (u.length && u.every((s) => r[s] === null)) {
         const s = Object.keys(r)[0];
-        s && (n = d.value?.getColumn(s));
+        s && (a = i.value?.getColumn(s));
       }
-      if (!n)
+      if (!a)
         return;
-      const i = n.getColDef(), w = n.getSort();
-      L(void 0, void 0, {
-        column: i,
-        field: i.field,
-        order: w ? Se[w] : null
+      const c = a.getColDef(), S = a.getSort();
+      G(void 0, void 0, {
+        column: c,
+        field: c.field,
+        order: S ? ge[S] : null
       });
     }
-    const ye = l(() => co(t(f), (e) => {
+    const ye = l(() => po(t(f), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), he = l(() => Co(o.manual) ? o.manual : Ro(M.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
-      formRef: g,
+    }).filter(Boolean)), he = l(() => Bo(o.manual) ? o.manual : Fo(M.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
+      formRef: w,
       submit: I,
       reset: T,
-      data: S,
-      tableProps: j,
-      handleTableChangeOptional: L,
-      submitWith: G,
-      refresh: H,
-      getPaging: ve,
-      setPaging: Ce,
+      data: g,
+      tableProps: L,
+      handleTableChangeOptional: G,
+      submitWith: H,
+      refresh: U,
+      getPaging: Ce,
+      setPaging: ve,
       setDataSource: Re
-    } = uo({
+    } = fo({
       async request(e) {
-        if (p = !1, !Fe.value && b(o.dataSource) && P(), !b(o.dataSource)) {
-          const n = e.pageSize * (e.current - 1);
+        if (p = !1, !Fe.value && b(o.dataSource) && K(), !b(o.dataSource)) {
+          const a = e.pageSize * (e.current - 1);
           return {
-            data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(n, n + e.pageSize)) || [],
+            data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(a, a + e.pageSize)) || [],
             total: o.dataSource.length || 0
           };
         }
@@ -173,43 +172,43 @@ const ot = /* @__PURE__ */ qe({
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
       sortFields: ye
-    }), be = ko(o, f), Be = l(
-      () => b(o.dataSource) ? S.records : o.dataSource
+    }), be = To(o, f), Be = l(
+      () => b(o.dataSource) ? g.records : o.dataSource
     ), Fe = l(() => {
       const e = o.rowSelection === !0 ? {} : o.rowSelection;
       return e ? e.preserveSelectedRowKeys !== !1 : !1;
     }), {
       select: ke,
       unSelect: xe,
-      selectedRows: D,
+      selectedRows: N,
       selectedRowKeys: Ie,
       clearAll: Te,
-      selectMultiByKeys: De
-    } = mo({
+      selectMultiByKeys: Ne
+    } = wo({
       ...o.rowSelection === !0 ? {} : o.rowSelection,
       dataSource: Be,
       rowKey: o.rowKey
-    }), Ke = {
+    }), De = {
       checkbox: "multiRow",
       radio: "singleRow"
-    }, Pe = l(() => {
+    }, Ke = l(() => {
       if (!o.rowSelection)
         return;
       const { type: e = "checkbox", disabled: r } = o.rowSelection === !0 ? {} : o.rowSelection;
       return {
-        mode: Ke[e],
-        isRowSelectable: (n) => r ? !r(n.data) : !0
+        mode: De[e],
+        isRowSelectable: (a) => r ? !r(a.data) : !0
       };
     });
-    function K(e) {
-      return so(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    function D(e) {
+      return ne(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
-    const U = ({
-      api: e = d.value
+    const $ = ({
+      api: e = i.value
     }) => {
       if (!o.rowSelection)
         return;
-      const r = D.value;
+      const r = N.value;
       if (!r.length) {
         setTimeout(() => {
           p = !0;
@@ -217,250 +216,271 @@ const ot = /* @__PURE__ */ qe({
         return;
       }
       p = !1;
-      const n = [];
+      const a = [];
       e.forEachNode((u) => {
-        const h = u.data, i = K(h);
-        r.find((w) => K(w) === i) && n.push(u);
-      }), e.setNodesSelected({ nodes: n, newValue: !0 }), setTimeout(() => {
+        const h = u.data, c = D(h);
+        r.find((S) => D(S) === c) && a.push(u);
+      }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
         p = !0;
       }, 0);
-    }, ze = (e) => {
+    }, Pe = (e) => {
       p && (e.node.isSelected() ? ke(e.data) : xe(e.data));
-    }, Ee = () => {
+    }, ze = () => {
       p = !0;
-    }, P = () => {
-      Te(), d.value?.deselectAll();
+    }, K = () => {
+      Te(), i.value?.deselectAll();
     };
-    function Ve(e) {
-      De(e), Qe(() => {
-        U({});
+    function Ee(e) {
+      Ne(e), Ze(() => {
+        $({});
       });
     }
-    function $(e = !1) {
+    function q(e = !1) {
       const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return g.value?.apForm?.[r]?.(!0);
+      return w.value?.apForm?.[r]?.(!0);
     }
-    function q(e) {
-      g.value?.apForm?.setFieldsValue?.(e);
+    function J(e) {
+      w.value?.apForm?.setFieldsValue?.(e);
     }
-    function J() {
-      return g.value?.getSorterItems() || [];
+    function Q() {
+      return w.value?.getSorterItems() || [];
     }
-    function Q(e) {
-      g.value?.setSorterItems(e);
+    function X(e) {
+      w.value?.setSorterItems(e);
     }
-    function X() {
-      g.value?.resetSorterItems();
+    function Y() {
+      w.value?.resetSorterItems();
     }
-    function Y(e) {
+    function Z(e) {
       return e && String(e);
     }
-    function Ae(e) {
-      const r = d.value;
+    function Ve(e) {
+      const r = i.value;
       if (!r)
         return;
-      const n = r.getColumnState() || [], u = e.map((a) => a.key ? String(a.key) : a.key).filter(Boolean), h = n.map((a) => {
-        if (!pe.value.includes(a.colId))
-          return a;
-        const v = !u.includes(a.colId), Z = {
-          ...a,
-          hide: v
-        }, _ = e.find(
-          ($e) => Y($e.key) === a.colId
+      const a = r.getColumnState() || [], u = e.map((n) => n.key ? String(n.key) : n.key).filter(Boolean), h = a.map((n) => {
+        if (!pe.value.includes(n.colId))
+          return n;
+        const C = !u.includes(n.colId), _ = {
+          ...n,
+          hide: C
+        }, ee = e.find(
+          (Qe) => Z(Qe.key) === n.colId
         );
-        return _ && (Z.pinned = _.fixed || null), Z;
-      }), i = new Map(
-        e.map((a, v) => [Y(a.key), v])
-      ), w = h.filter((a) => i.has(a.colId)).sort(
-        (a, v) => i.get(a.colId) - i.get(v.colId)
+        return ee && (_.pinned = ee.fixed || null), _;
+      }), c = new Map(
+        e.map((n, C) => [Z(n.key), C])
+      ), S = h.filter((n) => c.has(n.colId)).sort(
+        (n, C) => c.get(n.colId) - c.get(C.colId)
       ), s = [];
-      let Ue = 0;
-      for (const a of h)
-        i.has(a.colId) ? s.push(w[Ue++]) : s.push(a);
+      let Je = 0;
+      for (const n of h)
+        c.has(n.colId) ? s.push(S[Je++]) : s.push(n);
       r.applyColumnState({
         state: s,
         applyOrder: !0
       });
     }
-    fo({
+    So({
       columns: l(() => f.value),
-      columnsBackup: l(() => W.value),
-      size: l(() => So[y.value]),
+      columnsBackup: l(() => j.value),
+      size: l(() => ho[y.value]),
       updateColumns(e) {
-        console.log("run reset", e), f.value = e, o.onShownColumnsChange?.(e), Ae(e);
+        console.log("run reset", e), f.value = e, o.onShownColumnsChange?.(e), Ve(e);
       },
       updateSize(e) {
-        y.value = go[e];
+        y.value = yo[e];
       },
       renderConfig: l(() => ({
-        className: se("table-header", "title"),
+        className: ie("table-header", "title"),
         color: me.value.colorTextTertiary
       })),
-      dataSource: l(() => t(S).records),
-      getSearchFormValues: $,
-      setSearchFormValues: q,
+      dataSource: l(() => t(g).records),
+      getSearchFormValues: q,
+      setSearchFormValues: J,
       submit: I,
-      submitWith: G,
+      submitWith: H,
       reset: T,
-      refresh: H,
-      getSearchFormSorterItems: J,
-      setSearchFormSorterItems: Q,
-      resetSearchFormSorterItems: X
+      refresh: U,
+      getSearchFormSorterItems: Q,
+      setSearchFormSorterItems: X,
+      resetSearchFormSorterItems: Y
     });
-    const Ne = l(
-      () => b(o.loading) ? S.loading : o.loading
+    const Ae = l(
+      () => b(o.loading) ? g.loading : o.loading
     ), Me = l(() => [
-      c(),
-      o.card ? null : c("wrapper"),
-      c("adaptive"),
-      c(`size-${y.value}`)
+      d(),
+      o.card ? null : d("wrapper"),
+      d("adaptive"),
+      d(`size-${y.value}`)
     ].filter(Boolean)), Oe = l(() => ({
       height: "100%",
       ...o.tableStyle || {}
     })), We = (e, r) => {
-      L({ current: e, pageSize: r });
+      G({ current: e, pageSize: r });
     };
     function je(e) {
       const r = e.data;
-      return K(r);
+      return D(r);
     }
     function Le(e, r) {
-      d.value?.ensureIndexVisible(e, r);
+      i.value?.ensureIndexVisible(e, r);
     }
     function Ge(e) {
-      o.onRowClicked?.(e.data);
+      o.onRowClicked?.(e.data, e.event);
     }
     function He(e) {
       o.onScrollEnd?.(e.direction);
     }
-    return z(
+    function Ue(e) {
+      return i.value?.refreshCells(e);
+    }
+    function $e(e) {
+      return i.value?.redrawRows(e);
+    }
+    const qe = (e) => {
+      const r = [
+        O.value.getRowClass?.(e)
+      ];
+      if (!e.node.rowPinned) {
+        const a = ne(o.rowClassName) ? o.rowClassName(e.data, e.rowIndex) : o.rowClassName;
+        r.push(a);
+      }
+      return r.flat().filter(Boolean);
+    };
+    return P(
       () => o.dataSource,
       (e) => {
         Re(e);
       },
       { immediate: !0, deep: !0 }
-    ), z(
+    ), P(
       () => o.size,
       (e) => {
         y.value = e;
       }
-    ), z(
-      () => t(S).loading,
+    ), P(
+      () => t(g).loading,
       (e) => {
         o.onLoadingChange?.(e);
       }
-    ), ae({
+    ), se({
       submit: I,
       reset: T,
-      refresh: H,
-      submitWith: G,
-      setSearchFormValues: q,
-      getSearchFormValues: $,
+      refresh: U,
+      submitWith: H,
+      setSearchFormValues: J,
+      getSearchFormValues: q,
       getShowColumns: () => t(f),
       rowSelection: {
-        selectedRows: l(() => D.value),
-        setSelectedRowKeys: Ve,
-        clearAll: P
+        selectedRows: l(() => N.value),
+        setSelectedRowKeys: Ee,
+        clearAll: K
       },
       scrollToRow: Le,
-      getDataSource: () => t(S.records),
-      getPaging: ve,
-      setPaging: Ce,
-      getSearchFormSorterItems: J,
-      setSearchFormSorterItems: Q,
-      resetSearchFormSorterItems: X
-    }), (e, r) => (C(), E("div", {
+      getDataSource: () => t(g.records),
+      getPaging: Ce,
+      setPaging: ve,
+      getSearchFormSorterItems: Q,
+      setSearchFormSorterItems: X,
+      resetSearchFormSorterItems: Y,
+      refreshCells: Ue,
+      redrawRows: $e
+    }), (e, r) => (v(), z("div", {
       class: m(Me.value),
-      style: V(e.wrapperStyle)
+      style: E(e.wrapperStyle)
     }, [
-      t(b)(e.dataSource) && e.searchForm !== !1 && t(O).length > 0 ? (C(), E("div", {
+      t(b)(e.dataSource) && e.searchForm !== !1 && t(W).length > 0 ? (v(), z("div", {
         key: 0,
         class: m(e.card ? t(B)("search-wrapper") : null),
-        style: V(e.searchFormWrapperStyle)
+        style: E(e.searchFormWrapperStyle)
       }, [
-        A(t(io).SearchForm, N(e.searchForm || {}, {
+        V(t(mo).SearchForm, A(e.searchForm || {}, {
           ref_key: "formRef",
-          ref: g,
+          ref: w,
           "custom-reset": "",
-          "submit-loading": t(j).loading,
+          "submit-loading": t(L).loading,
           onSubmit: t(I),
           onReset: t(T)
-        }), Xe({
-          default: oe(() => [
-            (C(!0), E(Ye, null, Ze(t(O), (n) => (C(), te(_e(n.renderNode), {
-              key: n.dataIndex
+        }), _e({
+          default: te(() => [
+            (v(!0), z(eo, null, oo(t(W), (a) => (v(), re(to(a.renderNode), {
+              key: a.dataIndex
             }))), 128))
           ]),
           _: 2
         }, [
           M.searchFormExtra ? {
             name: "extra",
-            fn: oe(() => [
-              re(e.$slots, "searchFormExtra")
+            fn: te(() => [
+              ae(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : ee("", !0),
+      ], 6)) : oe("", !0),
       R("div", {
         class: m([t(B)("table-wrapper"), e.card ? t(B)("table-wrapper-card") : null]),
-        style: V(e.tableWrapperStyle)
+        style: E(e.tableWrapperStyle)
       }, [
         R("div", {
-          class: m(t(c)("header-wrapper"))
+          class: m(t(d)("header-wrapper"))
         }, [
-          re(e.$slots, "title", {
-            selectedRows: t(D),
+          ae(e.$slots, "title", {
+            selectedRows: t(N),
             selectedRowKeys: t(Ie),
             shownColumns: t(f),
-            clearAll: P
+            clearAll: K
           })
         ], 2),
         R("div", {
-          class: m(t(c)("grid-wrapper"))
+          class: m(t(d)("grid-wrapper"))
         }, [
-          A(t(to), N(le(t(ce), t(de)), {
+          V(t(no), A(t(io)(t(de), t(O)), {
+            "get-row-class": qe,
             style: Oe.value,
-            "row-data": t(S).records,
-            "column-defs": t(ge),
+            "row-data": t(g).records,
+            "column-defs": t(we),
             "default-col-def": t(fe),
             "suppress-loading-overlay": "",
-            "row-selection": Pe.value,
+            "row-selection": Ke.value,
             "selection-column-def": t(be),
             "get-row-id": je,
-            theme: t(ie),
+            theme: t(ce),
             "tooltip-show-delay": 500,
             "enable-browser-tooltips": e.browserTooltips,
             "tooltip-interaction": "",
-            "no-rows-overlay-component": Io,
-            onSortChanged: we,
-            onGridReady: r[0] || (r[0] = (n) => d.value = n.api),
-            onRowDataUpdated: U,
-            onRowSelected: ze,
-            onFirstDataRendered: Ee,
+            "row-class-rules": e.rowClassRules,
+            "no-rows-overlay-component": Do,
+            "suppress-cell-focus": "",
+            onSortChanged: Se,
+            onGridReady: r[0] || (r[0] = (a) => i.value = a.api),
+            onRowDataUpdated: $,
+            onRowSelected: Pe,
+            onFirstDataRendered: ze,
             onRowClicked: Ge,
             onBodyScrollEnd: He
-          }), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "theme", "enable-browser-tooltips"]),
-          eo(R("div", {
+          }), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "theme", "enable-browser-tooltips", "row-class-rules"]),
+          ro(R("div", {
             class: m(t(B)("table-loading-wrapper"))
           }, [
-            A(t(ao), { delay: 300 })
+            V(t(co), { delay: 300 })
           ], 2), [
-            [oo, Ne.value]
+            [ao, Ae.value]
           ])
         ], 2),
         R("div", {
-          class: m(t(c)("pagination-wrapper"))
+          class: m(t(d)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (C(), te(t(lo), N({
+          e.pagination !== !1 ? (v(), re(t(uo), A({
             key: 0,
-            class: t(c)("pagination")
-          }, t(j).pagination, { onChange: We }), null, 16, ["class"])) : ee("", !0)
+            class: t(d)("pagination")
+          }, t(L).pagination, { onChange: We }), null, 16, ["class"])) : oe("", !0)
         ], 2)
       ], 6)
     ], 6));
   }
 });
 export {
-  ot as default
+  nt as default
 };

package/es/src/ag-grid/interface.d.ts

@@ -4,7 +4,7 @@ import { TableProps } from '@aplus-frontend/antdv';
 import { ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form/interface';
 import { Recordable } from '../type';
 import { SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
-import { ColDef, IRowNode, RowPinnedType, ScrollDirection } from 'ag-grid-community';
+import { ColDef, IRowNode, RedrawRowsParams, RefreshCellsParams, RowClassRules, RowPinnedType, ScrollDirection } from 'ag-grid-community';
 import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
 export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'width' | 'maxWidth' | 'className' | 'class' | 'colSpan'> & {
     children?: AgGridColumnType<RecordType, ExtraValueType, ValueType>[];
@@ -235,16 +235,26 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
     virtual?: false | AgGridVirtualConfig;
     /**
      * 行点击事件
+     * @param event 事件
      * @param record 行数据
      * @returns
      */
-    onRowClicked?: (record: RecordType) => void;
+    onRowClicked?: (record: RecordType, event?: Event | null) => void;
     /**
      * 表格滚动结束后的事件
      * @param direction
      * @returns
      */
     onScrollEnd?: (direction: ScrollDirection) => void;
+    /**
+     * 非固定行的的自定义行样式类
+     * @description 固定行自定义样式类请使用`summary.rowClassName`
+     */
+    rowClassName?: string | string[] | ((data: RecordType, rowIndex: number) => string | string[]);
+    /**
+     * 表格行自定义样式规则集
+     */
+    rowClassRules?: RowClassRules<RecordType>;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**
@@ -338,4 +348,16 @@ export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
      * @returns
      */
     resetSearchFormSorterItems: () => void;
+    /**
+     * 刷新单元格
+     * @param params
+     * @returns
+     */
+    refreshCells: (params?: RefreshCellsParams<RecordType>) => void;
+    /**
+     * 重新绘制行
+     * @param params
+     * @returns
+     */
+    redrawRows: (params?: RedrawRowsParams<RecordType>) => void;
 };

package/es/src/ag-grid/theme.mjs

@@ -1,29 +1,30 @@
 import { useToken as d } from "@aplus-frontend/antdv/es/theme/internal";
 import { themeQuartz as n } from "ag-grid-community";
 import { computed as c } from "vue";
-const p = (e, r) => {
+const h = (o, r) => {
   const [, a] = d();
   return c(() => {
-    const t = e.value === "mini", o = a.value;
+    const t = o.value === "mini", e = a.value;
     return n.withParams({
       headerHeight: "36px",
       headerFontSize: "12px",
       dataFontSize: "12px",
       rowHeight: r.value,
       spacing: t ? "5px" : "6.5px",
-      foregroundColor: o.colorTextBase,
+      foregroundColor: e.colorTextBase,
       wrapperBorder: !1,
-      rowBorder: { color: o.colorBorderSecondary },
-      headerRowBorder: { color: o.colorBorderSecondary },
-      selectedRowBackgroundColor: o.controlItemBgActive,
-      checkboxCheckedBackgroundColor: o.colorPrimary,
+      rowBorder: { color: e.colorBorderSecondary },
+      headerRowBorder: { color: e.colorBorderSecondary },
+      selectedRowBackgroundColor: e.controlItemBgActive,
+      checkboxCheckedBackgroundColor: e.colorPrimary,
       rowHoverColor: "var(--ap-color-bg-2)",
       headerBackgroundColor: "var(--ap-table-header-bg)",
       headerColumnResizeHandleHeight: "50%",
-      headerColumnResizeHandleWidth: "1px"
+      headerColumnResizeHandleWidth: "1px",
+      wrapperBorderRadius: "4px"
     });
   });
 };
 export {
-  p as useTheme
+  h as useTheme
 };

package/es/src/ag-grid/utils.d.ts

@@ -0,0 +1,2 @@
+import { GridOptions } from 'ag-grid-community';
+export declare function mergeProps(...options: GridOptions[]): GridOptions<any>;

package/es/src/ag-grid/utils.mjs

@@ -0,0 +1,6 @@
+function o(...e) {
+  return e.reduce((r, n) => ({ ...r, ...n }), {});
+}
+export {
+  o as mergeProps
+};

package/es/src/ap-descriptions/helper.mjs

@@ -1,6 +1,6 @@
-import { isEmpty as n } from "lodash-unified";
+import { isEmpty as a } from "lodash-unified";
 import { formatterMap as o } from "./formatter/index.mjs";
-function i(r, e) {
+function m(r, e) {
   const t = o[e.valueType];
   return t ? t(r, e.extraProps || {}) : r.value;
 }
@@ -15,15 +15,17 @@ function l(r, e) {
       return r == null || r === "";
     case "array":
     case "attachment":
-      return n(r);
+      return a(r);
     default:
       return !r;
   }
 }
-function m(r = {}, e) {
+function u(r = {}, e) {
   return e.fromGlobal ? {
     ...r,
-    downloadFile: e.fromGlobal
+    downloadFile(t, n) {
+      return e.fromGlobal?.([{ fileName: n, objectName: t }]);
+    }
   } : !r?.downloadFile && e.fromConfig ? {
     ...r,
     downloadFile: e.fromConfig
@@ -31,6 +33,6 @@ function m(r = {}, e) {
 }
 export {
   l as isEmptyWithType,
-  m as mixinsAttachmentExtraProps,
-  i as transformValue
+  u as mixinsAttachmentExtraProps,
+  m as transformValue
 };

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.28.3";
+declare const _default: "6.29.0";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "6.28.3";
+const e = "6.29.0";
 export {
   e as default
 };

package/lib/src/ag-grid/hooks/use-search-form.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../ap-table/constants.js"),n=require("vue"),o=require("../../ap-table/utils.js");require("../../config-provider/index.js");const l=require("../../config-provider/hooks/use-global-config.js"),c=s=>{let d=0;const u=l.useGlobalConfig("valueTypeMap");return n.computed(()=>(d++,s.columns?.filter(e=>!e.hideInSearch&&e.dataIndex&&(e.valueType||e.customRenderFormItem)&&!a.noRenderAsFormItemValueList.includes(e.valueType))?.sort((e,t)=>{const r=o.getColumnOrder(e.order);return o.getColumnOrder(t.order)-r})?.map(e=>{const t=o.updateFormProps(e,o.getFieldProps(e.fieldProps,{})),r={...e,fieldProps:{label:e.title,name:e.dataIndex,bordered:!0,...t||{},_signal:d},renderNode:void 0};return r.renderNode=o.getSearchFormItemRenderNode(r,n.unref(u)),r})||[]))};exports.useSearchForm=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../ap-table/constants.js"),n=require("vue"),o=require("../../ap-table/utils.js");require("../../config-provider/index.js");const l=require("../../config-provider/hooks/use-global-config.js"),c=s=>{let d=0;const u=l.useGlobalConfig("valueTypeMap");return n.computed(()=>(d++,s.columns?.filter(e=>!e.hideInSearch&&(e.dataIndex||e.key)&&(e.valueType||e.customRenderFormItem)&&!a.noRenderAsFormItemValueList.includes(e.valueType))?.sort((e,t)=>{const r=o.getColumnOrder(e.order);return o.getColumnOrder(t.order)-r})?.map(e=>{const t=o.updateFormProps(e,o.getFieldProps(e.fieldProps,{})),r={...e,fieldProps:{label:e.title,name:e.dataIndex||e.key,bordered:!0,...t||{},_signal:d},renderNode:void 0};return r.renderNode=o.getSearchFormItemRenderNode(r,n.unref(u)),r})||[]))};exports.useSearchForm=c;

package/lib/src/ag-grid/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Pe=require("ag-grid-vue3"),W=require("ag-grid-community"),G=require("@aplus-frontend/antdv"),S=require("lodash-unified");require("../config-provider/index.js");const De=require("../ap-form/index.js"),Ke=require("../ap-table/utils.js"),Ae=require("../ap-table/hooks/use-table-paging-ng.js"),Me=require("./hooks/use-row-selection.js"),Oe=require("./context.js"),Ue=require("../ap-table/context.js"),L=require("../ap-grid/constants.js"),je=require("@aplus-frontend/antdv/es/theme/internal"),We=require("./theme.js"),Ge=require("./hooks/use-columns.js"),Le=require("./hooks/use-columns-def.js"),$e=require("../utils/index.js"),He=require("../utils/slot.js"),_e=require("./hooks/use-search-form.js");require("./components/empty/index.vue.js");const Je=require("./hooks/use-virtual-config.js"),Qe=require("./hooks/use-pinned-row.js"),Xe=require("./hooks/use-selection-col-def.js"),Ye=require("../config-provider/hooks/use-namespace.js"),Ze=require("./components/empty/index.vue2.js"),eo=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{}},setup($,{expose:H}){W.ModuleRegistry.registerModules([W.AllCommunityModule]);const t=$,F=e.useSlots();function _(...o){return o.reduce((r,n)=>({...r,...n}),{})}const{e:C,b:u,be:J}=Ye.useNamespace("ag-grid"),w=e.ref(t.size),Q=We.useTheme(w,e.toRef(t,"rowHeight")),X=Je.default(e.toRef(t,"virtual")),{rowPinnedGridConfig:Y,getRowPinnedCellClass:Z}=Qe.usePinnedRow(e.toRef(t,"summary")),i=e.ref(),[,ee]=je.useToken();let d=!!t.dataSource;const q=_e.useSearchForm(t),{shownColumns:f,columns:z,columnKeys:oe}=Ge.useColumns(t),{defaultColDef:te,columnDefs:re}=Le.useColumnsDef(z,t,Z),v=e.ref({});Oe.useProvideSorter({sorter:v,setSorter(o){v.value=o}});const ne={asc:"ascend",desc:"descend"};function ae(){const o=i.value.getColumns()?.filter(l=>l.getSort()!==void 0),r=e.unref(v)||{};let n=o?.[0];const c=Object.keys(r);if(c.length&&c.every(l=>r[l]===null)){const l=Object.keys(r)[0];l&&(n=i.value?.getColumn(l))}if(!n)return;const s=n.getColDef(),g=n.getSort();I(void 0,void 0,{column:s,field:s.field,order:g?ne[g]:null})}const le=e.computed(()=>Ke.recursionApColumns(e.unref(f),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),se=e.computed(()=>$e.isDef(t.manual)?t.manual:He.getValidVNodeList(F.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:p,submit:R,reset:b,data:m,tableProps:V,handleTableChangeOptional:I,submitWith:N,refresh:T,getPaging:ue,setPaging:ie,setDataSource:ce}=Ae.useTablePaging({async request(o){if(d=!1,!pe.value&&S.isUndefined(t.dataSource)&&x(),!S.isUndefined(t.dataSource)){const n=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+o.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(o);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(se),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:le}),de=Xe.default(t,f),fe=e.computed(()=>S.isUndefined(t.dataSource)?m.records:t.dataSource),pe=e.computed(()=>{const o=t.rowSelection===!0?{}:t.rowSelection;return o?o.preserveSelectedRowKeys!==!1:!1}),{select:me,unSelect:ge,selectedRows:B,selectedRowKeys:Se,clearAll:we,selectMultiByKeys:ye}=Me.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:fe,rowKey:t.rowKey}),he={checkbox:"multiRow",radio:"singleRow"},Ce=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:he[o],isRowSelectable:n=>r?!r(n.data):!0}});function k(o){return S.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const E=({api:o=i.value})=>{if(!t.rowSelection)return;const r=B.value;if(!r.length){setTimeout(()=>{d=!0},0);return}d=!1;const n=[];o.forEachNode(c=>{const y=c.data,s=k(y);r.find(g=>k(g)===s)&&n.push(c)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{d=!0},0)},ve=o=>{d&&(o.node.isSelected()?me(o.data):ge(o.data))},Re=()=>{d=!0},x=()=>{we(),i.value?.deselectAll()};function be(o){ye(o),e.nextTick(()=>{E({})})}function P(o=!1){const r=o?"getFieldsValueTransformed":"getFieldsValue";return p.value?.apForm?.[r]?.(!0)}function D(o){p.value?.apForm?.setFieldsValue?.(o)}function K(){return p.value?.getSorterItems()||[]}function A(o){p.value?.setSorterItems(o)}function M(){p.value?.resetSorterItems()}function O(o){return o&&String(o)}function Be(o){const r=i.value;if(!r)return;const n=r.getColumnState()||[],c=o.map(a=>a.key?String(a.key):a.key).filter(Boolean),y=n.map(a=>{if(!oe.value.includes(a.colId))return a;const h=!c.includes(a.colId),U={...a,hide:h},j=o.find(Ee=>O(Ee.key)===a.colId);return j&&(U.pinned=j.fixed||null),U}),s=new Map(o.map((a,h)=>[O(a.key),h])),g=y.filter(a=>s.has(a.colId)).sort((a,h)=>s.get(a.colId)-s.get(h.colId)),l=[];let Te=0;for(const a of y)s.has(a.colId)?l.push(g[Te++]):l.push(a);r.applyColumnState({state:l,applyOrder:!0})}Ue.useProvideApTable({columns:e.computed(()=>f.value),columnsBackup:e.computed(()=>z.value),size:e.computed(()=>L.sizeMap[w.value]),updateColumns(o){console.log("run reset",o),f.value=o,t.onShownColumnsChange?.(o),Be(o)},updateSize(o){w.value=L.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:J("table-header","title"),color:ee.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(m).records),getSearchFormValues:P,setSearchFormValues:D,submit:R,submitWith:N,reset:b,refresh:T,getSearchFormSorterItems:K,setSearchFormSorterItems:A,resetSearchFormSorterItems:M});const ke=e.computed(()=>S.isUndefined(t.loading)?m.loading:t.loading),xe=e.computed(()=>[u(),t.card?null:u("wrapper"),u("adaptive"),u(`size-${w.value}`)].filter(Boolean)),Fe=e.computed(()=>({height:"100%",...t.tableStyle||{}})),qe=(o,r)=>{I({current:o,pageSize:r})};function ze(o){const r=o.data;return k(r)}function Ve(o,r){i.value?.ensureIndexVisible(o,r)}function Ie(o){t.onRowClicked?.(o.data)}function Ne(o){t.onScrollEnd?.(o.direction)}return e.watch(()=>t.dataSource,o=>{ce(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{w.value=o}),e.watch(()=>e.unref(m).loading,o=>{t.onLoadingChange?.(o)}),H({submit:R,reset:b,refresh:T,submitWith:N,setSearchFormValues:D,getSearchFormValues:P,getShowColumns:()=>e.unref(f),rowSelection:{selectedRows:e.computed(()=>B.value),setSelectedRowKeys:be,clearAll:x},scrollToRow:Ve,getDataSource:()=>e.unref(m.records),getPaging:ue,setPaging:ie,getSearchFormSorterItems:K,setSearchFormSorterItems:A,resetSearchFormSorterItems:M}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(xe.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(S.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(q).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(C)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(De.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:p,"custom-reset":"","submit-loading":e.unref(V).loading,onSubmit:e.unref(R),onReset:e.unref(b)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(q),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[F.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(C)("table-wrapper"),o.card?e.unref(C)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(B),selectedRowKeys:e.unref(Se),shownColumns:e.unref(f),clearAll:x})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("grid-wrapper"))},[e.createVNode(e.unref(Pe.AgGridVue),e.mergeProps(_(e.unref(X),e.unref(Y)),{style:Fe.value,"row-data":e.unref(m).records,"column-defs":e.unref(re),"default-col-def":e.unref(te),"suppress-loading-overlay":"","row-selection":Ce.value,"selection-column-def":e.unref(de),"get-row-id":ze,theme:e.unref(Q),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"","no-rows-overlay-component":Ze.default,onSortChanged:ae,onGridReady:r[0]||(r[0]=n=>i.value=n.api),onRowDataUpdated:E,onRowSelected:ve,onFirstDataRendered:Re,onRowClicked:Ie,onBodyScrollEnd:Ne}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","theme","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(C)("table-loading-wrapper"))},[e.createVNode(e.unref(G.Spin),{delay:300})],2),[[e.vShow,ke.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(G.Pagination),e.mergeProps({key:0,class:e.unref(u)("pagination")},e.unref(V).pagination,{onChange:qe}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=eo;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Ke=require("ag-grid-vue3"),$=require("ag-grid-community"),Ae=require("./utils.js"),G=require("@aplus-frontend/antdv"),d=require("lodash-unified");require("../config-provider/index.js");const Me=require("../ap-form/index.js"),Oe=require("../ap-table/utils.js"),Ue=require("../ap-table/hooks/use-table-paging-ng.js"),je=require("./hooks/use-row-selection.js"),We=require("./context.js"),$e=require("../ap-table/context.js"),L=require("../ap-grid/constants.js"),Ge=require("@aplus-frontend/antdv/es/theme/internal"),Le=require("./theme.js"),He=require("./hooks/use-columns.js"),_e=require("./hooks/use-columns-def.js"),Je=require("../utils/index.js"),Qe=require("../utils/slot.js"),Xe=require("./hooks/use-search-form.js");require("./components/empty/index.vue.js");const Ye=require("./hooks/use-virtual-config.js"),Ze=require("./hooks/use-pinned-row.js"),eo=require("./hooks/use-selection-col-def.js"),oo=require("../config-provider/hooks/use-namespace.js"),to=require("./components/empty/index.vue2.js"),ro=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{}},setup(H,{expose:_}){$.ModuleRegistry.registerModules([$.AllCommunityModule]);const t=H,F=e.useSlots(),{e:h,b:i,be:J}=oo.useNamespace("ag-grid"),S=e.ref(t.size),Q=Le.useTheme(S,e.toRef(t,"rowHeight")),X=Ye.default(e.toRef(t,"virtual")),{rowPinnedGridConfig:q,getRowPinnedCellClass:Y}=Ze.usePinnedRow(e.toRef(t,"summary")),s=e.ref(),[,Z]=Ge.useToken();let f=!!t.dataSource;const N=Xe.useSearchForm(t),{shownColumns:m,columns:z,columnKeys:ee}=He.useColumns(t),{defaultColDef:oe,columnDefs:te}=_e.useColumnsDef(z,t,Y),v=e.ref({});We.useProvideSorter({sorter:v,setSorter(o){v.value=o}});const re={asc:"ascend",desc:"descend"};function ne(){const o=s.value.getColumns()?.filter(l=>l.getSort()!==void 0),r=e.unref(v)||{};let n=o?.[0];const c=Object.keys(r);if(c.length&&c.every(l=>r[l]===null)){const l=Object.keys(r)[0];l&&(n=s.value?.getColumn(l))}if(!n)return;const u=n.getColDef(),w=n.getSort();P(void 0,void 0,{column:u,field:u.field,order:w?re[w]:null})}const ae=e.computed(()=>Oe.recursionApColumns(e.unref(m),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),le=e.computed(()=>Je.isDef(t.manual)?t.manual:Qe.getValidVNodeList(F.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:p,submit:R,reset:b,data:g,tableProps:I,handleTableChangeOptional:P,submitWith:T,refresh:V,getPaging:se,setPaging:ue,setDataSource:ie}=Ue.useTablePaging({async request(o){if(f=!1,!fe.value&&d.isUndefined(t.dataSource)&&x(),!d.isUndefined(t.dataSource)){const n=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+o.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(o);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(le),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:ae}),ce=eo.default(t,m),de=e.computed(()=>d.isUndefined(t.dataSource)?g.records:t.dataSource),fe=e.computed(()=>{const o=t.rowSelection===!0?{}:t.rowSelection;return o?o.preserveSelectedRowKeys!==!1:!1}),{select:me,unSelect:pe,selectedRows:B,selectedRowKeys:ge,clearAll:we,selectMultiByKeys:Se}=je.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:de,rowKey:t.rowKey}),ye={checkbox:"multiRow",radio:"singleRow"},Ce=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ye[o],isRowSelectable:n=>r?!r(n.data):!0}});function k(o){return d.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const E=({api:o=s.value})=>{if(!t.rowSelection)return;const r=B.value;if(!r.length){setTimeout(()=>{f=!0},0);return}f=!1;const n=[];o.forEachNode(c=>{const y=c.data,u=k(y);r.find(w=>k(w)===u)&&n.push(c)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{f=!0},0)},he=o=>{f&&(o.node.isSelected()?me(o.data):pe(o.data))},ve=()=>{f=!0},x=()=>{we(),s.value?.deselectAll()};function Re(o){Se(o),e.nextTick(()=>{E({})})}function D(o=!1){const r=o?"getFieldsValueTransformed":"getFieldsValue";return p.value?.apForm?.[r]?.(!0)}function K(o){p.value?.apForm?.setFieldsValue?.(o)}function A(){return p.value?.getSorterItems()||[]}function M(o){p.value?.setSorterItems(o)}function O(){p.value?.resetSorterItems()}function U(o){return o&&String(o)}function be(o){const r=s.value;if(!r)return;const n=r.getColumnState()||[],c=o.map(a=>a.key?String(a.key):a.key).filter(Boolean),y=n.map(a=>{if(!ee.value.includes(a.colId))return a;const C=!c.includes(a.colId),j={...a,hide:C},W=o.find(De=>U(De.key)===a.colId);return W&&(j.pinned=W.fixed||null),j}),u=new Map(o.map((a,C)=>[U(a.key),C])),w=y.filter(a=>u.has(a.colId)).sort((a,C)=>u.get(a.colId)-u.get(C.colId)),l=[];let Ee=0;for(const a of y)u.has(a.colId)?l.push(w[Ee++]):l.push(a);r.applyColumnState({state:l,applyOrder:!0})}$e.useProvideApTable({columns:e.computed(()=>m.value),columnsBackup:e.computed(()=>z.value),size:e.computed(()=>L.sizeMap[S.value]),updateColumns(o){console.log("run reset",o),m.value=o,t.onShownColumnsChange?.(o),be(o)},updateSize(o){S.value=L.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:J("table-header","title"),color:Z.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(g).records),getSearchFormValues:D,setSearchFormValues:K,submit:R,submitWith:T,reset:b,refresh:V,getSearchFormSorterItems:A,setSearchFormSorterItems:M,resetSearchFormSorterItems:O});const Be=e.computed(()=>d.isUndefined(t.loading)?g.loading:t.loading),ke=e.computed(()=>[i(),t.card?null:i("wrapper"),i("adaptive"),i(`size-${S.value}`)].filter(Boolean)),xe=e.computed(()=>({height:"100%",...t.tableStyle||{}})),Fe=(o,r)=>{P({current:o,pageSize:r})};function qe(o){const r=o.data;return k(r)}function Ne(o,r){s.value?.ensureIndexVisible(o,r)}function ze(o){t.onRowClicked?.(o.data,o.event)}function Ie(o){t.onScrollEnd?.(o.direction)}function Pe(o){return s.value?.refreshCells(o)}function Te(o){return s.value?.redrawRows(o)}const Ve=o=>{const r=[q.value.getRowClass?.(o)];if(!o.node.rowPinned){const n=d.isFunction(t.rowClassName)?t.rowClassName(o.data,o.rowIndex):t.rowClassName;r.push(n)}return r.flat().filter(Boolean)};return e.watch(()=>t.dataSource,o=>{ie(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{S.value=o}),e.watch(()=>e.unref(g).loading,o=>{t.onLoadingChange?.(o)}),_({submit:R,reset:b,refresh:V,submitWith:T,setSearchFormValues:K,getSearchFormValues:D,getShowColumns:()=>e.unref(m),rowSelection:{selectedRows:e.computed(()=>B.value),setSelectedRowKeys:Re,clearAll:x},scrollToRow:Ne,getDataSource:()=>e.unref(g.records),getPaging:se,setPaging:ue,getSearchFormSorterItems:A,setSearchFormSorterItems:M,resetSearchFormSorterItems:O,refreshCells:Pe,redrawRows:Te}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(ke.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(d.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(N).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(h)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(Me.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:p,"custom-reset":"","submit-loading":e.unref(I).loading,onSubmit:e.unref(R),onReset:e.unref(b)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[F.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h)("table-wrapper"),o.card?e.unref(h)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(B),selectedRowKeys:e.unref(ge),shownColumns:e.unref(m),clearAll:x})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("grid-wrapper"))},[e.createVNode(e.unref(Ke.AgGridVue),e.mergeProps(e.unref(Ae.mergeProps)(e.unref(X),e.unref(q)),{"get-row-class":Ve,style:xe.value,"row-data":e.unref(g).records,"column-defs":e.unref(te),"default-col-def":e.unref(oe),"suppress-loading-overlay":"","row-selection":Ce.value,"selection-column-def":e.unref(ce),"get-row-id":qe,theme:e.unref(Q),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"","row-class-rules":o.rowClassRules,"no-rows-overlay-component":to.default,"suppress-cell-focus":"",onSortChanged:ne,onGridReady:r[0]||(r[0]=n=>s.value=n.api),onRowDataUpdated:E,onRowSelected:he,onFirstDataRendered:ve,onRowClicked:ze,onBodyScrollEnd:Ie}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","theme","enable-browser-tooltips","row-class-rules"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(h)("table-loading-wrapper"))},[e.createVNode(e.unref(G.Spin),{delay:300})],2),[[e.vShow,Be.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(G.Pagination),e.mergeProps({key:0,class:e.unref(i)("pagination")},e.unref(I).pagination,{onChange:Fe}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=ro;

package/lib/src/ag-grid/interface.d.ts

@@ -4,7 +4,7 @@ import { TableProps } from '@aplus-frontend/antdv';
 import { ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form/interface';
 import { Recordable } from '../type';
 import { SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
-import { ColDef, IRowNode, RowPinnedType, ScrollDirection } from 'ag-grid-community';
+import { ColDef, IRowNode, RedrawRowsParams, RefreshCellsParams, RowClassRules, RowPinnedType, ScrollDirection } from 'ag-grid-community';
 import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
 export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'width' | 'maxWidth' | 'className' | 'class' | 'colSpan'> & {
     children?: AgGridColumnType<RecordType, ExtraValueType, ValueType>[];
@@ -235,16 +235,26 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
     virtual?: false | AgGridVirtualConfig;
     /**
      * 行点击事件
+     * @param event 事件
      * @param record 行数据
      * @returns
      */
-    onRowClicked?: (record: RecordType) => void;
+    onRowClicked?: (record: RecordType, event?: Event | null) => void;
     /**
      * 表格滚动结束后的事件
      * @param direction
      * @returns
      */
     onScrollEnd?: (direction: ScrollDirection) => void;
+    /**
+     * 非固定行的的自定义行样式类
+     * @description 固定行自定义样式类请使用`summary.rowClassName`
+     */
+    rowClassName?: string | string[] | ((data: RecordType, rowIndex: number) => string | string[]);
+    /**
+     * 表格行自定义样式规则集
+     */
+    rowClassRules?: RowClassRules<RecordType>;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**
@@ -338,4 +348,16 @@ export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
      * @returns
      */
     resetSearchFormSorterItems: () => void;
+    /**
+     * 刷新单元格
+     * @param params
+     * @returns
+     */
+    refreshCells: (params?: RefreshCellsParams<RecordType>) => void;
+    /**
+     * 重新绘制行
+     * @param params
+     * @returns
+     */
+    redrawRows: (params?: RedrawRowsParams<RecordType>) => void;
 };

package/lib/src/ag-grid/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@aplus-frontend/antdv/es/theme/internal"),c=require("ag-grid-community"),d=require("vue"),l=(o,r)=>{const[,a]=n.useToken();return d.computed(()=>{const t=o.value==="mini",e=a.value;return c.themeQuartz.withParams({headerHeight:"36px",headerFontSize:"12px",dataFontSize:"12px",rowHeight:r.value,spacing:t?"5px":"6.5px",foregroundColor:e.colorTextBase,wrapperBorder:!1,rowBorder:{color:e.colorBorderSecondary},headerRowBorder:{color:e.colorBorderSecondary},selectedRowBackgroundColor:e.controlItemBgActive,checkboxCheckedBackgroundColor:e.colorPrimary,rowHoverColor:"var(--ap-color-bg-2)",headerBackgroundColor:"var(--ap-table-header-bg)",headerColumnResizeHandleHeight:"50%",headerColumnResizeHandleWidth:"1px"})})};exports.useTheme=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@aplus-frontend/antdv/es/theme/internal"),d=require("ag-grid-community"),c=require("vue"),i=(r,o)=>{const[,a]=n.useToken();return c.computed(()=>{const t=r.value==="mini",e=a.value;return d.themeQuartz.withParams({headerHeight:"36px",headerFontSize:"12px",dataFontSize:"12px",rowHeight:o.value,spacing:t?"5px":"6.5px",foregroundColor:e.colorTextBase,wrapperBorder:!1,rowBorder:{color:e.colorBorderSecondary},headerRowBorder:{color:e.colorBorderSecondary},selectedRowBackgroundColor:e.controlItemBgActive,checkboxCheckedBackgroundColor:e.colorPrimary,rowHoverColor:"var(--ap-color-bg-2)",headerBackgroundColor:"var(--ap-table-header-bg)",headerColumnResizeHandleHeight:"50%",headerColumnResizeHandleWidth:"1px",wrapperBorderRadius:"4px"})})};exports.useTheme=i;

package/lib/src/ag-grid/utils.d.ts

@@ -0,0 +1,2 @@
+import { GridOptions } from 'ag-grid-community';
+export declare function mergeProps(...options: GridOptions[]): GridOptions<any>;

package/lib/src/ag-grid/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(...e){return e.reduce((r,t)=>({...r,...t}),{})}exports.mergeProps=o;

package/lib/src/ap-descriptions/helper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("lodash-unified"),a=require("./formatter/index.js");function i(e,r){const t=a.formatterMap[r.valueType];return t?t(e,r.extraProps||{}):e.value}function o(e,r){if(r.isShowEmptyPlaceholder===!1)return!1;switch(r.valueType){case"text":case"number":case"dateRange":case"date":return e==null||e==="";case"array":case"attachment":return n.isEmpty(e);default:return!e}}function f(e={},r){return r.fromGlobal?{...e,downloadFile:r.fromGlobal}:!e?.downloadFile&&r.fromConfig?{...e,downloadFile:r.fromConfig}:e}exports.isEmptyWithType=o;exports.mixinsAttachmentExtraProps=f;exports.transformValue=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("lodash-unified"),i=require("./formatter/index.js");function o(e,r){const t=i.formatterMap[r.valueType];return t?t(e,r.extraProps||{}):e.value}function f(e,r){if(r.isShowEmptyPlaceholder===!1)return!1;switch(r.valueType){case"text":case"number":case"dateRange":case"date":return e==null||e==="";case"array":case"attachment":return a.isEmpty(e);default:return!e}}function l(e={},r){return r.fromGlobal?{...e,downloadFile(t,n){return r.fromGlobal?.([{fileName:n,objectName:t}])}}:!e?.downloadFile&&r.fromConfig?{...e,downloadFile:r.fromConfig}:e}exports.isEmptyWithType=f;exports.mixinsAttachmentExtraProps=l;exports.transformValue=o;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.28.3";
+declare const _default: "6.29.0";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.28.3";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.29.0";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "6.28.3",
+  "version": "6.29.0",
   "main": "./lib/index.js",
   "type": "module",
   "files": [

package/theme/ag-grid/index.less

@@ -154,14 +154,6 @@
     max-width: 300px;
     word-break: break-all;
   }
-  // .ag-pinned-left-header, .ag-pinned-left-cols-container {
-  //   z-index: 1;
-  //   box-shadow: 8px 0px 10px -5px var(--ap-grid-fixed-scrolling-box-shadow-color);
-  //   border-right-color: transparent !important;
-  // }
-  // .ag-cell-last-left-pinned {
-  //   border-right-color: transparent !important;
-  // }
   .ag-unselectable {
     user-select: text;
     -webkit-user-select: text;

package/theme/ap-copy/ap-copy.css

@@ -80,6 +80,8 @@
   flex-shrink: 0;
   width: 16px;
   margin-left: 4px;
+  display: flex;
+  align-items: center;
 }
 .aplus-ap-copy__copy-btn .aplus-frontend-icon {
   cursor: pointer;

package/theme/ap-copy/ap-copy.less

@@ -38,6 +38,8 @@
       flex-shrink: 0; // 防止按钮被压缩
       width: 16px;
       margin-left:4px;
+      display: flex;
+      align-items: center;
       .aplus-frontend-icon{
         cursor: pointer;
         color:#ABB7CC;

package/theme/index.css

@@ -1755,6 +1755,8 @@
   flex-shrink: 0;
   width: 16px;
   margin-left: 4px;
+  display: flex;
+  align-items: center;
 }
 .aplus-ap-copy__copy-btn .aplus-frontend-icon {
   cursor: pointer;