@aplus-frontend/ui 0.0.9 → 0.0.11

package/es/src/ap-field/checkbox/index.vue.mjs

@@ -19,7 +19,7 @@ const E = /* @__PURE__ */ g({
     options: { default: () => [] },
     disabled: { type: Boolean },
     id: {},
-    emptyText: { default: "-" },
+    emptyText: { default: "--" },
     request: {}
   },
   emits: ["update:value"],

package/es/src/ap-field/date/index.vue.mjs

@@ -73,7 +73,7 @@ const Z = /* @__PURE__ */ b({
     disabledMinutes: {},
     disabledSeconds: {},
     valueFormat: {},
-    emptyText: { default: "-" },
+    emptyText: { default: "--" },
     value: {},
     defaultValue: {},
     onChange: {},

package/es/src/ap-field/date-range/index.vue.mjs

@@ -77,7 +77,7 @@ const de = /* @__PURE__ */ x({
     disabledMinutes: {},
     disabledSeconds: {},
     valueFormat: {},
-    emptyText: { default: "-" },
+    emptyText: { default: "--" },
     value: {},
     defaultValue: {},
     onChange: {},

package/es/src/ap-field/number/index.vue.mjs

@@ -48,7 +48,7 @@ const Y = /* @__PURE__ */ h({
     onStep: {},
     onBlur: {},
     onFocus: {},
-    emptyText: { default: "-" },
+    emptyText: { default: "--" },
     thousands: { type: Boolean, default: !1 },
     limitDecimalsRetain: { type: Boolean }
   },

package/es/src/ap-field/radio/index.vue.mjs

@@ -20,7 +20,7 @@ const j = /* @__PURE__ */ V({
     optionType: {},
     onChange: {},
     "onUpdate:value": {},
-    emptyText: { default: "-" },
+    emptyText: { default: "--" },
     request: {}
   },
   emits: ["update:value"],

package/es/src/ap-field/select/index.vue.mjs

@@ -80,7 +80,7 @@ const G = { key: 0 }, oe = /* @__PURE__ */ P({
     optionLabelProp: {},
     defaultActiveFirstOption: { type: Boolean, default: void 0 },
     labelInValue: { type: Boolean, default: void 0 },
-    emptyText: { default: "-" },
+    emptyText: { default: "--" },
     request: {},
     multiple: { type: Boolean, default: void 0 },
     value: {},

package/es/src/ap-field/slider/index.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     step: number;
     tooltipOpen: undefined;
     tooltipVisible: undefined;
+    emptyText: string;
 }>, {
     focus: typeof focus;
     blur: typeof blur;
@@ -29,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     step: number;
     tooltipOpen: undefined;
     tooltipVisible: undefined;
+    emptyText: string;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -38,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     included: boolean;
     tooltipOpen: boolean;
     tooltipVisible: boolean;
+    emptyText: string;
 }, {}>, Readonly<ApFieldSliderSlots> & ApFieldSliderSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/es/src/ap-field/slider/index.vue.mjs

@@ -36,13 +36,13 @@ const I = /* @__PURE__ */ x({
     onFocus: {},
     onBlur: {},
     "onUpdate:value": {},
-    emptyText: {}
+    emptyText: { default: "--" }
   },
   emits: ["update:value"],
   setup(p, { expose: i, emit: s }) {
-    const d = g(), a = k(), l = p, m = s, { value: r, updateValue: f } = E(
+    const d = g(), a = k(), l = p, f = s, { value: r, updateValue: m } = E(
       l,
-      m
+      f
     ), c = C(() => {
       const e = o(r);
       return w(e) ? l.emptyText : z(e) ? `${e[0]}-${e[1]}` : e;
@@ -71,7 +71,7 @@ const I = /* @__PURE__ */ x({
       ]),
       {
         value: o(r),
-        "onUpdate:value": o(f),
+        "onUpdate:value": o(m),
         ref_key: "sliderRef",
         ref: a
       }

package/es/src/ap-field/switch/index.vue.mjs

@@ -41,7 +41,7 @@ const J = /* @__PURE__ */ F({
     onBlur: {},
     onFocus: {},
     emptyText: {
-      default: "-"
+      default: "--"
     },
     onAction: {},
     confirm: {}

package/es/src/ap-field/text/index.vue2.mjs

@@ -80,7 +80,7 @@ const K = /* @__PURE__ */ v({
       default: !0
     },
     emptyText: {
-      default: "-"
+      default: "--"
     }
   },
   emits: ["update:value"],

package/es/src/ap-field/text/password.vue.mjs

@@ -94,7 +94,7 @@ const D = /* @__PURE__ */ x({
     },
     "onUpdate:visible": {},
     emptyText: {
-      default: "-"
+      default: "--"
     }
   },
   emits: ["update:value", "update:visible"],

package/es/src/ap-field/text-area/index.vue.mjs

@@ -52,7 +52,7 @@ const I = /* @__PURE__ */ c({
     handleReset: {},
     clearIcon: {},
     allowClear: { type: Boolean, default: !0 },
-    emptyText: { default: "-" }
+    emptyText: { default: "--" }
   },
   emits: ["update:value"],
   setup(u, { expose: p, emit: s }) {

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

@@ -22,6 +22,7 @@ type ApTableSlots = {
     expandColumnTitle?: any;
     customFilterIcon?: any;
     customFilterDropdown?: any;
+    searchFormExtra?: any;
 };
 /**
  * 设置查询表单值
@@ -47,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     searchForm: undefined;
     loading: undefined;
     manual: boolean;
+    adaptive: boolean;
 }>, {
     submit: () => void;
     reset: () => void;
@@ -71,6 +73,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     searchForm: undefined;
     loading: undefined;
     manual: boolean;
+    adaptive: boolean;
 }>>>, {
     loading: boolean | Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
@@ -164,9 +167,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     childrenColumnName: string;
     card: boolean;
     searchForm: false | ApFormSearchFormProps;
-}, {}>, Partial<Record<NonNullable<keyof ApTableSlots>, (_: any) => any>> & {
-    title?(_: {}): any;
-}>;
+    adaptive: boolean;
+}, {}>, Readonly<ApTableSlots> & ApTableSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/src/ap-table/ap-table.vue.mjs

@@ -1,19 +1,20 @@
-import { defineComponent as $, computed as d, createVNode as s, mergeProps as c, unref as r, watch as H, openBlock as p, createElementBlock as m, normalizeClass as h, normalizeStyle as x, withCtx as f, Fragment as G, renderList as B, createBlock as Q, resolveDynamicComponent as U, createCommentVNode as P, createElementVNode as I, renderSlot as v, createSlots as J, toDisplayString as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
-import { Typography as ee, Table as ae, Tooltip as te } from "ant-design-vue";
-import { ApForm as oe } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as re, noRenderAsFormItemValueList as k, apTableFormItemMap as le } from "./constants.mjs";
+import { defineComponent as X, useSlots as Y, computed as d, createVNode as s, mergeProps as m, unref as l, watch as Z, openBlock as i, createElementBlock as g, normalizeClass as F, normalizeStyle as v, createSlots as P, withCtx as p, Fragment as ee, renderList as I, createBlock as ae, resolveDynamicComponent as te, renderSlot as S, createCommentVNode as k, createElementVNode as E, toDisplayString as oe, normalizeProps as re, guardReactiveProps as le } from "vue";
+import { Typography as ne, Table as de, Tooltip as se } from "ant-design-vue";
+import { ApForm as ue } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as ie, noRenderAsFormItemValueList as O, apTableFormItemMap as pe } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as ne } from "./hooks/use-table-paging.mjs";
-import { isUndefined as de, omit as se } from "lodash-unified";
+import { useTablePaging as ce } from "./hooks/use-table-paging.mjs";
+import { isUndefined as fe, omit as me } from "lodash-unified";
 import "./style/ap-table.css";
-import { QuestionCircleOutlined as ue } from "@ant-design/icons-vue";
-import { apColumnToColumn as pe, getTableRenderType as ie, getTableRenderProps as ce, getColumnOrder as O, updateFormProps as me, getFieldProps as fe, getPlaceholder as ge } from "./utils.mjs";
-import { useLocale as ye } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as be } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as he } from "../config-provider/hooks/use-global-config.mjs";
-const Ce = {
+import { QuestionCircleOutlined as ge } from "@ant-design/icons-vue";
+import { apColumnToColumn as ye, getTableRenderType as he, getTableRenderProps as be, getColumnOrder as z, updateFormProps as Ce, getFieldProps as Fe, getPlaceholder as Se } from "./utils.mjs";
+import Re from "./hooks/use-table-content-height.mjs";
+import { useLocale as xe } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as we } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as Te } from "../config-provider/hooks/use-global-config.mjs";
+const Be = {
   key: 0
-}, Ee = /* @__PURE__ */ $({
+}, Ae = /* @__PURE__ */ X({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -120,21 +121,28 @@ const Ce = {
     },
     size: {
       default: "middle"
+    },
+    adaptive: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(z, {
-    expose: E
+  setup(L, {
+    expose: V
   }) {
-    const l = z, {
-      t: L
-    } = ye(), {
-      e: C,
-      b: g
-    } = be("ap-table"), V = he("uiMode"), y = d(() => {
+    const r = L, R = Y(), {
+      t: N
+    } = xe(), {
+      e: y,
+      b: c
+    } = we("ap-table"), D = Te("uiMode"), {
+      height: W,
+      contentRef: _
+    } = Re(), h = d(() => {
       var t;
-      let e = ((t = l.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
+      let e = ((t = r.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
       return e = e.map((a) => ({
-        ...pe(a),
+        ...ye(a),
         customRender({
           value: o,
           ...n
@@ -147,24 +155,24 @@ const Ce = {
               column: a
             });
           else {
-            const T = ie(a), q = re[T], K = ce(a, {
+            const B = he(a), U = ie[B], J = be(a, {
               value: o,
               ...n
             });
-            u = s(q, c(K, {
+            u = s(U, m(J, {
               mode: "read"
             }), null);
           }
-          return A(a, o, u);
+          return $(a, o, u);
         }
       })), e;
-    }), F = d(() => {
+    }), x = d(() => {
       var e, t, a;
-      return ((a = (t = (e = l.columns) == null ? void 0 : e.filter((o) => !o.hideInSearch && o.dataIndex && (o.valueType || o.customRenderFormItem) && !k.includes(o.valueType))) == null ? void 0 : t.sort((o, n) => {
-        let u = O(o.order);
-        return O(n.order) - u;
+      return ((a = (t = (e = r.columns) == null ? void 0 : e.filter((o) => !o.hideInSearch && o.dataIndex && (o.valueType || o.customRenderFormItem) && !O.includes(o.valueType))) == null ? void 0 : t.sort((o, n) => {
+        let u = z(o.order);
+        return z(n.order) - u;
       })) == null ? void 0 : a.map((o) => {
-        const n = me(o, fe(o.fieldProps));
+        const n = Ce(o, Fe(o.fieldProps));
         return {
           ...o,
           fieldProps: {
@@ -172,42 +180,50 @@ const Ce = {
             name: o.dataIndex,
             ...n || {},
             // 格式化placeholder
-            placeholder: ge(L, o.valueType, n == null ? void 0 : n.placeholder)
+            placeholder: Se(N, o.valueType, n == null ? void 0 : n.placeholder)
           }
         };
       })) || [];
-    }), N = d(() => r(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), D = d(() => r(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
+    }), j = d(() => l(h).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), A = d(() => l(h).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
       formRef: b,
-      submit: S,
-      reset: R,
-      tableProps: i,
-      handleTableChange: j,
-      data: w
-    } = ne({
+      submit: w,
+      reset: T,
+      tableProps: f,
+      handleTableChange: M,
+      data: C
+    } = ce({
       async request(e) {
         var a, o;
-        const t = await ((a = l.request) == null ? void 0 : a.call(l, e));
-        return (o = l.onLoad) == null || o.call(l, (t == null ? void 0 : t.data) || []), {
+        const t = await ((a = r.request) == null ? void 0 : a.call(r, e));
+        return (o = r.onLoad) == null || o.call(r, (t == null ? void 0 : t.data) || []), {
           data: (t == null ? void 0 : t.data) || [],
           total: (t == null ? void 0 : t.total) || 0
         };
       },
-      filterFields: r(D),
-      sortFields: r(N),
-      defaultParams: l.params,
-      defaultData: l.defaultData,
-      manual: l.manual,
-      defaultCurrent: l.pagination ? l.pagination.defaultCurrent : void 0,
-      defaultPageSize: l.pagination ? l.pagination.defaultPageSize : void 0,
-      formatParams: l.beforeSearchSubmit
-    }), W = d(() => ({
-      ...l,
-      ...r(i),
-      loading: de(l.loading) ? r(i).loading : l.loading,
-      pagination: l.pagination === !1 ? !1 : r(i).pagination
-    }));
-    function A(e, t, a) {
-      return k.includes(e.valueType) ? a : e.copyable || e.ellipsis ? s(ee.Text, {
+      filterFields: l(A),
+      sortFields: l(j),
+      defaultParams: r.params,
+      defaultData: r.defaultData,
+      manual: r.manual,
+      defaultCurrent: r.pagination ? r.pagination.defaultCurrent : void 0,
+      defaultPageSize: r.pagination ? r.pagination.defaultPageSize : void 0,
+      formatParams: r.beforeSearchSubmit
+    }), q = d(() => {
+      if (r.scroll)
+        return r.scroll;
+      if (r.adaptive && C.value.total > 0)
+        return {
+          y: l(W)
+        };
+    }), H = d(() => ({
+      ...r,
+      ...l(f),
+      loading: fe(r.loading) ? l(f).loading : r.loading,
+      pagination: r.pagination === !1 ? !1 : l(f).pagination,
+      scroll: l(q)
+    })), K = d(() => [r.card ? null : c("wrapper"), r.adaptive ? c("adaptive") : null].filter(Boolean));
+    function $(e, t, a) {
+      return O.includes(e.valueType) ? a : e.copyable || e.ellipsis ? s(ne.Text, {
         copyable: e.copyable ? {
           text: t,
           tooltip: !1
@@ -218,76 +234,82 @@ const Ce = {
         content: a
       }, null) : a;
     }
-    H(() => r(w).loading, (e) => {
+    Z(() => l(C).loading, (e) => {
       var t;
-      (t = l.onLoadingChange) == null || t.call(l, e);
+      (t = r.onLoadingChange) == null || t.call(r, e);
     });
-    function M(e) {
+    function G(e) {
       var t, a, o;
       (o = (a = (t = b.value) == null ? void 0 : t.apForm) == null ? void 0 : a.setFieldsValue) == null || o.call(a, e);
     }
-    function _() {
+    function Q() {
       var e, t, a;
       return (a = (t = (e = b.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValue) == null ? void 0 : a.call(t, !0);
     }
-    return E({
-      submit: () => S(),
-      reset: () => R(),
-      setSearchFormValues: M,
-      getSearchFormValues: _,
-      dataSource: d(() => r(w).records)
-    }), (e, t) => (p(), m("div", {
-      class: h(e.card ? null : r(g)("wrapper"))
-    }, [e.searchForm !== !1 && F.value.length > 0 ? (p(), m("div", {
+    return V({
+      submit: () => w(),
+      reset: () => T(),
+      setSearchFormValues: G,
+      getSearchFormValues: Q,
+      dataSource: d(() => l(C).records)
+    }), (e, t) => (i(), g("div", {
+      class: F(K.value)
+    }, [e.searchForm !== !1 && x.value.length > 0 ? (i(), g("div", {
       key: 0,
-      class: h(e.card ? r(C)("search-wrapper") : null),
-      style: x(e.searchFormWrapperStyle)
-    }, [s(r(oe).SearchForm, c(e.searchForm || {}, {
+      class: F(e.card ? l(y)("search-wrapper") : null),
+      style: v(e.searchFormWrapperStyle)
+    }, [s(l(ue).SearchForm, m(e.searchForm || {}, {
       ref_key: "formRef",
       ref: b,
       "custom-reset": "",
-      onSubmit: r(S),
-      onReset: r(R),
-      "submit-loading": r(i).loading
-    }), {
-      default: f(() => [(p(!0), m(G, null, B(F.value, (a) => (p(), Q(U(a.customRenderFormItem ? a.customRenderFormItem(a) : r(le)[a.valueType || "text"]), c({
+      onSubmit: l(w),
+      onReset: l(T),
+      "submit-loading": l(f).loading
+    }), P({
+      default: p(() => [(i(!0), g(ee, null, I(x.value, (a) => (i(), ae(te(a.customRenderFormItem ? a.customRenderFormItem(a) : l(pe)[a.valueType || "text"]), m({
         key: a.dataIndex,
         ref_for: !0
       }, a.fieldProps || {}, {
         span: a.span
       }), null, 16, ["span"]))), 128))]),
-      _: 1
-    }, 16, ["onSubmit", "onReset", "submit-loading"])], 6)) : P("", !0), I("div", {
-      class: h(e.card ? r(C)("table-wrapper") : null),
-      style: x(e.tableWrapperStyle)
-    }, [v(e.$slots, "title"), s(r(ae), c({
-      class: r(V) === "admin" ? r(g)("table-admin") : r(g)("table")
-    }, W.value, {
-      onChange: r(j),
-      columns: y.value
-    }), J({
-      headerCell: f(({
+      _: 2
+    }, [R.searchFormExtra ? {
+      name: "extra",
+      fn: p(() => [S(e.$slots, "searchFormExtra")]),
+      key: "0"
+    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : k("", !0), E("div", {
+      ref_key: "contentRef",
+      ref: _,
+      class: F([l(y)("table-wrapper"), e.card ? l(y)("table-wrapper-card") : null]),
+      style: v(e.tableWrapperStyle)
+    }, [S(e.$slots, "title"), s(l(de), m({
+      class: l(D) === "admin" ? l(c)("table-admin") : l(c)("table")
+    }, H.value, {
+      onChange: l(M),
+      columns: h.value
+    }), P({
+      headerCell: p(({
         column: a,
         title: o
-      }) => [a.tooltip ? (p(), m("span", Ce, [I("span", null, X(o), 1), s(r(te), {
+      }) => [a.tooltip ? (i(), g("span", Be, [E("span", null, oe(o), 1), s(l(se), {
         title: a.tooltip,
         placement: "bottom"
       }, {
-        default: f(() => [s(r(ue), {
+        default: p(() => [s(l(ge), {
           style: {
             color: "#0070ff",
             "padding-left": "4px"
           }
         })]),
         _: 2
-      }, 1032, ["title"])])) : P("", !0)]),
+      }, 1032, ["title"])])) : k("", !0)]),
       _: 2
-    }, [B(r(se)(e.$slots, "title"), (a, o) => ({
+    }, [I(l(me)(R, ["title", "searchFormExtra"]), (a, o) => ({
       name: o,
-      fn: f((n) => [v(e.$slots, o, Y(Z(n || {})))])
+      fn: p((n) => [S(e.$slots, o, re(le(n || {})))])
     }))]), 1040, ["class", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  Ee as default
+  Ae as default
 };

package/es/src/ap-table/hooks/use-table-content-height.d.ts

@@ -0,0 +1,9 @@
+import { Ref, ComputedRef } from 'vue';
+export type TableContentHeightOptions = {
+    offset?: number;
+};
+declare const useTableContentHeight: (options?: TableContentHeightOptions) => {
+    contentRef: Ref<HTMLDivElement | undefined>;
+    height: ComputedRef<number>;
+};
+export default useTableContentHeight;

package/es/src/ap-table/hooks/use-table-content-height.mjs

@@ -0,0 +1,39 @@
+import { useElementSize as d } from "@vueuse/core";
+import { ref as g, computed as H, unref as l, onUpdated as S } from "vue";
+function f(t) {
+  if (!t)
+    return 0;
+  const e = parseFloat(t);
+  return Number.isNaN(e) ? 0 : e;
+}
+function h(t) {
+  if (!t)
+    return 0;
+  const e = getComputedStyle(t);
+  return t.clientHeight + f(e.marginTop) + f(e.marginBottom);
+}
+const v = (t) => {
+  const e = g(), { height: s } = d(e), a = g();
+  let i = !1;
+  const m = H(() => {
+    var o, u, c;
+    const r = ((u = (o = e.value) == null ? void 0 : o.querySelector(".ant-table-header")) == null ? void 0 : u.clientHeight) || 47, n = (c = e.value) == null ? void 0 : c.querySelector(".ant-pagination"), p = n ? h(n) : l(a);
+    return n && (i = !0), Math.ceil(
+      l(s) - r - (p || 0) - ((t == null ? void 0 : t.offset) || 0)
+    );
+  });
+  return S(() => {
+    var n;
+    if (i)
+      return;
+    const r = (n = e.value) == null ? void 0 : n.querySelector(".ant-pagination");
+    if (!r) {
+      a.value = 0;
+      return;
+    }
+    a.value = h(r), i = !0;
+  }), { contentRef: e, height: m };
+};
+export {
+  v as default
+};

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

@@ -62,7 +62,7 @@ export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters'>
         multiple?: number;
     };
 };
-export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = ExtraProColumnType<any> & {
+export type ApColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = ExtraProColumnType<RecordType> & {
     children?: ApColumnType<any, RecordType>[];
     /**
      * 表单项所占据的格子数（1-24格）
@@ -199,6 +199,10 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
      * 表格尺寸（只支持中等大小和小尺寸）
      */
     size?: 'middle' | 'small';
+    /**
+     * 表格是否自适应高度
+     */
+    adaptive?: boolean;
 };
 export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

package/es/src/ap-table/style/ap-table.css

@@ -2,6 +2,30 @@
   padding: 16px;
   background-color: #fff;
 }
+.aplus-ap-table-adaptive {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ap-table-adaptive .ant-table-wrapper,
+.aplus-ap-table-adaptive .ant-spin-nested-loading,
+.aplus-ap-table-adaptive .ant-spin-container {
+  height: 100%;
+}
+.aplus-ap-table-adaptive .ant-spin-container {
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ap-table-adaptive .ant-table {
+  flex: 1;
+}
+.aplus-ap-table-adaptive .ant-table-container,
+.aplus-ap-table-adaptive .ant-table-content {
+  height: 100%;
+}
+.aplus-ap-table-adaptive .ant-table-content > table {
+  height: 100%;
+}
 .aplus-ap-table__search-wrapper {
   padding: 16px;
   padding-bottom: 0;
@@ -9,8 +33,12 @@
   margin-bottom: 16px;
 }
 .aplus-ap-table__table-wrapper {
+  flex: 1;
+}
+.aplus-ap-table__table-wrapper-card {
   padding: 16px;
   background-color: #fff;
+  overflow: hidden;
 }
 .aplus-ap-table-table .ant-pagination {
   margin-bottom: 0 !important;