@aplus-frontend/ui 7.8.0 → 7.9.0

package/es/index.mjs

@@ -8,7 +8,7 @@ import { buildLocaleContext as T, buildTranslator as b, localeContextKey as C, t
 import { defaultNamespace as E, namespaceContextKey as P, useGetDerivedNamespace as L, useNamespace as R } from "./src/config-provider/hooks/use-namespace.mjs";
 import { ConfigProvider as v, globalConfigCached as M } from "./src/config-provider/config-provider.mjs";
 import { APConfigProvider as w } from "./src/config-provider/index.mjs";
-import { ApFormItemText as K } from "./src/ap-form/items/text/index.mjs";
+import { ApFormItemText as k } from "./src/ap-form/items/text/index.mjs";
 import { default as U } from "./src/ap-form/items/text-area/index.vue.mjs";
 import { default as V } from "./src/ap-form/items/number/index.vue.mjs";
 import { default as _ } from "./src/ap-form/items/date/index.vue.mjs";
@@ -35,7 +35,7 @@ import { ApField as Le, ApFieldRead as Re } from "./src/ap-field/index.mjs";
 import { ApFieldText as ve } from "./src/ap-field/text/index.mjs";
 import { default as ye } from "./src/ap-field/checkbox/index.vue.mjs";
 import { default as Be } from "./src/ap-field/date/index.vue.mjs";
-import { default as ke } from "./src/ap-field/number/index.vue.mjs";
+import { default as Ke } from "./src/ap-field/number/index.vue.mjs";
 import { default as Oe } from "./src/ap-field/radio/index.vue.mjs";
 import { default as ze } from "./src/ap-field/switch/index.vue.mjs";
 import { default as He } from "./src/ap-field/text-area/index.vue.mjs";
@@ -61,7 +61,7 @@ import { default as Ro } from "./src/ap-button/ap-button.vue.mjs";
 import { default as vo } from "./src/ap-button/ap-action-button.vue.mjs";
 import { default as yo } from "./src/ap-button/ap-confirm-button.vue.mjs";
 import { ApDrawer as Bo } from "./src/ap-drawer/index.mjs";
-import { ApProCard as ko, ApStatisticCard as Uo } from "./src/ap-pro-card/index.mjs";
+import { ApProCard as Ko, ApStatisticCard as Uo } from "./src/ap-pro-card/index.mjs";
 import { LoadingBar as Vo } from "./src/loading-bar/index.mjs";
 import { default as _o } from "./src/render/render.mjs";
 import { default as $o } from "./src/time-ago/index.vue.mjs";
@@ -87,7 +87,7 @@ import { ApLabel as Lr, ApLabelGroup as Rr } from "./src/business/ap-label/index
 import { locales as vr } from "./src/business/ap-ladder/interface.mjs";
 import { ApLadder as yr } from "./src/business/ap-ladder/index.mjs";
 import { ApSelectLayout as Br } from "./src/business/ap-select-layout/index.mjs";
-import { ApStatus as kr, ApStatusGroup as Ur } from "./src/business/ap-status/index.mjs";
+import { ApStatus as Kr, ApStatusGroup as Ur } from "./src/business/ap-status/index.mjs";
 import { ApTitle as Vr } from "./src/business/ap-title/index.mjs";
 import { usePageListApTable as _r } from "./src/business/hooks/usePageListApTable.mjs";
 import { usePageListApGrid as $r } from "./src/business/hooks/usePageListApGrid.mjs";
@@ -111,7 +111,7 @@ import { LruCacher as Lt } from "./src/business/ap-keep-alive/cacher/lru-cacher.
 import { useApKeepAliveInject as Nt } from "./src/business/ap-keep-alive/hook.mjs";
 import { matches as Mt } from "./src/business/ap-keep-alive/utils.mjs";
 import { ApDraggableGrid as wt } from "./src/business/ap-draggable-grid/index.mjs";
-import { ApValueSelectCard as Kt } from "./src/business/ap-value-select-card/index.mjs";
+import { ApValueSelectCard as kt } from "./src/business/ap-value-select-card/index.mjs";
 import { useAgGridModal as Ut } from "./src/business/ag-grid-modal/hooks/use-ag-grid-modal.mjs";
 import { useAgGridSelectModal as Vt } from "./src/business/ag-grid-modal/hooks/use-ag-grid-select-modal.mjs";
 import { ApSelectedItems as _t } from "./src/business/ag-grid-modal/selected-items/index.mjs";
@@ -138,7 +138,7 @@ import { ROW_SELECTION_FIELD as Lp } from "./src/ap-grid/constants.mjs";
 import { toTreeArray as Np } from "./src/ap-grid/utils/to-tree-array.mjs";
 import { default as Mp } from "./src/ap-grid/index.vue.mjs";
 import { default as wp } from "./src/ap-grid/editable/index.vue.mjs";
-import { default as Kp } from "./src/ap-grid/editable/form-item.vue.mjs";
+import { default as kp } from "./src/ap-grid/editable/form-item.vue.mjs";
 import { default as Up } from "./src/text/index.vue.mjs";
 import { default as Vp } from "./src/text/group.vue.mjs";
 import { default as _p } from "./src/mask/index.vue.mjs";
@@ -146,12 +146,13 @@ import { Splitter as $p } from "./src/splitter/index.mjs";
 import { default as Wp } from "./src/ag-grid/index.vue.mjs";
 import { default as Jp } from "./src/ag-grid/editable/index.vue.mjs";
 import { default as Xp } from "./src/ag-grid/editable/form-item.vue.mjs";
-import { useMessage as Zp } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as oa } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as ta } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as aa } from "./src/hooks/useThrottleRef.mjs";
-import { useFullScreen as ma } from "./src/hooks/useFullScreen.mjs";
-import { useResize as xa } from "./src/hooks/useResize.mjs";
+import { ApSkeleton as Zp } from "./src/skeleton/index.mjs";
+import { useMessage as oa } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as ta } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as aa } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as ma } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as xa } from "./src/hooks/useFullScreen.mjs";
+import { useResize as sa } from "./src/hooks/useResize.mjs";
 const a = console.log;
 a(`UI version: ${p}`);
 const l = {
@@ -192,7 +193,7 @@ export {
   ye as ApFieldCheckbox,
   Be as ApFieldDate,
   je as ApFieldDateRange,
-  ke as ApFieldNumber,
+  Ke as ApFieldNumber,
   Qe as ApFieldPassword,
   Oe as ApFieldRadio,
   ro as ApFieldRate,
@@ -221,7 +222,7 @@ export {
   J as ApFormItemSelect,
   it as ApFormItemSizeInput,
   X as ApFormItemSwitch,
-  K as ApFormItemText,
+  k as ApFormItemText,
   U as ApFormItemTextArea,
   oe as ApFormItemTextPassword,
   te as ApFormItemTreeSelect,
@@ -241,14 +242,15 @@ export {
   Po as ApList,
   ho as ApModal,
   rt as ApNeedNameKeyDefault,
-  ko as ApProCard,
+  Ko as ApProCard,
   ct as ApProductInfo,
   bt as ApRadioGroup,
   Br as ApSelectLayout,
   _t as ApSelectedItems,
   ut as ApSizeInput,
+  Zp as ApSkeleton,
   Uo as ApStatisticCard,
-  kr as ApStatus,
+  Kr as ApStatus,
   Ur as ApStatusGroup,
   et as ApSummary,
   xp as ApTable,
@@ -261,7 +263,7 @@ export {
   Xo as ApTransformDataHelper,
   Xt as ApUpload,
   ft as ApUploadSingle,
-  Kt as ApValueSelectCard,
+  kt as ApValueSelectCard,
   St as ApView,
   lt as BatchInputGroup,
   bo as CheckCard,
@@ -272,7 +274,7 @@ export {
   Jp as EditableAgGrid,
   Xp as EditableAgGridFormItem,
   wp as EditableGrid,
-  Kp as EditableGridFormItem,
+  kp as EditableGridFormItem,
   sp as EditableTable,
   Ap as EditableTableFormItem,
   Dp as FullScreen,
@@ -319,21 +321,21 @@ export {
   Ut as useAgGridModal,
   Vt as useAgGridSelectModal,
   Nt as useApKeepAliveInject,
-  oa as useControllableValue,
-  ma as useFullScreen,
+  ta as useControllableValue,
+  xa as useFullScreen,
   L as useGetDerivedNamespace,
   I as useGlobalConfig,
   D as useLocale,
-  ta as useManualRef,
-  Zp as useMessage,
+  aa as useManualRef,
+  oa as useMessage,
   R as useNamespace,
   Wr as usePageListAgGrid,
   $r as usePageListApGrid,
   _r as usePageListApTable,
-  xa as useResize,
+  sa as useResize,
   or as useTableModal,
   mp as useTablePaging,
   tr as useTableSelectModal,
-  aa as useThrottleRef,
+  ma as useThrottleRef,
   Wo as useTimeAgo
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as po, useSlots as fo, ref as M, toRef as F, unref as t, computed as n, nextTick as z, watch as G, createElementBlock as O, openBlock as h, normalizeStyle as L, normalizeClass as f, createCommentVNode as se, createElementVNode as B, createVNode as ie, mergeProps as W, createSlots as go, withCtx as ue, Fragment as wo, renderList as So, createBlock as H, resolveDynamicComponent as Co, renderSlot as de, withDirectives as ho, vShow as yo } from "vue";
+import { defineComponent as po, useSlots as fo, ref as M, toRef as F, unref as t, computed as n, nextTick as z, watch as G, createElementBlock as O, openBlock as C, normalizeStyle as L, normalizeClass as g, createCommentVNode as se, createElementVNode as B, createVNode as ie, mergeProps as W, createSlots as go, withCtx as ue, Fragment as wo, renderList as So, createBlock as H, resolveDynamicComponent as ho, renderSlot as de, withDirectives as Co, vShow as yo } from "vue";
 import { AgGridVue as Ro } from "ag-grid-vue3";
 import { ModuleRegistry as vo, ValidationModule as bo, ColumnAutoSizeModule as Mo, PinnedRowModule as Fo, RowAutoHeightModule as Bo, RowStyleModule as ko, CellSpanModule as xo, CellStyleModule as Io, TooltipModule as Ao, RowSelectionModule as No, LocaleModule as To, ValueCacheModule as Do, GridStateModule as Eo, ColumnApiModule as Po, RowApiModule as Ko, CellApiModule as Vo, RenderApiModule as zo, EventApiModule as Go, ScrollApiModule as Oo, ClientSideRowModelApiModule as Lo, ClientSideRowModelModule as Wo } from "ag-grid-community";
 import { mergeProps as Ho } from "./utils.mjs";
@@ -139,11 +139,11 @@ const Yt = /* @__PURE__ */ po({
       y,
       F(o, "rowHeight"),
       F(o, "theme")
-    ), Ce = nt(F(o, "virtual")), { rowPinnedGridConfig: j, getRowPinnedCellClass: he } = st(
+    ), he = nt(F(o, "virtual")), { rowPinnedGridConfig: j, getRowPinnedCellClass: Ce } = st(
       F(o, "summary")
     ), ye = ft("apGrid"), s = M(), [, Re] = et();
     let R = !!o.dataSource;
-    const $ = at(o), { shownColumns: g, columns: q, columnKeys: ve, getTargetColumnByKey: be } = tt(o), { defaultColDef: Me, columnDefs: Fe, gridWrapperRef: Be } = rt(q, o, he), I = M({});
+    const $ = at(o), { shownColumns: w, columns: q, columnKeys: ve, getTargetColumnByKey: be } = tt(o), { defaultColDef: Me, columnDefs: Fe, gridWrapperRef: Be } = rt(q, o, Ce), I = M({});
     Qo({
       sorter: I,
       setSorter(e) {
@@ -164,14 +164,14 @@ const Yt = /* @__PURE__ */ po({
       }
       if (!l)
         return;
-      const u = l.getColDef(), m = l.getSort(), p = be(u.colId);
+      const u = l.getColDef(), p = l.getSort(), f = be(u.colId);
       Q(void 0, void 0, {
         column: u,
-        field: p?.field ?? u.field ?? u.colId,
-        order: m ? ke[m] : null
+        field: f?.field ?? u.field ?? u.colId,
+        order: p ? ke[p] : null
       });
     }
-    const Ie = n(() => $o(t(g), (e) => {
+    const Ie = n(() => $o(t(w), (e) => {
       if (e.sorter === !0)
         return e.field ?? e.dataIndex ?? e.key;
     }).filter(Boolean)), Ae = () => {
@@ -182,10 +182,10 @@ const Yt = /* @__PURE__ */ po({
       const r = e.getColumnState()?.map((l) => ({ ...l, sort: null }));
       e.applyColumnState({ state: r });
     }, T = M(!0), Ne = n(() => gt(o.manual) ? o.manual : lt(U.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
-      formRef: w,
+      formRef: S,
       submit: D,
       reset: E,
-      data: S,
+      data: m,
       tableProps: J,
       handleTableChangeOptional: Q,
       submitWith: X,
@@ -195,7 +195,7 @@ const Yt = /* @__PURE__ */ po({
       setDataSource: Ee
     } = qo({
       async request(e) {
-        if (R = !1, C.value && !C.value.preserveSelectedRowKeys && k(o.dataSource) && !T.value && V(), T.value && (T.value = !1), !k(o.dataSource)) {
+        if (R = !1, h.value && !h.value.preserveSelectedRowKeys && k(o.dataSource) && !T.value && V(), T.value && (T.value = !1), !k(o.dataSource)) {
           const l = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(l, l + e.pageSize)) || [],
@@ -217,15 +217,15 @@ const Yt = /* @__PURE__ */ po({
       pagination: o.pagination,
       sortFields: Ie,
       onClickReset: Ae
-    }), C = n(() => {
+    }), h = n(() => {
       const e = o.rowSelection || ye.value?.rowSelection;
       if (e)
         return e === !0 ? ce : {
           ...ce,
           ...e
         };
-    }), Pe = it(o, g), Ke = n(
-      () => k(o.dataSource) ? S.records : o.dataSource
+    }), Pe = it(o, w), Ke = n(
+      () => k(o.dataSource) ? m.records : o.dataSource
     ), {
       select: Ve,
       unSelect: ze,
@@ -236,14 +236,14 @@ const Yt = /* @__PURE__ */ po({
       selectMulti: We,
       unSelectMulti: He
     } = Jo({
-      ...C.value,
+      ...h.value,
       dataSource: Ke,
       rowKey: o.rowKey
     }), Ue = {
       checkbox: "multiRow",
       radio: "singleRow"
     }, _e = n(() => {
-      const e = C.value;
+      const e = h.value;
       if (!e)
         return;
       const { type: r = "checkbox", disabled: l } = e;
@@ -259,19 +259,19 @@ const Yt = /* @__PURE__ */ po({
     const A = ({
       api: e = s.value
     }) => {
-      if (o.onUpdate?.(), !C.value)
+      if (o.onUpdate?.(), !h.value)
         return;
       const r = P.value || [];
       R = !1;
       const l = [];
       e.forEachNode((i) => {
-        const v = i.data, u = K(v), m = i.isSelected();
-        r.find((p) => K(p) === u) ? !m && l.push(i) : m && i.setSelected(!1);
+        const v = i.data, u = K(v), p = i.isSelected();
+        r.find((f) => K(f) === u) ? !p && l.push(i) : p && i.setSelected(!1);
       }), e.setNodesSelected({ nodes: l, newValue: !0 }), setTimeout(() => {
         R = !0;
       }, 0);
     }, je = (e) => {
-      R && (e.node.isSelected() ? Ve(e.data) : ze(e.data), N(C.value?.tooltip) && e.api.refreshCells({
+      R && (e.node.isSelected() ? Ve(e.data) : ze(e.data), N(h.value?.tooltip) && e.api.refreshCells({
         rowNodes: [e.node],
         // todo: 取消硬编码
         columns: ["ag-Grid-SelectionColumn"],
@@ -309,19 +309,19 @@ const Yt = /* @__PURE__ */ po({
     }
     function Z(e = !1) {
       const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return w.value?.apForm?.[r]?.(!0);
+      return S.value?.apForm?.[r]?.(!0);
     }
     function ee(e) {
-      w.value?.apForm?.setFieldsValue?.(e);
+      S.value?.apForm?.setFieldsValue?.(e);
     }
     function oe() {
-      return w.value?.getSorterItems() || [];
+      return S.value?.getSorterItems() || [];
     }
     function te(e) {
-      w.value?.setSorterItems(e);
+      S.value?.setSorterItems(e);
     }
     function re() {
-      w.value?.resetSorterItems();
+      S.value?.resetSorterItems();
     }
     function le(e) {
       return e && String(e);
@@ -342,23 +342,23 @@ const Yt = /* @__PURE__ */ po({
         return ne && (ae.pinned = ne.fixed || null), ae;
       }), u = new Map(
         e.map((a, b) => [le(a.key), b])
-      ), m = v.filter((a) => u.has(a.colId)).sort(
+      ), p = v.filter((a) => u.has(a.colId)).sort(
         (a, b) => u.get(a.colId) - u.get(b.colId)
-      ), p = [];
+      ), f = [];
       let c = 0;
       for (const a of v)
-        u.has(a.colId) ? p.push(m[c++]) : p.push(a);
+        u.has(a.colId) ? f.push(p[c++]) : f.push(a);
       r.applyColumnState({
-        state: p,
+        state: f,
         applyOrder: !0
       });
     }
     Xo({
-      columns: n(() => g.value),
+      columns: n(() => w.value),
       columnsBackup: n(() => q.value),
       size: n(() => Zo[y.value]),
       updateColumns(e) {
-        g.value = e, o.onShownColumnsChange?.(e), Ye(e);
+        w.value = e, o.onShownColumnsChange?.(e), Ye(e);
       },
       updateSize(e) {
         y.value = Yo[e];
@@ -367,7 +367,7 @@ const Yt = /* @__PURE__ */ po({
         className: ge("table-header", "title"),
         color: Re.value.colorTextTertiary
       })),
-      dataSource: n(() => t(S).records),
+      dataSource: n(() => t(m).records),
       getSearchFormValues: Z,
       setSearchFormValues: ee,
       submit: D,
@@ -379,12 +379,13 @@ const Yt = /* @__PURE__ */ po({
       resetSearchFormSorterItems: re
     });
     const Ze = n(
-      () => k(o.loading) ? S.loading : o.loading
+      () => k(o.loading) ? m.loading : o.loading
     ), eo = n(() => [
       d(),
       o.card ? null : d("wrapper"),
       d("adaptive"),
       d(`size-${y.value}`),
+      o.autoHeight && m.records.length ? d("auto-height") : null,
       we.value
     ].filter(Boolean)), oo = n(() => ({
       height: "100%",
@@ -436,7 +437,7 @@ const Yt = /* @__PURE__ */ po({
         y.value = e;
       }
     ), G(
-      () => t(S).loading,
+      () => t(m).loading,
       (e) => {
         o.onLoadingChange?.(e);
       }
@@ -447,7 +448,7 @@ const Yt = /* @__PURE__ */ po({
       submitWith: X,
       setSearchFormValues: ee,
       getSearchFormValues: Z,
-      getShowColumns: () => t(g),
+      getShowColumns: () => t(w),
       rowSelection: {
         selectedRows: n(() => P.value),
         setSelectedRowKeys: qe,
@@ -457,7 +458,7 @@ const Yt = /* @__PURE__ */ po({
       },
       scrollToRow: lo,
       scrollToColumn: ao,
-      getDataSource: () => t(S.records),
+      getDataSource: () => t(m.records),
       getPaging: Te,
       setPaging: De,
       getSearchFormSorterItems: oe,
@@ -466,25 +467,25 @@ const Yt = /* @__PURE__ */ po({
       refreshCells: io,
       redrawRows: uo,
       _internalGridApi: n(() => s.value)
-    }), (e, r) => (h(), O("div", {
-      class: f(eo.value),
+    }), (e, r) => (C(), O("div", {
+      class: g(eo.value),
       style: L(e.wrapperStyle)
     }, [
-      t(k)(e.dataSource) && e.searchForm !== !1 && t($).length > 0 ? (h(), O("div", {
+      t(k)(e.dataSource) && e.searchForm !== !1 && t($).length > 0 ? (C(), O("div", {
         key: 0,
-        class: f(e.card ? t(x)("search-wrapper") : null),
+        class: g(e.card ? t(x)("search-wrapper") : null),
         style: L(e.searchFormWrapperStyle)
       }, [
         ie(t(jo).SearchForm, W(e.searchForm || {}, {
           ref_key: "formRef",
-          ref: w,
+          ref: S,
           "custom-reset": "",
           "submit-loading": t(J).loading,
           onSubmit: t(D),
           onReset: t(E)
         }), go({
           default: ue(() => [
-            (h(!0), O(wo, null, So(t($), (l) => (h(), H(Co(l.renderNode), {
+            (C(!0), O(wo, null, So(t($), (l) => (C(), H(ho(l.renderNode), {
               key: l.dataIndex
             }))), 128))
           ]),
@@ -500,31 +501,31 @@ const Yt = /* @__PURE__ */ po({
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
       ], 6)) : se("", !0),
       B("div", {
-        class: f([t(x)("table-wrapper"), e.card ? t(x)("table-wrapper-card") : null]),
+        class: g([t(x)("table-wrapper"), e.card ? t(x)("table-wrapper-card") : null]),
         style: L(e.tableWrapperStyle)
       }, [
         B("div", {
-          class: f(t(d)("header-wrapper"))
+          class: g(t(d)("header-wrapper"))
         }, [
           de(e.$slots, "title", {
             selectedRows: t(P),
             selectedRowKeys: t(Ge),
-            shownColumns: t(g),
+            shownColumns: t(w),
             clearAll: V
           })
         ], 2),
         B("div", {
           ref_key: "gridWrapperRef",
           ref: Be,
-          class: f(t(d)("grid-wrapper"))
+          class: g(t(d)("grid-wrapper"))
         }, [
-          (h(), H(t(Ro), W(
-            t(Ho)(t(Ce), t(j), Je.value),
+          (C(), H(t(Ro), W(
+            t(Ho)(t(he), t(j), Je.value),
             {
               key: t(_),
               "get-row-class": co,
               style: oo.value,
-              "row-data": t(S).records,
+              "row-data": t(m).records,
               "column-defs": t(Fe),
               "default-col-def": t(Me),
               "suppress-loading-overlay": "",
@@ -551,8 +552,8 @@ const Yt = /* @__PURE__ */ po({
               onBodyScrollEnd: so
             }
           ), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "get-row-height", "theme", "enable-browser-tooltips", "row-class-rules", "dom-layout", "locale-text"])),
-          ho(B("div", {
-            class: f(t(x)("table-loading-wrapper"))
+          Co(B("div", {
+            class: g(t(x)("table-loading-wrapper"))
           }, [
             ie(t(Uo), { delay: 300 })
           ], 2), [
@@ -560,9 +561,9 @@ const Yt = /* @__PURE__ */ po({
           ])
         ], 2),
         B("div", {
-          class: f(t(d)("pagination-wrapper"))
+          class: g(t(d)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (h(), H(t(_o), W({
+          e.pagination !== !1 ? (C(), H(t(_o), W({
             key: 0,
             class: t(d)("pagination")
           }, t(J).pagination, { onChange: to }), null, 16, ["class"])) : se("", !0)

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

@@ -1,6 +1,6 @@
 import { genSettingTriggerBtnStyle as a } from "../../ap-table/style/index.mjs";
-import { multiRows as l, resetScrollbar as d } from "../../style/index.mjs";
-import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
+import { multiRows as l, resetScrollbar as r } from "../../style/index.mjs";
+import { genComponentStyleHook as d } from "../../utils/cssinjs/index.mjs";
 const t = {
   agGridSearchFormWrapperMarginBlockEnd: 10,
   agGridCellPaddingBlockMedium: 9,
@@ -12,7 +12,7 @@ const t = {
   const { componentCls: e } = i;
   return {
     [e]: {
-      ...d(i),
+      ...r(i),
       "&-adaptive": {
         height: "100%",
         display: "flex",
@@ -23,6 +23,11 @@ const t = {
           position: "relative"
         }
       },
+      "&-auto-height": {
+        ".ag-center-cols-viewport": {
+          minHeight: "unset !important"
+        }
+      },
       "&-wrapper": {
         padding: i.space,
         paddingBlockEnd: i.spaceLG,
@@ -150,7 +155,7 @@ const t = {
       }
     }
   };
-}, s = r(
+}, s = d(
   "AgGrid",
   (i) => [n(i)],
   t,

package/es/src/ap-table/style/index.d.ts

@@ -1,11 +1,11 @@
-import { GenStyleFunc, StyleMixin } from '../../design-token/interface';
+import { BaseToken, GenStyleFunc, StyleMixin } from '../../design-token/interface';
 import { ComputedRef } from 'vue';
 export type ApTableToken = {
     apTableHeaderBg: string;
     apTableIndexSize: number;
     apTableSettingRightWidth: number;
 };
-export declare const defaultValue: ApTableToken;
+export declare const defaultValue: (token: BaseToken) => ApTableToken;
 export declare const genSettingTriggerBtnStyle: StyleMixin;
 export declare const genApTableStyle: GenStyleFunc<ApTableToken>;
 declare const _default: (prefixCls: string) => ComputedRef<string>;

package/es/src/ap-table/style/index.mjs

@@ -1,10 +1,10 @@
 import { multiRows as l, resetScrollbar as i } from "../../style/index.mjs";
 import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
-const r = {
-  apTableHeaderBg: "#F2F6F9",
+const r = (t) => ({
+  apTableHeaderBg: t.tableHeaderBg,
   apTableIndexSize: 14,
   apTableSettingRightWidth: 240
-}, p = (t) => ({
+}), p = (t) => ({
   [`.${t.namespace}-ap-table-setting-trigger-button`]: {
     color: t.textColor2,
     "&:hover": {

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

@@ -1,9 +1,9 @@
 import { defineComponent as _, ref as H, createVNode as i, mergeProps as L, onUnmounted as j } from "vue";
 import { ApModal as q } from "../../../ap-modal/index.mjs";
 import "../../../ag-grid/index.mjs";
-import { AsyncCallback as G, genRequest as T, delRowKeyField as D, addRowKeyField as F, getModalLayoutConfig as E } from "../utils.mjs";
+import { AsyncCallback as D, genRequest as G, delRowKeyField as T, addRowKeyField as F, getModalLayoutConfig as E } from "../utils.mjs";
 import { useAgGridInstance as U } from "./use-ag-grid-instance.mjs";
-import { isFunction as u, cloneDeep as W, isEmpty as b, omitBy as $, isUndefined as z, omit as p } from "lodash-unified";
+import { isFunction as u, cloneDeep as W, isEmpty as b, omitBy as $, isUndefined as z, omit as S } from "lodash-unified";
 import { ROW_KEY as B } from "../constants.mjs";
 import { useModalTitle as N } from "./use-modal-title.mjs";
 import { message as V } from "@aplus-frontend/antdv";
@@ -15,14 +15,14 @@ import J from "../wrapper/index.vue2.mjs";
 import Q from "../modal-layout/index.vue2.mjs";
 import X from "../../../ag-grid/index.vue.mjs";
 function we(t) {
-  let c, f = null, g = null;
-  const d = new G(), [K, S] = N(), {
+  let d, f = null, g = null;
+  const c = new D(), [x, K] = N(), {
     t: k
-  } = Y(), [s, x] = U({
+  } = Y(), [s, p] = U({
     onSelectedRows(e) {
-      S.setCount(e?.length || 0);
+      K.setCount(e?.length || 0);
     }
-  }), w = T(t.api, t.getRowKey, s.setDataSourceLength), y = (e) => {
+  }), w = G(t.api, t.getRowKey, s.setDataSourceLength), y = (e) => {
     const {
       title: o,
       width: l,
@@ -42,16 +42,16 @@ function we(t) {
       keys: A(o),
       rows: o.map((a) => {
         const r = m(a);
-        return e === "old" && c?.[r] ? c[r] : D(a);
+        return e === "old" && d?.[r] ? d[r] : T(a);
       })
     };
   }, h = async () => {
     const e = P(), o = t.maxCount || 1 / 0;
     return e.keys.length > o ? (V.warning(k("ap.apTableModal.messageMaxCount", {
       maxCount: o
-    })), Promise.reject()) : (await t.beforeOk?.(e), t.finishCallback?.(e), d.resolve(e), e);
+    })), Promise.reject()) : (await t.beforeOk?.(e), t.finishCallback?.(e), c.resolve(e), e);
   }, M = () => {
-    d.reject("modal is closed!");
+    c.reject("modal is closed!");
   }, I = /* @__PURE__ */ _({
     name: "AgGridModalSelectContent",
     props: {
@@ -73,12 +73,12 @@ function we(t) {
         };
       }, () => {
         const l = e.selectedRows?.map((r) => F(r, o.value.getRowKey)), n = o.value, a = E(n.modalLayout);
-        return i(x, null, {
+        return i(p, null, {
           default: () => [i(J, {
             height: n.height,
             rowHeight: n.rowHeight
           }, {
-            default: () => [t.renderHeader?.(p(s, "setInstance"), {
+            default: () => [t.renderHeader?.(S(s, "setInstance"), {
               updateProps: y
             }), i(Q, a.props, {
               default: () => [i(X, L({
@@ -103,7 +103,7 @@ function we(t) {
                   fixed: "left",
                   columnWidth: 38,
                   disabled(r) {
-                    return u(n.disabledCheckbox) ? n.disabledCheckbox(r, p(s, "setInstance")) : n.disabledCheckbox ?? !1;
+                    return u(n.disabledCheckbox) ? n.disabledCheckbox(r, S(s, "setInstance")) : n.disabledCheckbox ?? !1;
                   },
                   ...t.rowSelection
                 },
@@ -123,11 +123,12 @@ function we(t) {
     }, null);
   }
   function v() {
-    const e = Object.values(c || {}), o = C(e);
+    const e = Object.values(d || {}), o = C(e);
     f = q.createModal({
-      title: i(K, {
+      title: i(x, {
         title: t.title,
-        maxCount: t.maxCount || 1 / 0
+        maxCount: t.maxCount || 1 / 0,
+        isShowDefaultSuffix: t.mode !== "radio"
       }, t.modalTitleSlots),
       width: t.width,
       destroyOnClose: !0,
@@ -145,17 +146,17 @@ function we(t) {
     return e?.map(m) || [];
   }
   function R(e, o, l = !1) {
-    if (c = e?.reduce((n, a) => {
+    if (d = e?.reduce((n, a) => {
       const r = m(a);
       return n[r] = a, n;
     }, {}), w.setExtraParams(o?.extraParams), v(), l)
-      return d.buildPromise();
+      return c.buildPromise();
   }
   function O(e, o) {
     return R(e, o, !0);
   }
   return j(() => {
-    d.reject("component is Unmounted!");
+    c.reject("component is Unmounted!");
   }), {
     open: R,
     asyncOpen: O,