@aplus-frontend/ui 6.33.0 → 6.35.0

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

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

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

@@ -106,7 +106,7 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
 } : null;
 export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>, 'type' | 'fixed' | 'columnWidth' | 'defaultSelectedRowKeys'> & {
     /**
-     * 设置禁用的列
+     * 设置禁用的行
      * @param row
      * @returns
      */
@@ -115,6 +115,10 @@ export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>,
      * 在后端分页下，是否在网络请求后仍然保留上一次的选中（即使不在当前数据中）
      */
     preserveSelectedRowKeys?: boolean;
+    /**
+     * 行选择列自定义tooltip
+     */
+    tooltip?: string | ((checked: boolean, disabled: boolean, rowNode: IRowNode) => string | any);
 };
 export type AgGridVirtualConfig = {
     row?: boolean;