@aplus-frontend/ui 6.26.0 → 6.26.1

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

@@ -1,7 +1,7 @@
-import { defineComponent as He, useSlots as Ue, getCurrentInstance as Ge, ref as I, computed as l, unref as a, toRef as Xe, nextTick as ae, watch as B, createElementBlock as P, openBlock as d, normalizeStyle as _, normalizeClass as h, createCommentVNode as S, createElementVNode as R, createVNode as K, mergeProps as b, createSlots as re, withCtx as C, Fragment as ne, renderList as V, createBlock as f, resolveDynamicComponent as L, renderSlot as D, normalizeProps as Je, guardReactiveProps as Qe } from "vue";
+import { defineComponent as He, useSlots as Ue, getCurrentInstance as Ge, ref as I, computed as l, unref as r, toRef as Xe, nextTick as re, watch as B, createElementBlock as P, openBlock as i, normalizeStyle as V, normalizeClass as C, createCommentVNode as S, createElementVNode as R, createVNode as _, mergeProps as b, createSlots as L, withCtx as p, Fragment as ne, renderList as $, createBlock as c, resolveDynamicComponent as T, renderSlot as D, normalizeProps as Je, guardReactiveProps as Qe } from "vue";
 import { VxeUI as le, VxeTable as Ye, VxeColumn as se } from "vxe-table";
 import "vxe-table/es/style.css";
-import { isUndefined as x, isFunction as $, isArray as Ze, omit as et } from "lodash-unified";
+import { isUndefined as x, isFunction as O, isArray as Ze, omit as et } from "lodash-unified";
 import { ApForm as tt } from "../ap-form/index.mjs";
 import "../config-provider/index.mjs";
 import { noRenderAsFormItemValueList as ot } from "../ap-table/constants.mjs";
