@aplus-frontend/ui 0.3.9 → 0.3.11

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

@@ -1,12 +1,12 @@
-import { defineComponent as Te, useSlots as Fe, ref as P, computed as s, unref as l, createVNode as y, Fragment as q, watchEffect as xe, watch as G, openBlock as p, createElementBlock as T, normalizeClass as f, normalizeStyle as M, mergeProps as w, createSlots as _, withCtx as F, renderList as J, createBlock as Q, resolveDynamicComponent as Be, renderSlot as h, createCommentVNode as X, createElementVNode as I, normalizeProps as ke, guardReactiveProps as ze } from "vue";
+import { defineComponent as Te, useSlots as Fe, ref as P, computed as s, unref as l, createVNode as g, Fragment as q, watchEffect as xe, watch as G, openBlock as p, createElementBlock as T, normalizeClass as f, normalizeStyle as M, mergeProps as w, createSlots as _, withCtx as F, renderList as J, createBlock as Q, resolveDynamicComponent as Be, renderSlot as b, createCommentVNode as X, createElementVNode as I, normalizeProps as ke, guardReactiveProps as ze } from "vue";
 import { Divider as Pe, Table as Ie } from "@aplus-frontend/antdv";
 import { useToken as Ne } from "@aplus-frontend/antdv/es/theme/internal";
 import { ApForm as Ee } from "../ap-form/index.mjs";
 import { noRenderAsFormItemValueList as Y } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as Ke } from "./hooks/use-table-paging.mjs";
-import { isUndefined as m, omit as Z, isBoolean as Le } from "lodash-unified";
-import { getColumnOrder as ee, updateFormProps as Oe, getFieldProps as Ve, getSearchFormItemRenderNode as Ae, recursionApColumns as ae, apColumnToColumn as De, getTableTitle as je, getTableRenderType as $e, getTableRenderProps as We, getTableCellRenderNode as He, falseToUndefined as Ue } from "./utils.mjs";
+import { useTablePaging as Ke } from "./hooks/use-table-paging-ng.mjs";
+import { isUndefined as m, omit as Z, isBoolean as Oe } from "lodash-unified";
+import { getColumnOrder as ee, updateFormProps as Le, getFieldProps as Ve, getSearchFormItemRenderNode as Ae, recursionApColumns as ae, apColumnToColumn as De, getTableTitle as je, getTableRenderType as $e, getTableRenderProps as We, getTableCellRenderNode as He, falseToUndefined as Ue } from "./utils.mjs";
 import qe from "./hooks/use-table-content-height.mjs";
 import Ge from "./hooks/use-table-row-selection.mjs";
 import { isDef as Me } from "../utils/index.mjs";
@@ -17,7 +17,7 @@ import { useNamespace as Je } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as Qe } from "../config-provider/hooks/use-global-config.mjs";
 import Xe from "./components/paragraph-ellipsis/index.vue2.mjs";
 import Ye from "./components/setting/modal/index.vue2.mjs";
