@aplus-frontend/ui 6.37.0 → 6.39.0

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, GridApi, ICellRendererParams, IRowNode, RedrawRowsParams, RefreshCellsParams, RowClassRules, RowPinnedType, ScrollDirection } from 'ag-grid-community';
+import { ColDef, GridApi, ICellRendererParams, IRowNode, IsFullWidthRowParams, RedrawRowsParams, RefreshCellsParams, RowClassRules, RowHeightParams, 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>[];
@@ -103,6 +103,14 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
      * @description 仅限内部使用
      */
     _requireMark?: boolean;
+    /**
+     * 自定义列表头样式
+     */
+    headerStyle?: ColDef<RecordType>['headerStyle'];
+    /**
+     * 自定表头列类名
+     */
+    headerClass?: ColDef<RecordType>['headerClass'];
 } : null;
 export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>, 'type' | 'fixed' | 'columnWidth' | 'defaultSelectedRowKeys'> & {
     /**
@@ -123,6 +131,10 @@ export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>,
      * 是否隐藏不可选中的元素
      */
     hideDisabled?: boolean;
+    /**
+     * 默认选中的行数据（如果没有rowKey将会被过滤掉，如果和defaultSelectedRowKeys同时使用，优先级更低）
+     */
+    defaultSelectedRows?: RecordType[];
 };
 export type AgGridVirtualConfig = {
     row?: boolean;
@@ -135,7 +147,20 @@ export type AgGridSummaryType<RecordType = any> = {
     cellClassName?: string | string[] | ((data: RecordType, column: ColDef<RecordType>, pinned: RowPinnedType, rowIndex: number) => string | string[]);
     rowClassName?: string | string[] | ((data: RecordType, rowIndex: number, pinned: RowPinnedType) => string | string[]);
 };
-export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky'> & {
+export type AgGridCustomRowConfig<RecordType = any> = {
+    /**
+     * 判断哪些行是自定义渲染行
+     * @param params
+     * @returns
+     */
+    isCustomRow: (params: IsFullWidthRowParams<RecordType>) => boolean;
+    /**
+     * 行自定义渲染函数
+     * @returns
+     */
+    render: (params: any) => any;
+};
+export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky' | 'customRow'> & {
     /**
      * 列配置
      */
@@ -239,6 +264,13 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 指定每一行占据的高度（大量数据展示时的性能优化）
      */
     rowHeight?: number;
+    /**
+     * 指定一行占据的高度
+     * @since 6.38.0
+     * @param params
+     * @returns
+     */
+    getRowHeight?: (params: RowHeightParams<RecordType>) => number | null | undefined;
     /**
      * 是否使用另外一种渲染器来渲染单元格
      */
@@ -282,6 +314,11 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * @returns
      */
     onUpdate?: () => void;
+    /**
+     * 自定义行渲染配置
+     * @since 6.37.0
+     */
+    customRow?: AgGridCustomRowConfig;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**
@@ -328,11 +365,25 @@ export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     rowSelection: {
         selectedRows: ComputedRef<RecordType[]>;
         /**
-         * 通过API调用设置行选中
+         * 通过rowKey来选中行
+         * 如果是单选模式，只会选择数组中的第一个元素做选中操作
          * @param keys
          * @returns
          */
         setSelectedRowKeys: (keys: (string | number)[]) => void;
+        /**
+         * 通过整行数据来选中行
+         * 如果是单选模式，只会选择数组中的第一个元素做选中操作
+         * @param rows
+         * @returns
+         */
+        setSelectedRows: (rows: RecordType[]) => void;
+        /**
+         * 反选中行
+         * @param rows
+         * @returns
+         */
+        unSelectRows: (rows: RecordType[]) => void;
         clearAll: () => void;
     };
     /**

package/es/src/ap-action/group/index.vue.mjs

@@ -5,10 +5,10 @@ import "../item-modal/index.vue2.mjs";
 import "../item-popconfirm/index.vue2.mjs";
 import "../item-dropdown/index.vue2.mjs";
 import "../../config-provider/index.mjs";
-import { isUndefined as x } from "lodash-unified";
-import { useLocale as B } from "../../config-provider/hooks/use-locale.mjs";
+import { isUndefined as F } from "lodash-unified";
+import { useLocale as x } from "../../config-provider/hooks/use-locale.mjs";
 import f from "../item-dropdown/index.vue.mjs";
-import F from "../item-modal/index.vue.mjs";
+import B from "../item-modal/index.vue.mjs";
 import $ from "../item-popconfirm/index.vue.mjs";
 import b from "../item/index.vue2.mjs";
 const q = /* @__PURE__ */ k({
@@ -22,51 +22,54 @@ const q = /* @__PURE__ */ k({
     iconFirst: { type: Boolean }
   },
   setup(_) {
-    const r = _, { t: g } = B(), l = m(
+    const r = _, { t: g } = x(), l = m(
       () => r.actions.filter(
-        (e) => e.visible || x(e.visible)
+        (t) => t.visible || F(t.visible)
       )
     ), d = m(() => c(l).length > r.count), u = m(() => {
-      const e = c(l);
-      if (e.length <= r.count)
+      const t = c(l);
+      if (t.length <= r.count)
         return {
-          showActions: e,
+          showActions: t.map((e) => ({
+            ...e,
+            iconFirst: !0
+          })),
           menuActions: []
         };
-      let i = e.slice(0, r.count - 1);
-      return r.iconFirst && (i = i.map((t) => ({
-        ...t,
+      let i = t.slice(0, r.count - 1);
+      return r.iconFirst && (i = i.map((e) => ({
+        ...e,
         iconFirst: !0
       }))), {
         showActions: i,
-        menuActions: e.slice(r.count - 1)
+        menuActions: t.slice(r.count - 1)
       };
     });
-    return (e, i) => (o(), n(c(w), {
+    return (t, i) => (o(), n(c(w), {
       size: 16,
       align: "center"
     }, {
       default: A(() => [
-        (o(!0), a(p, null, v(u.value.showActions, (t, h) => (o(), a(p, { key: h }, [
-          t.actions ? (o(), n(f, s({
+        (o(!0), a(p, null, v(u.value.showActions, (e, h) => (o(), a(p, { key: h }, [
+          e.actions ? (o(), n(f, s({
             key: 0,
             ref_for: !0
-          }, t), null, 16)) : t.modalProps ? (o(), n(F, s({
+          }, e), null, 16)) : e.modalProps ? (o(), n(B, s({
             key: 1,
             ref_for: !0
-          }, t), null, 16)) : t.popconfirmProps ? (o(), n($, s({
+          }, e), null, 16)) : e.popconfirmProps ? (o(), n($, s({
             key: 2,
             ref_for: !0
-          }, t), null, 16)) : (o(), n(b, s({
+          }, e), null, 16)) : (o(), n(b, s({
             key: 3,
             ref_for: !0
-          }, t), null, 16))
+          }, e), null, 16))
         ], 64))), 128)),
         d.value ? (o(), n(f, {
           key: 0,
           actions: u.value.menuActions,
-          placement: e.placement,
-          trigger: e.trigger,
+          placement: t.placement,
+          trigger: t.trigger,
           text: c(g)("ap.common.more")
         }, null, 8, ["actions", "placement", "trigger", "text"])) : y("", !0)
       ]),

package/es/src/ap-action/item/index.vue2.mjs

@@ -1,8 +1,9 @@
-import { defineComponent as C, useSlots as B, createPropsRestProxy as A, ref as F, computed as d, unref as l, renderSlot as y, createElementBlock as u, createCommentVNode as a, openBlock as n, mergeProps as h, createBlock as f, normalizeClass as L, resolveDynamicComponent as g, isVNode as N, toDisplayString as P } from "vue";
+import { defineComponent as C, useSlots as B, createPropsRestProxy as h, ref as A, computed as u, unref as n, renderSlot as y, createElementBlock as f, createCommentVNode as a, openBlock as t, mergeProps as F, createBlock as m, normalizeClass as N, createVNode as L, withCtx as P, resolveDynamicComponent as g, isVNode as S, toDisplayString as V } from "vue";
 import "../../config-provider/index.mjs";
-import S from "@aplus-frontend/antdv/es/button/LoadingIcon";
-import { useNamespace as $ } from "../../config-provider/hooks/use-namespace.mjs";
-const D = { key: 1 }, E = /* @__PURE__ */ C({
+import $ from "@aplus-frontend/antdv/es/button/LoadingIcon";
+import { Tooltip as w } from "@aplus-frontend/antdv";
+import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
+const D = { key: 1 }, q = /* @__PURE__ */ C({
   name: "ApActionItem",
   __name: "index",
   props: {
@@ -17,45 +18,52 @@ const D = { key: 1 }, E = /* @__PURE__ */ C({
     iconFirst: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const s = B(), r = A(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon"]), { b: k, m: t, e: b } = $("action-item"), c = F(!1), m = d(() => o.iconFirst && (o.icon || s.icon));
+    const s = B(), r = h(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon"]), { b: k, m: l, e: v } = x("action-item"), c = A(!1), d = u(() => o.iconFirst && (o.icon || s.icon));
     function p(e) {
-      l(i) || o.disabled || (r.onClick?.(e), r.onAction && (c.value = !0, r.onAction(e).finally(() => c.value = !1)));
+      n(i) || o.disabled || (r.onClick?.(e), r.onAction && (c.value = !0, r.onAction(e).finally(() => c.value = !1)));
     }
-    const i = d(() => o.loading || l(c)), v = d(() => [
+    const i = u(() => o.loading || n(c)), b = u(() => [
       k(),
-      t(o.color),
-      m.value ? t("icon-first") : null,
-      o.disabled ? t("disabled") : null,
-      i.value ? t("loading") : null
+      l(o.color),
+      d.value ? l("icon-first") : null,
+      o.disabled ? l("disabled") : null,
+      i.value ? l("loading") : null
     ].filter(Boolean));
     return (e, I) => y(e.$slots, "trigger", {
       loading: i.value,
       disabled: e.disabled,
       onClick: p
     }, () => [
-      e.visible ? (n(), u("span", h({ key: 0 }, e.$attrs, {
-        class: v.value,
+      e.visible ? (t(), f("span", F({ key: 0 }, e.$attrs, {
+        class: b.value,
         onClick: p
       }), [
-        i.value ? (n(), f(l(S), {
+        i.value ? (t(), m(n($), {
           key: 0,
           "prefix-cls": "btn",
           "exist-icon": !1,
           loading: ""
         })) : a("", !0),
-        e.icon || s.icon ? (n(), u("span", {
+        e.icon || s.icon ? (t(), f("span", {
           key: 1,
-          class: L(l(b)("icon-wrapper"))
+          class: N(n(v)("icon-wrapper"))
         }, [
-          (n(), f(g(e.icon || s.icon)))
+          L(n(w), {
+            title: d.value ? e.text : null
+          }, {
+            default: P(() => [
+              (t(), m(g(e.icon || s.icon)))
+            ]),
+            _: 1
+          }, 8, ["title"])
         ], 2)) : a("", !0),
-        m.value ? a("", !0) : y(e.$slots, "default", { key: 2 }, () => [
-          N(e.text) ? (n(), f(g(e.text), { key: 0 })) : (n(), u("span", D, P(e.text || ""), 1))
+        d.value ? a("", !0) : y(e.$slots, "default", { key: 2 }, () => [
+          S(e.text) ? (t(), m(g(e.text), { key: 0 })) : (t(), f("span", D, V(e.text || ""), 1))
         ])
       ], 16)) : a("", !0)
     ]);
   }
 });
 export {
-  E as default
+  q as default
 };

package/es/src/ap-table/components/setting/modal/index.vue2.mjs

@@ -1,18 +1,18 @@
-import { defineComponent as G, ref as b, unref as e, computed as L, useSlots as M, createVNode as t, cloneVNode as P, createElementBlock as q, openBlock as k, Fragment as H, createBlock as J, createCommentVNode as Q, resolveDynamicComponent as W, withCtx as u, createElementVNode as a, normalizeClass as s, toDisplayString as m, createTextVNode as v, isRef as X } from "vue";
-import { Button as y, Modal as Y, RadioGroup as Z, RadioButton as T, Divider as x } from "@aplus-frontend/antdv";
-import { getSingleVNode as ee } from "../../../../utils/slot.mjs";
-import { useInjectApTable as te } from "../../../context.mjs";
+import { defineComponent as L, ref as v, unref as e, computed as M, useSlots as P, createVNode as t, cloneVNode as q, createElementBlock as H, openBlock as h, Fragment as J, createBlock as Q, createCommentVNode as W, resolveDynamicComponent as X, withCtx as u, withDirectives as Y, createElementVNode as s, normalizeClass as i, toDisplayString as c, createTextVNode as S, isRef as Z, vShow as ee } from "vue";
+import { Button as y, Modal as te, RadioGroup as le, RadioButton as T, Divider as x } from "@aplus-frontend/antdv";
+import { getSingleVNode as ne } from "../../../../utils/slot.mjs";
+import { useInjectApTable as ae } from "../../../context.mjs";
 import "../tree-select/index.vue.mjs";
-import { useTableColumnState as le } from "../../../hooks/use-table-column-state.mjs";
+import { useTableColumnState as oe } from "../../../hooks/use-table-column-state.mjs";
 import "../../../../config-provider/index.mjs";
 import "../sorter/index.vue.mjs";
-import ne, { customCloneColumnStates as B } from "../utils.mjs";
-import { SettingOutlined as oe } from "@ant-design/icons-vue";
-import { useLocale as ae } from "../../../../config-provider/hooks/use-locale.mjs";
+import se, { customCloneColumnStates as B } from "../utils.mjs";
+import { SettingOutlined as ie } from "@ant-design/icons-vue";
+import { useLocale as ue } from "../../../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as N } from "../../../../config-provider/hooks/use-namespace.mjs";
-import se from "../tree-select/index.vue2.mjs";
-import ie from "../sorter/index.vue2.mjs";
-const Te = /* @__PURE__ */ G({
+import re from "../tree-select/index.vue2.mjs";
+import pe from "../sorter/index.vue2.mjs";
+const Be = /* @__PURE__ */ L({
   name: "ApTableSetting",
   __name: "index",
   props: {
@@ -20,85 +20,86 @@ const Te = /* @__PURE__ */ G({
       default: () => ({})
     }
   },
-  setup(h) {
-    const c = h, {
-      columnsBackup: _,
-      size: z,
-      updateSize: A,
-      updateColumns: V
-    } = te(), d = b(e(z)), R = L(() => c.config.persistenceKey), {
-      columnState: l,
-      setColumnState: w,
-      isAllSelected: D,
-      toggleSelectAll: O,
-      columnStateBackup: U,
-      setColumnStateBackup: E,
-      cacheColumnStateIfNeeded: I
-    } = le(c.config, R, []), {
-      t: n
-    } = ae(), {
+  setup(_) {
+    const m = _, {
+      columnsBackup: z,
+      size: A,
+      updateSize: V,
+      updateColumns: w
+    } = ae(), d = v(e(A)), R = M(() => m.config.persistenceKey), {
+      columnState: n,
+      setColumnState: D,
+      isAllSelected: O,
+      toggleSelectAll: U,
+      columnStateBackup: E,
+      setColumnStateBackup: I,
+      cacheColumnStateIfNeeded: K
+    } = oe(m.config, R, []), {
+      t: a
+    } = ue(), {
       b: f,
       be: g
     } = N("ap-column-setting"), {
-      b: K
-    } = N("ap-table"), r = b(!1), $ = M(), C = ee($.trigger) || t(y, {
-      icon: t(oe, null, null),
-      class: K("setting-trigger-button")
-    }, null), S = C ? P(C, {
+      b: $
+    } = N("ap-table"), r = v(!1), C = v(!1), j = P(), b = ne(j.trigger) || t(y, {
+      icon: t(ie, null, null),
+      class: $("setting-trigger-button")
+    }, null), k = b ? q(b, {
       onClick: () => {
         r.value = !0;
       }
     }) : null;
-    function j() {
-      w(B(e(U)));
-    }
     function F() {
-      V?.(ne(e(_), e(l))), A?.(e(d)), r.value = !1;
-      const p = B(l.value);
-      E(p), I(p), c.config?.onChange?.(p);
+      D(B(e(E)));
+    }
+    function G() {
+      w?.(se(e(z), e(n))), V?.(e(d)), r.value = !1;
+      const p = B(n.value);
+      I(p), K(p), m.config?.onChange?.(p);
     }
-    return (p, o) => (k(), q(H, null, [e(S) ? (k(), J(W(e(S)), {
+    return (p, o) => (h(), H(J, null, [e(k) ? (h(), Q(X(e(k)), {
       key: 0
-    })) : Q("", !0), t(e(Y), {
+    })) : W("", !0), t(e(te), {
       open: r.value,
-      "onUpdate:open": o[2] || (o[2] = (i) => r.value = i),
-      title: e(n)("ap.apTable.setting.title"),
+      "onUpdate:open": o[2] || (o[2] = (l) => r.value = l),
+      title: e(a)("ap.apTable.setting.title"),
       width: 900,
       centered: !0,
       "body-style": {
         padding: "0px !important",
         height: "450px"
       },
-      onOk: F
+      "after-open-change": (l) => C.value = l,
+      onOk: G
     }, {
-      default: u(() => [a("div", {
-        class: s(e(f)("wrapper"))
-      }, [a("div", {
-        class: s(e(f)("left"))
-      }, [a("div", {
-        class: s(e(g)("left", "header"))
-      }, [a("div", null, [a("span", {
-        class: s(e(g)("left", "header-tips"))
-      }, m(e(n)("ap.apTable.setting.selectAllTip")), 3), t(e(y), {
+      default: u(() => [Y(s("div", {
+        class: i(e(f)("wrapper"))
+      }, [s("div", {
+        class: i(e(f)("left"))
+      }, [s("div", {
+        class: i(e(g)("left", "header"))
+      }, [s("div", null, [s("span", {
+        class: i(e(g)("left", "header-tips"))
+      }, c(e(a)("ap.apTable.setting.selectAllTip")), 3), t(e(y), {
         type: "link",
         size: "small",
-        onClick: e(O)
+        onClick: e(U)
       }, {
-        default: u(() => [v(m(e(D) ? e(n)("ap.apTable.setting.unSelectAll") : e(n)("ap.apTable.setting.selectAll")), 1)]),
+        default: u(() => [S(c(e(O) ? e(a)("ap.apTable.setting.unSelectAll") : e(a)("ap.apTable.setting.selectAll")), 1)]),
         _: 1
-      }, 8, ["onClick"])]), t(e(Z), {
+      }, 8, ["onClick"])]), t(e(le), {
         value: d.value,
-        "onUpdate:value": o[0] || (o[0] = (i) => d.value = i)
+        "onUpdate:value": o[0] || (o[0] = (l) => d.value = l)
       }, {
         default: u(() => [t(e(T), {
           value: "small"
         }, {
-          default: u(() => [v(m(e(n)("ap.apTable.setting.sizeSmall")), 1)]),
+          default: u(() => [S(c(e(a)("ap.apTable.setting.sizeSmall")), 1)]),
           _: 1
         }), t(e(T), {
           value: "middle"
         }, {
-          default: u(() => [v(m(e(n)("ap.apTable.setting.sizeNormal")), 1)]),
+          default: u(() => [S(c(e(a)("ap.apTable.setting.sizeNormal")), 1)]),
           _: 1
         })]),
         _: 1
@@ -107,26 +108,26 @@ const Te = /* @__PURE__ */ G({
         style: {
           margin: "0px"
         }
-      }), t(se, {
-        class: s(e(g)("left", "content")),
-        value: e(l)
+      }), t(re, {
+        class: i(e(g)("left", "content")),
+        value: e(n)
       }, null, 8, ["class", "value"])], 2), t(e(x), {
         type: "vertical",
         style: {
           height: "100%",
           margin: "0px"
         }
-      }), a("div", {
-        class: s(e(f)("right"))
-      }, [t(ie, {
-        value: e(l),
-        "onUpdate:value": o[1] || (o[1] = (i) => X(l) ? l.value = i : null),
-        onReset: j
-      }, null, 8, ["value"])], 2)], 2)]),
+      }), s("div", {
+        class: i(e(f)("right"))
+      }, [t(pe, {
+        value: e(n),
+        "onUpdate:value": o[1] || (o[1] = (l) => Z(n) ? n.value = l : null),
+        onReset: F
+      }, null, 8, ["value"])], 2)], 2), [[ee, C.value]])]),
       _: 1
-    }, 8, ["open", "title"])], 64));
+    }, 8, ["open", "title", "after-open-change"])], 64));
   }
 });
 export {
-  Te as default
+  Be as default
 };

package/es/src/ap-table/interface.d.ts

@@ -352,6 +352,12 @@ export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
      * 查询表单提交
      */
     submit: () => void;
+    /**
+     * 表格查询提交（重制页码但查询参数不会重置）
+     * @param resetCurrent 是否重置当前页码，默认为`false`
+     * @returns
+     */
+    submitWith: (resetCurrent?: boolean) => void;
     /**
      * 查询表单重置
      */

package/es/src/business/ag-grid-modal/constants.d.ts

@@ -0,0 +1,4 @@
+/** 非字符串增加key值字段 */
+export declare const ROW_KEY = "__ag-grid-modal-row-key";
+export declare const SMALL_HEIGHT = "480px";
+export declare const LARGER_HEIGHT = "calc(100vh - 200px)";

package/es/src/business/ag-grid-modal/constants.mjs

@@ -0,0 +1,6 @@
+const o = "__ag-grid-modal-row-key", c = "480px", _ = "calc(100vh - 200px)";
+export {
+  _ as LARGER_HEIGHT,
+  o as ROW_KEY,
+  c as SMALL_HEIGHT
+};

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-instance.d.ts

@@ -0,0 +1,33 @@
+import { ComputedRef } from 'vue';
+import { AgGridExpose } from '../../../ag-grid';
+import { RefreshType } from '../interface';
+interface Options {
+    onMounted?: () => void;
+    onSelectedRows?: (rows?: any[]) => void;
+}
+export interface GridApi {
+    /** 设置 AgGrid 实例 */
+    setInstance: (node: any) => void;
+    /** 刷新表格 */
+    refresh: (type?: RefreshType) => void;
+    /** 获取 AgGrid 实例 */
+    getInstance: () => AgGridExpose | undefined;
+    /** 设置 AgGrid 选中行 */
+    setSelectedRowKeys: (keys: (string | number)[]) => void;
+    /** 获取 AgGrid 选中行 */
+    getSelectedRows: () => any[] | undefined;
+    /** 清空所有选中行 */
+    clearAllSelected: () => void;
+    /** 清除某一行数据 */
+    removeSelected: (record: any) => void;
+    /** 设置表格数据length */
+    setDataSourceLength: (len: number) => void;
+}
+interface GridApiProvider extends GridApi {
+    selectedRows?: ComputedRef<any[]>;
+    dataSourceLength?: ComputedRef<number>;
+}
+export declare function useAgGridInstance(options?: Options): [GridApi, any];
+/** 获取上下文中grid的api */
+export declare function useAgGridModalInject(): GridApiProvider | undefined;
+export {};

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-instance.mjs

@@ -0,0 +1,50 @@
+import { ref as o, watch as r, defineComponent as A, provide as h, toRef as a, inject as I } from "vue";
+import { cloneDeep as y } from "lodash-unified";
+const u = Symbol("ag-grid-provider-key");
+function L(n) {
+  const t = o(), c = o(), l = o(0), d = (e) => {
+    t.value = e;
+  }, i = (e) => {
+    l.value = e;
+  }, v = () => t.value, S = (e = "reset") => {
+    t.value && e in t.value && t.value[e]();
+  }, w = (e) => {
+    t.value?.rowSelection.setSelectedRowKeys(e);
+  }, g = () => y(t.value?.rowSelection.selectedRows.value), f = () => t.value?.rowSelection.clearAll(), R = (e) => t.value?.rowSelection.unSelectRows([e]);
+  r(t, (e) => {
+    e && n?.onMounted?.();
+  }), r(
+    () => t.value?.rowSelection.selectedRows.value,
+    (e) => {
+      c.value = e, n?.onSelectedRows?.(e);
+    }
+  );
+  const s = {
+    setInstance: d,
+    refresh: S,
+    getInstance: v,
+    setSelectedRowKeys: w,
+    getSelectedRows: g,
+    clearAllSelected: f,
+    removeSelected: R,
+    setDataSourceLength: i
+  }, p = A({
+    setup(e, { slots: m }) {
+      return h(u, {
+        ...s,
+        selectedRows: a(() => c.value),
+        dataSourceLength: a(
+          () => l.value
+        )
+      }), m.default;
+    }
+  });
+  return [s, p];
+}
+function _() {
+  return I(u);
+}
+export {
+  L as useAgGridInstance,
+  _ as useAgGridModalInject
+};

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-modal.d.ts

@@ -0,0 +1,3 @@
+import { AgGridPreviewModalProps, PreviewModalReturnType } from '../interface';
+/** ag-grid弹框 */
+export declare function useAgGridModal<T = any>(props: AgGridPreviewModalProps<T>): PreviewModalReturnType;