@@ -116,84 +116,84 @@ const Yt = /* @__PURE__ */ He({
     onReady: {}
   },
   setup(ce, { expose: fe }) {
-    var te;
-    const v = Ue(), o = ce, k = (te = Ge()) == null ? void 0 : te.appContext.app;
+    var oe;
+    const v = Ue(), o = ce, k = (oe = Ge()) == null ? void 0 : oe.appContext.app;
     k && !k.__VXE_PC_UI_INSTALLED__ && (k.use(le), k.__VXE_PC_UI_INSTALLED__ = !0);
-    const { e: F, b: c, be: pe } = bt("ap-grid"), me = xt("valueTypeMap"), i = I([]), O = I([]), s = I(), E = I(o.size), ge = Rt(), [, he] = vt(), { t: Ce } = kt();
+    const { e: F, b: f, be: pe } = bt("ap-grid"), me = xt("valueTypeMap"), d = I([]), W = I([]), s = I(), E = I(o.size), ge = Rt(), [, he] = vt(), { t: Ce } = kt();
     le.setConfig({
       i18n: (e, t) => Ce(`ap.${e}`, t)
     });
-    const { renderConfig: ye, updateSignal: ve } = yt(i);
-    let W = 0;
+    const { renderConfig: ye, updateSignal: ve } = yt(d);
+    let M = 0;
     const we = l(() => {
       if (s.value)
         return s.value.$el.querySelector(
           ".vxe-table--header-inner-wrapper"
         );
-    }), M = l(() => {
+    }), j = l(() => {
       var e, t, n;
-      return W++, ((n = (t = (e = o.columns) == null ? void 0 : e.filter(
-        (r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !ot.includes(r.valueType)
-      )) == null ? void 0 : t.sort((r, u) => {
-        let g = ie(r.order);
-        return ie(u.order) - g;
-      })) == null ? void 0 : n.map((r) => {
+      return M++, ((n = (t = (e = o.columns) == null ? void 0 : e.filter(
+        (a) => !a.hideInSearch && a.dataIndex && (a.valueType || a.customRenderFormItem) && !ot.includes(a.valueType)
+      )) == null ? void 0 : t.sort((a, u) => {
+        let h = ie(a.order);
+        return ie(u.order) - h;
+      })) == null ? void 0 : n.map((a) => {
         const u = at(
-          r,
-          rt(r.fieldProps, {})
-        ), g = {
-          ...r,
+          a,
+          rt(a.fieldProps, {})
+        ), h = {
+          ...a,
           fieldProps: {
-            label: r.title,
-            name: r.dataIndex,
+            label: a.title,
+            name: a.dataIndex,
             // tips: 在表格中的查询表单项默认是带边框的
             bordered: !0,
             ...u || {},
-            _signal: W
+            _signal: M
           },
           renderNode: void 0
         };
-        return g.renderNode = nt(
-          g,
-          a(me)
-        ), g;
+        return h.renderNode = nt(
+          h,
+          r(me)
+        ), h;
       })) || [];
     }), Se = l(() => {
       var t;
       return wt(o.manual) ? o.manual : St(((t = v.searchFormExtra) == null ? void 0 : t.call(v)) || []).some((n) => {
-        var r;
-        return ((r = n.type) == null ? void 0 : r.name) === "ApView";
+        var a;
+        return ((a = n.type) == null ? void 0 : a.name) === "ApView";
       });
     }), Re = l(() => [
-      c(),
-      o.card ? null : c("wrapper"),
-      o.adaptive ? c("adaptive") : null,
-      o.sticky ? c("sticky") : null
-    ].filter(Boolean)), j = l(() => de(a(i), (e) => {
+      f(),
+      o.card ? null : f("wrapper"),
+      o.adaptive ? f("adaptive") : null,
+      o.sticky ? f("sticky") : null
+    ].filter(Boolean)), q = l(() => de(r(d), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), q = l(() => de(a(i), (e) => {
+    }).filter(Boolean)), H = l(() => de(r(d), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
     }).filter(Boolean)), {
       formRef: y,
-      submit: T,
-      reset: N,
-      refresh: H,
-      data: p,
-      tableProps: U,
+      submit: N,
+      reset: z,
+      refresh: U,
+      data: m,
+      tableProps: G,
       setDataSource: be,
       handleTableChangeOptional: xe,
       getPaging: ke,
       setPaging: Fe,
-      submitWith: G
+      submitWith: X
     } = lt({
       async request(e) {
         var n;
-        if (!m.value.preserveSelectedRowKeys && x(o.dataSource) && A(), !x(o.dataSource)) {
-          const r = e.pageSize * (e.current - 1);
+        if (!g.value.preserveSelectedRowKeys && x(o.dataSource) && K(), !x(o.dataSource)) {
+          const a = e.pageSize * (e.current - 1);
           return {
-            data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(r, r + e.pageSize)) || [],
+            data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(a, a + e.pageSize)) || [],
             total: o.dataSource.length || 0
           };
         }
@@ -204,23 +204,23 @@ const Yt = /* @__PURE__ */ He({
         };
       },
       namespace: "ap-grid",
-      filterFields: q,
-      sortFields: j,
+      filterFields: H,
+      sortFields: q,
       params: Xe(o, "params"),
       defaultData: o.defaultData,
-      manual: a(Se),
+      manual: r(Se),
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
       onClickReset: Oe,
       onAfterRequest: We
     }), { sortChangeEvent: Ee, filterChangeEvent: Ie, paginationChangeEvent: Be } = dt(xe);
     mt({
-      columns: l(() => i.value),
-      columnsBackup: l(() => O.value),
+      columns: l(() => d.value),
+      columnsBackup: l(() => W.value),
       size: l(() => ht[E.value]),
       updateColumns(e) {
         var t;
-        i.value = e, (t = o.onShownColumnsChange) == null || t.call(o, e);
+        d.value = e, (t = o.onShownColumnsChange) == null || t.call(o, e);
       },
       updateSize(e) {
         E.value = gt[e];
@@ -229,26 +229,26 @@ const Yt = /* @__PURE__ */ He({
         className: pe("table-header", "title"),
         color: he.value.colorTextTertiary
       })),
-      dataSource: l(() => a(p).records),
-      getSearchFormValues: J,
-      setSearchFormValues: X,
-      submit: T,
-      submitWith: G,
-      reset: N,
-      refresh: H,
-      getSearchFormSorterItems: Q,
-      setSearchFormSorterItems: Y,
-      resetSearchFormSorterItems: Z
+      dataSource: l(() => r(m).records),
+      getSearchFormValues: Q,
+      setSearchFormValues: J,
+      submit: N,
+      submitWith: X,
+      reset: z,
+      refresh: U,
+      getSearchFormSorterItems: Y,
+      setSearchFormSorterItems: Z,
+      resetSearchFormSorterItems: ee
     });
     const Pe = l(
-      () => i.value.some(
+      () => d.value.some(
         (e) => e.fixed === "left" || e.fixed === !0
       ) ? "left" : void 0
     ), Te = l(
-      () => x(o.loading) ? p.loading : o.loading
+      () => x(o.loading) ? m.loading : o.loading
     ), Ne = l(
-      () => x(o.dataSource) ? p.records : o.dataSource
-    ), { selectedRows: z, rowSelection: m, ...w } = pt({
+      () => x(o.dataSource) ? m.records : o.dataSource
+    ), { selectedRows: A, rowSelection: g, ...w } = pt({
       ...o.rowSelection === !0 ? {} : o.rowSelection,
       dataSource: Ne,
       rowKey: o.rowKey
@@ -269,101 +269,101 @@ const Yt = /* @__PURE__ */ He({
         ...t.getCheckboxReserveRecords(),
         ...t.getCheckboxRecords()
       ]);
-    }, _e = () => {
+    }, Ke = () => {
       const e = s.value;
       e && w.selectRangeChange(e.getCheckboxRecords(), [
         ...e.getCheckboxReserveRecords(),
         ...e.getCheckboxRecords()
       ]);
-    }, Ke = () => {
+    }, Ve = () => {
       const e = s.value;
-      e && (z.value = [e.getRadioRecord()]);
-    }, Ve = ({
+      e && (A.value = [e.getRadioRecord()]);
+    }, _e = ({
       row: e
     }) => {
       const t = o.rowHighlightable;
-      $(t) && t(e);
+      O(t) && t(e);
     };
     function Le() {
       var e;
       return ((e = o.columns) == null ? void 0 : e.filter((t) => !t.hideInTable)) || [];
     }
-    function X(e) {
-      var t, n, r;
-      (r = (n = (t = y.value) == null ? void 0 : t.apForm) == null ? void 0 : n.setFieldsValue) == null || r.call(n, e);
+    function J(e) {
+      var t, n, a;
+      (a = (n = (t = y.value) == null ? void 0 : t.apForm) == null ? void 0 : n.setFieldsValue) == null || a.call(n, e);
     }
-    function J(e = !1) {
-      var n, r, u;
+    function Q(e = !1) {
+      var n, a, u;
       const t = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (u = (r = (n = y.value) == null ? void 0 : n.apForm) == null ? void 0 : r[t]) == null ? void 0 : u.call(r, !0);
+      return (u = (a = (n = y.value) == null ? void 0 : n.apForm) == null ? void 0 : a[t]) == null ? void 0 : u.call(a, !0);
     }
-    function Q() {
+    function Y() {
       var e;
       return ((e = y.value) == null ? void 0 : e.getSorterItems()) || [];
     }
-    function Y(e) {
+    function Z(e) {
       var t;
       (t = y.value) == null || t.setSorterItems(e);
     }
-    function Z() {
+    function ee() {
       var e;
       (e = y.value) == null || e.resetSorterItems();
     }
-    function A() {
+    function K() {
       w.clearAll();
       const e = s.value;
-      e && (m.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
-    }
-    function De(e) {
-      $(o.rowKey) || (w.selectMultiByKeys(e), ee());
+      e && (g.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
     }
     function $e(e) {
+      O(o.rowKey) || (w.selectMultiByKeys(e), te());
+    }
+    function De(e) {
       const t = s.value;
       if (!t)
         return;
-      const n = String(e[o.rowKey]), r = t.getRowById(n);
-      t.setCurrentRow(r);
+      const n = String(e[o.rowKey]), a = t.getRowById(n);
+      t.setCurrentRow(a);
     }
     function Oe() {
       const e = s.value;
       e && (e.clearSort(), e.clearFilter());
     }
-    function ee() {
-      ae(() => {
+    function te() {
+      re(() => {
         var e, t;
-        m.value.type === "radio" ? (e = s.value) == null || e.setRadioRowKey(m.value.selectedRowKeys[0]) : (t = s.value) == null || t.setCheckboxRowKey(
-          m.value.selectedRowKeys,
+        g.value.type === "radio" ? (e = s.value) == null || e.setRadioRowKey(g.value.selectedRowKeys[0]) : (t = s.value) == null || t.setCheckboxRowKey(
+          g.value.selectedRowKeys,
           !0
         );
       });
     }
     function We(e) {
-      ee(), o.onReady && ae(() => {
+      te(), o.onReady && re(() => {
         o.onReady(e);
       });
     }
     async function Me(e, t) {
-      var r;
-      const n = p.records[e];
+      var a;
+      const n = m.records[e];
       if (n)
-        return (r = s.value) == null ? void 0 : r.scrollToRow(n, t);
+        return (a = s.value) == null ? void 0 : a.scrollToRow(n, t);
     }
-    const je = (e) => $(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    const je = (e) => O(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     async function qe(e, t = !0) {
       const n = s.value;
       if (!n)
         return;
-      const r = Ze(e) ? e : [e], g = (n.getData() || []).filter(
-        (oe) => r.includes(je(oe))
+      const a = Ze(e) ? e : [e], h = (n.getData() || []).filter(
+        (ae) => a.includes(je(ae))
       );
-      n.setRowExpand(g, t);
+      n.setRowExpand(h, t);
     }
     return B(
       () => [o.columnResizable, o.columns],
       () => {
         var t;
         const e = Le();
-        i.value = e, (t = o.onShownColumnsChange) == null || t.call(o, e), O.value = e;
+        d.value = e, (t = o.onShownColumnsChange) == null || t.call(o, e), W.value = e;
       },
       {
         deep: !0,
@@ -376,7 +376,7 @@ const Yt = /* @__PURE__ */ He({
       },
       { immediate: !0, deep: !0 }
     ), B(
-      () => a(p).loading,
+      () => r(m).loading,
       (e) => {
         var t;
         (t = o.onLoadingChange) == null || t.call(o, e);
@@ -387,46 +387,46 @@ const Yt = /* @__PURE__ */ He({
         E.value = e;
       }
     ), fe({
-      submit: T,
-      reset: N,
-      refresh: H,
-      submitWith: G,
-      setSearchFormValues: X,
-      getSearchFormValues: J,
-      getShowColumns: () => a(i),
+      submit: N,
+      reset: z,
+      refresh: U,
+      submitWith: X,
+      setSearchFormValues: J,
+      getSearchFormValues: Q,
+      getShowColumns: () => r(d),
       rowSelection: {
-        selectedRows: l(() => z.value),
-        setSelectedRowKeys: De,
-        clearAll: A
+        selectedRows: l(() => A.value),
+        setSelectedRowKeys: $e,
+        clearAll: K
       },
       scrollToRow: Me,
-      getDataSource: () => a(p.records),
-      setCurrentRow: $e,
+      getDataSource: () => r(m.records),
+      setCurrentRow: De,
       getPaging: ke,
       setPaging: Fe,
-      getSearchFormSorterItems: Q,
-      setSearchFormSorterItems: Y,
-      resetSearchFormSorterItems: Z,
+      getSearchFormSorterItems: Y,
+      setSearchFormSorterItems: Z,
+      resetSearchFormSorterItems: ee,
       setRowExpand: qe
-    }), (e, t) => (d(), P("div", {
-      class: h(Re.value),
-      style: _(e.wrapperStyle)
+    }), (e, t) => (i(), P("div", {
+      class: C(Re.value),
+      style: V(e.wrapperStyle)
     }, [
-      a(x)(e.dataSource) && e.searchForm !== !1 && M.value.length > 0 ? (d(), P("div", {
+      r(x)(e.dataSource) && e.searchForm !== !1 && j.value.length > 0 ? (i(), P("div", {
         key: 0,
-        class: h(e.card ? a(F)("search-wrapper") : null),
-        style: _(e.searchFormWrapperStyle)
+        class: C(e.card ? r(F)("search-wrapper") : null),
+        style: V(e.searchFormWrapperStyle)
       }, [
-        K(a(tt).SearchForm, b(e.searchForm || {}, {
+        _(r(tt).SearchForm, b(e.searchForm || {}, {
           ref_key: "formRef",
           ref: y,
           "custom-reset": "",
-          "submit-loading": a(U).loading,
-          onSubmit: a(T),
-          onReset: a(N)
-        }), re({
-          default: C(() => [
-            (d(!0), P(ne, null, V(M.value, (n) => (d(), f(L(n.renderNode), {
+          "submit-loading": r(G).loading,
+          onSubmit: r(N),
+          onReset: r(z)
+        }), L({
+          default: p(() => [
+            (i(!0), P(ne, null, $(j.value, (n) => (i(), c(T(n.renderNode), {
               key: n.dataIndex
             }))), 128))
           ]),
@@ -434,7 +434,7 @@ const Yt = /* @__PURE__ */ He({
         }, [
           v.searchFormExtra ? {
             name: "extra",
-            fn: C(() => [
+            fn: p(() => [
               D(e.$slots, "searchFormExtra")
             ]),
             key: "0"
@@ -442,90 +442,106 @@ const Yt = /* @__PURE__ */ He({
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
       ], 6)) : S("", !0),
       R("div", {
-        class: h([a(F)("table-wrapper"), e.card ? a(F)("table-wrapper-card") : null]),
-        style: _(e.tableWrapperStyle)
+        class: C([r(F)("table-wrapper"), e.card ? r(F)("table-wrapper-card") : null]),
+        style: V(e.tableWrapperStyle)
       }, [
         R("div", {
-          class: h(a(c)("header-wrapper"))
+          class: C(r(f)("header-wrapper"))
         }, [
           D(e.$slots, "title", {
-            selectedRows: a(z),
-            selectedRowKeys: a(m).selectedRowKeys,
-            shownColumns: i.value,
-            clearAll: A
+            selectedRows: r(A),
+            selectedRowKeys: r(g).selectedRowKeys,
+            shownColumns: d.value,
+            clearAll: K
           })
         ], 2),
         R("div", {
-          class: h(a(c)("vxe-wrapper"))
+          class: C(r(f)("vxe-wrapper"))
         }, [
-          (d(), f(a(Ye), b(a(ut)(o), {
+          (i(), c(r(Ye), b(r(ut)(o), {
             ref_key: "tableRef",
             ref: s,
-            key: a(ve),
-            data: a(p).records,
+            key: r(ve),
+            data: r(m).records,
             "sort-config": {
-              remote: j.value.length > 0,
+              remote: q.value.length > 0,
               trigger: "cell"
             },
             "filter-config": {
-              remote: q.value.length > 0
+              remote: H.value.length > 0
             },
             loading: Te.value,
-            style: a(ge),
+            style: r(ge),
             size: E.value,
-            onSortChange: a(Ee),
-            onFilterChange: a(Ie),
+            onSortChange: r(Ee),
+            onFilterChange: r(Ie),
             onCheckboxChange: ze,
-            onCheckboxRangeChange: _e,
+            onCheckboxRangeChange: Ke,
             onCheckboxAll: Ae,
-            onRadioChange: Ke,
-            onCurrentRowChange: Ve
-          }), re({
-            empty: C(() => [
-              K(a(ue), {
-                image: a(ue).PRESENTED_IMAGE_SIMPLE
+            onRadioChange: Ve,
+            onCurrentRowChange: _e
+          }), L({
+            empty: p(() => [
+              _(r(ue), {
+                image: r(ue).PRESENTED_IMAGE_SIMPLE
               }, null, 8, ["image"])
             ]),
-            loading: C(() => [
+            loading: p(() => [
               R("div", {
-                class: h(a(F)("table-loading-wrapper"))
+                class: C(r(F)("table-loading-wrapper"))
               }, [
-                K(a(st))
+                _(r(st))
               ], 2)
             ]),
-            default: C(() => [
-              o.expandable && i.value.length ? (d(), f(a(se), b({ key: 0 }, a(ct)(e.expandable), { fixed: Pe.value }), {
-                content: C((n) => [
-                  (d(), f(L(o.expandable.renderContent(n))))
-                ]),
-                _: 1
-              }, 16, ["fixed"])) : S("", !0),
-              o.rowSelection && i.value.length ? (d(), f(a(se), b(
-                { key: 1 },
-                a(ft)(a(m), i.value, o.size),
-                {
-                  resizable: !1,
-                  field: a(Ct)
-                }
-              ), null, 16, ["field"])) : S("", !0),
-              (d(!0), P(ne, null, V(a(ye), (n) => (d(), f(L(n), {
-                key: n.props.colId
-              }))), 128))
-            ]),
+            default: p(() => {
+              var n;
+              return [
+                o.expandable && d.value.length ? (i(), c(r(se), b({ key: 0 }, r(ct)(e.expandable), { fixed: Pe.value }), L({
+                  content: p((a) => [
+                    (i(), c(T(o.expandable.renderContent(a))))
+                  ]),
+                  _: 2
+                }, [
+                  (n = e.expandable) != null && n.renderCell ? {
+                    name: "default",
+                    fn: p((a) => [
+                      (i(), c(T(
+                        e.expandable.renderCell(
+                          a.$table.isRowExpandByRow(a.row),
+                          a.row
+                        )
+                      )))
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["fixed"])) : S("", !0),
+                o.rowSelection && d.value.length ? (i(), c(r(se), b(
+                  { key: 1 },
+                  r(ft)(r(g), d.value, o.size),
+                  {
+                    resizable: !1,
+                    field: r(Ct)
+                  }
+                ), null, 16, ["field"])) : S("", !0),
+                (i(!0), P(ne, null, $(r(ye), (a) => (i(), c(T(a), {
+                  key: a.props.colId
+                }))), 128))
+              ];
+            }),
             _: 2
           }, [
-            V(a(et)(v, ["searchFormExtra"]), (n, r) => ({
-              name: r,
-              fn: C((u) => [
-                D(e.$slots, r, Je(Qe(u || {})))
+            $(r(et)(v, ["searchFormExtra"]), (n, a) => ({
+              name: a,
+              fn: p((u) => [
+                D(e.$slots, a, Je(Qe(u || {})))
               ])
             }))
           ]), 1040, ["data", "sort-config", "filter-config", "loading", "style", "size", "onSortChange", "onFilterChange"]))
         ], 2),
         R("div", {
-          class: h(a(c)("pagination-wrapper"))
+          class: C(r(f)("pagination-wrapper"))
         }, [
-          e.sticky ? (d(), f(a(Ft), {
+          e.sticky ? (i(), c(r(Ft), {
             key: 0,
             direction: "horizontal",
             "scroll-container": we.value,
@@ -533,10 +549,10 @@ const Yt = /* @__PURE__ */ He({
             "bar-color": "var(--ap-scrollbar-thumb-color-base)",
             "track-color": "var(--ap-table-header-bg, #f2f6f9)"
           }, null, 8, ["scroll-container"])) : S("", !0),
-          e.pagination !== !1 ? (d(), f(a(it), b({
+          e.pagination !== !1 ? (i(), c(r(it), b({
             key: 1,
-            class: a(c)("pagination")
-          }, a(U).pagination, { onChange: a(Be) }), null, 16, ["class", "onChange"])) : S("", !0)
+            class: r(f)("pagination")
+          }, r(G).pagination, { onChange: r(Be) }), null, 16, ["class", "onChange"])) : S("", !0)
         ], 2)
       ], 6)
     ], 6));

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

@@ -232,7 +232,7 @@ export type ApGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      */
     expandable?: VxeTablePropTypes.ExpandConfig<RecordType> & {
         /**
-         * 自定义渲染内容
+         * 自定义渲染展开后内容
          */
         renderContent: NonNullable<VxeColumnSlots<RecordType>['content']>;
         /**
@@ -243,6 +243,13 @@ export type ApGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
          * 展开列的title
          */
         title?: string;
+        /**
+         * 自定义渲染单元格
+         * @param expanded 当前的展开状态
+         * @param row 当前的行数据
+         * @returns
+         */
+        renderCell?: (expanded: boolean, row: RecordType) => any;
     };
     /**
      * 作为表单项时内部传递，请勿使用