-const ha = /* @__PURE__ */ Te({
+const ba = /* @__PURE__ */ Te({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -146,17 +146,17 @@ const ha = /* @__PURE__ */ Te({
   }) {
     const a = oe;
     let N = 0;
-    const S = Fe(), [, re] = Ne(), {
+    const h = Fe(), [, re] = Ne(), {
       e: x,
       b: i,
       be: E
     } = Je("ap-table"), K = Qe("valueTypeMap"), {
       height: le,
       contentRef: ne
-    } = qe(), B = P(a.size), u = P([]), L = P([]);
+    } = qe(), B = P(a.size), u = P([]), O = P([]);
     _e({
       columns: s(() => u.value),
-      columnsBackup: s(() => L.value),
+      columnsBackup: s(() => O.value),
       size: s(() => B.value),
       updateColumns(e) {
         u.value = e;
@@ -165,13 +165,13 @@ const ha = /* @__PURE__ */ Te({
         B.value = e;
       }
     });
-    const O = s(() => {
+    const L = s(() => {
       var e, t, o;
       return N++, ((o = (t = (e = a.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !Y.includes(r.valueType))) == null ? void 0 : t.sort((r, d) => {
         let n = ee(r.order);
         return ee(d.order) - n;
       })) == null ? void 0 : o.map((r) => {
-        const d = Oe(r, Ve(r.fieldProps, {})), n = {
+        const d = Le(r, Ve(r.fieldProps, {})), n = {
           ...r,
           fieldProps: {
             label: r.title,
@@ -189,10 +189,10 @@ const ha = /* @__PURE__ */ Te({
     }).filter(Boolean)), de = s(() => ae(l(u), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), ue = s(() => m(a.dataSource) ? v.value.records : a.dataSource), {
-      rowSelection: b,
-      selectedRows: C,
-      ...R
+    }).filter(Boolean)), ue = s(() => m(a.dataSource) ? v.records : a.dataSource), {
+      rowSelection: S,
+      selectedRows: R,
+      ...C
     } = Ge({
       fixed: !0,
       ...a.rowSelection === !0 ? {} : a.rowSelection,
@@ -210,7 +210,7 @@ const ha = /* @__PURE__ */ Te({
     } = Ke({
       async request(e) {
         var o, r;
-        if (!b.value.preserveSelectedRowKeys && m(a.dataSource) && R.clearAll(), !m(a.dataSource))
+        if (!S.value.preserveSelectedRowKeys && m(a.dataSource) && C.clearAll(), !m(a.dataSource))
           return {
             data: a.dataSource || [],
             total: a.dataSource.length || 0
@@ -226,12 +226,8 @@ const ha = /* @__PURE__ */ Te({
       defaultParams: a.params,
       defaultData: a.defaultData,
       manual: a.manual,
-      defaultCurrent: a.pagination ? a.pagination.defaultCurrent : void 0,
-      defaultPageSize: a.pagination ? a.pagination.defaultPageSize : void 0,
       formatParams: a.beforeSearchSubmit,
-      showLessItems: a.pagination ? a.pagination.showLessItems : void 0,
-      showTotal: a.pagination ? a.pagination.showTotal : void 0,
-      pagination: a.pagination !== !1
+      pagination: a.pagination
     }), fe = () => {
       var o;
       let e = ((o = a.columns) == null ? void 0 : o.filter((r) => !r.hideInTable)) || [];
@@ -241,29 +237,29 @@ const ha = /* @__PURE__ */ Te({
           ...Z(De(n), ["ellipsis"]),
           ...pe(n),
           fixed: d ? d.fixed : n.fixed,
-          title: je(n, E("table-header", "title"), S.headerCell, l(re).colorPrimary),
+          title: je(n, E("table-header", "title"), h.headerCell, l(re).colorPrimary),
           customRender({
             value: c,
-            ...g
+            ...y
           }) {
             var H, U;
-            const $ = $e(n), Ce = We({
+            const $ = $e(n), Re = We({
               ...n,
               valueType: $
             }, {
               value: c,
-              ...g
-            }), Re = He($, Ce, g.record, l(K)), W = ((H = n.renderText) == null ? void 0 : H.call(n, {
+              ...y
+            }), Ce = He($, Re, y.record, l(K)), W = ((H = n.renderText) == null ? void 0 : H.call(n, {
               value: c,
-              ...g
-            })) || c, ve = n.renderText ? y(q, null, [(U = n.renderText) == null ? void 0 : U.call(n, {
+              ...y
+            })) || c, ve = n.renderText ? g(q, null, [(U = n.renderText) == null ? void 0 : U.call(n, {
               value: c,
-              ...g
-            })]) : Re;
+              ...y
+            })]) : Ce;
             let z = we(n, W, ve);
             return n.customRender && (z = n.customRender({
               value: c,
-              ...g,
+              ...y,
               column: n,
               originalNode: z,
               originalText: W
@@ -276,18 +272,18 @@ const ha = /* @__PURE__ */ Te({
     };
     xe(() => {
       const e = fe();
-      u.value = e, L.value = e;
+      u.value = e, O.value = e;
     });
     const me = s(() => {
       var t, o;
-      if (a.adaptive && (v.value.total > 0 || ((t = a.dataSource) == null ? void 0 : t.length)))
+      if (a.adaptive && (v.total > 0 || ((t = a.dataSource) == null ? void 0 : t.length)))
         return {
           y: l(le),
           x: ((o = a.scroll) == null ? void 0 : o.x) || "100%"
         };
       if (a.scroll)
         return a.scroll;
-    }), ge = s(() => {
+    }), ye = s(() => {
       var e;
       if (a.tableLayout)
         return a.tableLayout;
@@ -295,7 +291,7 @@ const ha = /* @__PURE__ */ Te({
         return "fixed";
     }), j = s(() => {
       var o;
-      const e = l(D), t = l(b);
+      const e = l(D), t = l(S);
       return {
         ...a,
         ...e,
@@ -308,11 +304,11 @@ const ha = /* @__PURE__ */ Te({
         pagination: a.pagination === !1 ? !1 : e.pagination,
         scroll: l(me)
       };
-    }), ye = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
+    }), ge = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
     function we(e, t, o) {
-      return Y.includes(e.valueType) ? o : e.copyable || e.ellipsis ? y(Xe, {
+      return Y.includes(e.valueType) ? o : e.copyable || e.ellipsis ? g(Xe, {
         copyable: e.copyable,
-        ellipsis: e.ellipsis ? Le(e.ellipsis) ? {
+        ellipsis: e.ellipsis ? Oe(e.ellipsis) ? {
           tooltip: o,
           rows: 1
         } : {
@@ -330,37 +326,37 @@ const ha = /* @__PURE__ */ Te({
     }, {
       immediate: !0
     });
-    function he(e) {
+    function be(e) {
       var t, o, r;
       (r = (o = (t = k.value) == null ? void 0 : t.apForm) == null ? void 0 : o.setFieldsValue) == null || r.call(o, e);
     }
-    function Se(e = !1) {
+    function he(e = !1) {
       var o, r, d;
       const t = e ? "getFieldsValueTransformed" : "getFieldsValue";
       return (d = (r = (o = k.value) == null ? void 0 : o.apForm) == null ? void 0 : r[t]) == null ? void 0 : d.call(r, !0);
     }
-    function be() {
+    function Se() {
       return l(u);
     }
     return te({
       submit: () => V(),
       reset: () => A(),
       refresh: () => ie(),
-      setSearchFormValues: he,
-      getSearchFormValues: Se,
-      getShownColumns: be,
+      setSearchFormValues: be,
+      getSearchFormValues: he,
+      getShownColumns: Se,
       dataSource: s(() => l(v).records),
       rowSelection: {
-        selectedRows: s(() => l(C)),
-        ...R
+        selectedRows: s(() => l(R)),
+        ...C
       }
     }), (e, t) => (p(), T("div", {
-      class: f(ye.value)
-    }, [l(m)(e.dataSource) && e.searchForm !== !1 && O.value.length > 0 ? (p(), T("div", {
+      class: f(ge.value)
+    }, [l(m)(e.dataSource) && e.searchForm !== !1 && L.value.length > 0 ? (p(), T("div", {
       key: 0,
       class: f(e.card ? l(x)("search-wrapper") : null),
       style: M(e.searchFormWrapperStyle)
-    }, [y(l(Ee).SearchForm, w(e.searchForm || {}, {
+    }, [g(l(Ee).SearchForm, w(e.searchForm || {}, {
       ref_key: "formRef",
       ref: k,
       "custom-reset": "",
@@ -368,16 +364,16 @@ const ha = /* @__PURE__ */ Te({
       onSubmit: l(V),
       onReset: l(A)
     }), _({
-      default: F(() => [(p(!0), T(q, null, J(O.value, (o) => (p(), Q(Be(o.renderNode), w({
+      default: F(() => [(p(!0), T(q, null, J(L.value, (o) => (p(), Q(Be(o.renderNode), w({
         key: o.dataIndex,
         ref_for: !0
       }, o.fieldProps || {}, {
         span: o.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
-    }, [S.searchFormExtra ? {
+    }, [h.searchFormExtra ? {
       name: "extra",
-      fn: F(() => [h(e.$slots, "searchFormExtra")]),
+      fn: F(() => [b(e.$slots, "searchFormExtra")]),
       key: "0"
     } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : X("", !0), I("div", {
       ref_key: "contentRef",
@@ -391,40 +387,40 @@ const ha = /* @__PURE__ */ Te({
       class: f(l(i)("header"))
     }, [I("div", {
       class: f(l(E)("header", "title"))
-    }, [h(e.$slots, "title", w({
-      selectedRows: l(C),
-      selectedRowKeys: l(b).selectedRowKeys,
+    }, [b(e.$slots, "title", w({
+      selectedRows: l(R),
+      selectedRowKeys: l(S).selectedRowKeys,
       shownColumns: u.value
-    }, R))], 2), S.title ? (p(), Q(l(Pe), {
+    }, C))], 2), h.title ? (p(), Q(l(Pe), {
       key: 0,
       type: "vertical"
-    })) : X("", !0), y(Ye, {
+    })) : X("", !0), g(Ye, {
       config: e.settings === !0 ? {} : e.settings
-    }, null, 8, ["config"])], 2)) : h(e.$slots, "title", w({
+    }, null, 8, ["config"])], 2)) : b(e.$slots, "title", w({
       key: 1,
-      selectedRows: l(C),
-      selectedRowKeys: l(b).selectedRowKeys,
+      selectedRows: l(R),
+      selectedRowKeys: l(S).selectedRowKeys,
       shownColumns: u.value
-    }, R))], 2), y(l(Ie), w({
+    }, C))], 2), g(l(Ie), w({
       class: l(i)("table")
     }, j.value, {
       size: B.value,
-      "table-layout": ge.value,
+      "table-layout": ye.value,
       columns: u.value,
       onResizeColumn: t[0] || (t[0] = (o, r) => r.width = o)
     }), _({
-      summary: F(() => [h(e.$slots, "summary", {
+      summary: F(() => [b(e.$slots, "summary", {
         columns: u.value,
         records: j.value.dataSource,
-        selectedRows: l(C)
+        selectedRows: l(R)
       })]),
       _: 2
-    }, [J(l(Z)(S, ["title", "searchFormExtra", "headerCell", "summary"]), (o, r) => ({
+    }, [J(l(Z)(h, ["title", "searchFormExtra", "headerCell", "summary"]), (o, r) => ({
       name: r,
-      fn: F((d) => [h(e.$slots, r, ke(ze(d || {})))])
+      fn: F((d) => [b(e.$slots, r, ke(ze(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));
   }
 });
 export {
-  ha as default
+  ba as default
 };

package/es/src/ap-table/hooks/use-table-paging-ng.d.ts

@@ -0,0 +1,87 @@
+import { DataIndex } from '@aplus-frontend/antdv/es/vc-table/interface';
+import { Ref, ComputedRef } from 'vue';
+import { ApTablePaginationConfig, RequestData } from '../interface';
+import { Recordable } from '../../type';
+import { ApFormSearchFormExpose } from '../../ap-form';
+import { TablePaginationConfig } from '@aplus-frontend/antdv';
+import { FilterValue, SorterResult, TableCurrentDataSource } from '@aplus-frontend/antdv/es/table/interface';
+import { ApColumnType } from '..';
+export type UseTablePagingParams<DataType, ParamsType> = {
+    request: (params: any) => Promise<RequestData<DataType>>;
+    /**
+     * 是否手动执行，页面初始化后不执行网络请求，需要手动触发
+     * @param params
+     * @returns
+     */
+    manual?: boolean;
+    /**
+     * 额外的默认请求参数
+     * @description 如果传入响应式数据，将会在数据改变后重新请求
+     */
+    defaultParams?: ParamsType | Ref<ParamsType>;
+    /**
+     * 默认的数据源（只生效一次）
+     */
+    defaultData?: DataType[];
+    /**
+     * 数据请求前格式化请求参数
+     * @param values
+     * @returns
+     */
+    formatParams?: (values: any) => any;
+    /**
+     * 特殊类型参数类型对照表（会根据该对照表运行默认的参数格式化）
+     */
+    paramsValueTypeMap?: Record<string, any>;
+    /**
+     * 重设表单需要忽略的字段
+     */
+    resetFieldsIgnores?: string[];
+    /**
+     * 需要后端筛选的字段列表
+     */
+    filterFields?: Ref<DataIndex[]>;
+    /**
+     * 需要后端筛选的排序字段列表
+     */
+    sortFields?: Ref<DataIndex[]>;
+    /**
+     * 分页相关
+     */
+    pagination?: boolean | ApTablePaginationConfig;
+};
+type InternalDataType<DataType = Recordable> = {
+    total: number;
+    records: DataType[];
+    loading: boolean;
+};
+export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields, pagination }: UseTablePagingParams<DataType, ParamsType>) => {
+    formRef: Ref<ApFormSearchFormExpose | undefined, ApFormSearchFormExpose | undefined>;
+    submit: () => void;
+    reset: () => void;
+    refresh: () => void;
+    refreshByDelete: (n: number) => void;
+    data: InternalDataType<DataType>;
+    current: number | undefined;
+    pageSize: number | undefined;
+    handleTableChange: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void;
+    tableProps: ComputedRef<{
+        loading: boolean;
+        pagination: {
+            current: number;
+            pageSize: number;
+            total: number;
+            showSizeChanger: boolean;
+            showQuickJumper: boolean;
+            showLessItems: boolean | undefined;
+            size: string;
+            showTotal: ((total: number) => import("vue/jsx-runtime").JSX.Element) | undefined;
+        };
+        onChange: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void;
+        dataSource: DataType[];
+    }>;
+    dataSource: ComputedRef<DataType[]>;
+    setDataSource: (dataSource?: DataType[]) => void;
+    getColumnSFConfig: (column: ApColumnType) => Recordable;
+};
+export {};

package/es/src/ap-table/hooks/use-table-paging-ng.mjs

@@ -0,0 +1,209 @@
+import { ref as ee, reactive as q, unref as h, nextTick as te, onMounted as re, watch as oe, computed as A, createVNode as x } from "vue";
+import { useTableSortedAndFiltered as ne } from "./use-sorted-filtered.mjs";
+import "../../config-provider/index.mjs";
+import { parseFieldValue as ae, dataIndexToStr as se, isEqualCustom as ce } from "../utils.mjs";
+import { isArray as I, isEqualWith as ie } from "lodash-unified";
+import { useLocale as le } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ue } from "../../config-provider/hooks/use-namespace.mjs";
+const C = 1, N = 10;
+function fe(g) {
+  const l = {};
+  return g && (g === !0 ? (l.current = C, l.pageSize = N) : (l.current = g.defaultCurrent || C, l.pageSize = g.defaultPageSize || N)), l;
+}
+const Te = ({
+  manual: g = !1,
+  request: l,
+  defaultParams: L = {},
+  defaultData: v = [],
+  formatParams: y,
+  paramsValueTypeMap: D,
+  resetFieldsIgnores: R,
+  filterFields: U,
+  sortFields: B,
+  pagination: p = {
+    defaultCurrent: 1,
+    defaultPageSize: 10,
+    showLessItems: !1,
+    showTotal: !0
+  }
+}) => {
+  let b = 0, s = {};
+  const K = p ?? {}, M = (e) => y ? y(e) : e, S = ee(), c = q(fe(p)), {
+    getColumnSFConfig: $,
+    setSF: G,
+    clearAll: J
+  } = ne(), {
+    t: z
+  } = le(), {
+    b: T
+  } = ue("ap-table"), o = q({
+    total: v.length,
+    records: v,
+    loading: !1
+  }), P = () => {
+    var e, t;
+    return ((t = (e = S.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValueTransformed(!0)) || {};
+  }, V = async (e) => {
+    var n;
+    const t = M(e), r = Date.now();
+    b = r, o.loading = !0;
+    try {
+      const a = await l({
+        ...h(L),
+        ...t
+      });
+      b === r && (o.total = a.total || ((n = a.data) == null ? void 0 : n.length) || 0, o.records = [...a.data || []]);
+    } catch {
+      b === r && (o.records = [], o.total = 0);
+    } finally {
+      o.loading = !1;
+    }
+  }, O = (e) => {
+    const t = {};
+    return Object.entries(e).forEach(([r, n]) => {
+      if (t[r] = n, D && n) {
+        const a = D[r];
+        a && (t[r] = ae(a, n));
+      }
+    }), t;
+  }, Q = async (e) => {
+    var n, a, u, f, d;
+    const t = P(), r = {};
+    Object.entries(t).forEach(([m, w]) => {
+      R && R.indexOf(m) > -1 && (r[m] = w);
+    }), await ((a = (n = S.value) == null ? void 0 : n.apForm) == null ? void 0 : a.resetFields()), (d = (f = (u = S.value) == null ? void 0 : u.apForm) == null ? void 0 : f.setFieldsValue) == null || d.call(f, r), te(() => {
+      e == null || e();
+    });
+  }, F = (e) => {
+    s = e;
+    const t = O(e);
+    V(t);
+  }, W = (e) => {
+    F({
+      ...s,
+      ...e
+    });
+  }, E = () => {
+    const e = P();
+    p && (c.current = C), F({
+      ...e,
+      filter: s.filter,
+      sort: s.sort,
+      current: p ? C : void 0,
+      pageSize: p ? s.pageSize || c.pageSize : void 0
+    });
+  }, Z = () => {
+    J(), s.sort = {}, s.filter = {}, Q(E);
+  }, _ = () => {
+    F(s);
+  }, H = (e) => {
+    if (!p)
+      _();
+    else {
+      const {
+        current: t,
+        pageSize: r
+      } = c, n = o.total - e, a = Math.ceil(n / r), u = t > a ? a : t;
+      W({
+        current: u > 0 ? u : 1
+      });
+    }
+  }, j = (e, t, r) => {
+    var m, w;
+    const n = P();
+    c.current = e.current, c.pageSize = e.pageSize, G(t, r);
+    const a = I(r) ? [...r] : [r], u = {};
+    for (const i of a)
+      (m = h(B)) != null && m.includes(i.columnKey || i.field) && i.order && (u[se(i.columnKey || i.field)] = i.order);
+    const f = {};
+    for (const i of Object.keys(t))
+      (w = h(U)) != null && w.includes(i) && t[i] && (f[i] = t[i]);
+    const d = {
+      ...n,
+      filter: f,
+      sort: u,
+      current: e.current,
+      pageSize: e.pageSize
+    };
+    ie(s, d, ce) || F(d);
+  };
+  re(() => {
+    const e = P(), {
+      current: t,
+      pageSize: r
+    } = c;
+    if (s = {
+      current: t,
+      pageSize: r,
+      filter: {},
+      sort: {},
+      ...e
+    }, !g) {
+      const n = O(s);
+      V(n);
+    }
+  }), oe(() => h(L), () => {
+    E();
+  }, {
+    deep: !0
+  });
+  const X = A(() => {
+    if (o.total === 0)
+      return "-";
+    const {
+      current: e,
+      pageSize: t
+    } = c;
+    return `${e}/${Math.ceil(o.total / t)}`;
+  });
+  function Y(e) {
+    I(e) && (o.records = e, o.total = e.length);
+  }
+  const k = A(() => {
+    const {
+      showLessItems: e,
+      showTotal: t
+    } = K;
+    return {
+      loading: o.loading,
+      pagination: {
+        current: c.current,
+        pageSize: c.pageSize,
+        total: o.total,
+        showSizeChanger: !e,
+        showQuickJumper: !e,
+        showLessItems: e,
+        size: "default",
+        showTotal: t ? (r) => x("span", {
+          class: T("pagination-total-wrapper")
+        }, [z("ap.apTable.pagination.totalLeftPrefix"), " ", x("span", {
+          class: T("pagination-count-text")
+        }, [r]), " ", z("ap.apTable.pagination.totalLeftSuffix"), x("span", {
+          class: T("pagination--total-right")
+        }, [z("ap.apTable.pagination.totalRightPrefix"), " ", x("span", {
+          class: T("pagination-count-text")
+        }, [h(X)]), " ", z("ap.apTable.pagination.totalRightSuffix")])]) : void 0
+      },
+      onChange: j,
+      dataSource: o.records
+    };
+  });
+  return {
+    formRef: S,
+    submit: E,
+    reset: Z,
+    refresh: _,
+    refreshByDelete: H,
+    data: o,
+    current: c.current,
+    pageSize: c.pageSize,
+    handleTableChange: j,
+    tableProps: k,
+    dataSource: A(() => o.records),
+    setDataSource: Y,
+    getColumnSFConfig: $
+  };
+};
+export {
+  Te as useTablePaging
+};

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

@@ -67,6 +67,12 @@ export type UseTablePagingParams<DataType, ParamsType> = {
      */
     pagination?: boolean;
 };
+/**
+ * ApTable表格分页请求和管理数据实现
+ * @deprecated 已弃用，将在下一个次要版本移出，请自行实现
+ * @param param0
+ * @returns
+ */
 export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, defaultCurrent, defaultPageSize, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields, showLessItems, showTotal, pagination }: UseTablePagingParams<DataType, ParamsType>) => {
     formRef: Ref<ApFormSearchFormExpose | undefined, ApFormSearchFormExpose | undefined>;
     submit: () => void;

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

@@ -3,7 +3,7 @@ import { CompareFn, SortOrder, TableRowSelection } from '@aplus-frontend/antdv/e
 import { ApFormItemProps, ApFormSearchFormProps } from '../ap-form';
 import { ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextPasswordProps, ApFormItemTextProps } from '../ap-form/items/interface';
 import { Recordable } from '../type';
-import { ComputedRef, CSSProperties, VNode } from 'vue';
+import { ComputedRef, CSSProperties, Ref, VNode } from 'vue';
 import { ApActionGroupProps } from '../ap-action';
 import { ApTableIndexProps } from './components/interface';
 import { EllipsisConfig } from '@aplus-frontend/antdv/es/typography/Base';
@@ -243,9 +243,10 @@ export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<R
      */
     card?: boolean;
     /**
-     * request额外请求的参数，这些参数在变更时将不会自动发起网络请求
+     * request额外请求的参数
+     * 如果传入响应式数据，将会在变更后重新执行
      */
-    params?: ParamsType;
+    params?: ParamsType | Ref<ParamsType>;
     /**
      * 自定义渲染搜索表单
      * @deprecated 未实现 暂不可用

package/es/src/business/ap-select-layout/index.d.ts

@@ -23,6 +23,7 @@ declare const ApSelectLayout: (<T extends ApSelectItem>(__VLS_props: NonNullable
         request: () => Promise<T[]>;
         onSearch?: ((item: T, val: string) => boolean) | undefined;
         defaultFold?: boolean | undefined;
+        defaultValue?: string | undefined;
     } & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;

package/es/src/business/ap-select-layout/interface.d.ts

@@ -7,4 +7,5 @@ export interface ApSelectLayoutProps<T extends ApSelectItem> {
     request: () => Promise<T[]>;
     onSearch?: (item: T, val: string) => boolean;
     defaultFold?: boolean;
+    defaultValue?: string;
 }