@aplus-frontend/ui 0.3.9 → 0.3.10

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;
 }

package/es/src/business/ap-select-layout/select-layout.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as O, ref as r, computed as U, onMounted as W, openBlock as f, createElementBlock as p, normalizeClass as o, unref as t, createVNode as d, Transition as z, withCtx as c, withDirectives as E, createElementVNode as s, toDisplayString as $, createTextVNode as x, Fragment as R, renderList as _, renderSlot as A, vShow as N, createCommentVNode as j } from "vue";
+import { defineComponent as O, ref as r, computed as U, onMounted as W, openBlock as p, createElementBlock as m, normalizeClass as a, unref as t, createVNode as d, Transition as z, withCtx as c, withDirectives as V, createElementVNode as s, toDisplayString as E, createTextVNode as $, Fragment as R, renderList as _, renderSlot as x, vShow as A, createCommentVNode as j } from "vue";
 import "../../ap-field/index.mjs";
 import { IconApLeftarrow as G, IconApMenu as H } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { Tooltip as V, TypographyText as J } from "@aplus-frontend/antdv";
+import { Tooltip as N, TypographyText as J } from "@aplus-frontend/antdv";
 import { debounce as K } from "lodash-unified";
 import { useNamespace as P } from "../../config-provider/hooks/use-namespace.mjs";
 import { ApFieldText as Q } from "../../ap-field/text/index.mjs";
@@ -12,37 +12,38 @@ const X = ["onClick"], re = /* @__PURE__ */ O({
     title: {},
     request: {},
     onSearch: {},
-    defaultFold: { type: Boolean, default: !1 }
+    defaultFold: { type: Boolean, default: !1 },
+    defaultValue: { default: "" }
   },
   emits: ["onSelect", "afterEnter", "afterLeave"],
   setup(w, { emit: B }) {
-    const { b: m, be: h, bem: i } = P("ap-select-layout"), a = w, y = B, C = r(), v = r(a.defaultFold), g = r(!a.defaultFold), S = r(), T = r(), b = r(), k = r(""), L = () => {
-      v.value = !v.value, S.value = !1, T.value = !1;
-    }, F = (n) => {
-      b.value = n, y("onSelect", n);
-    }, q = K((n) => {
+    const { b: h, be: y, bem: u } = P("ap-select-layout"), o = w, C = B, g = r(), v = r(o.defaultFold), S = r(!o.defaultFold), T = r(), b = r(), k = r(), f = r(o.defaultValue), L = () => {
+      v.value = !v.value, T.value = !1, b.value = !1;
+    }, F = (l) => {
+      k.value = l, C("onSelect", l);
+    }, q = K((l) => {
       var e;
-      k.value = (e = n.target) == null ? void 0 : e.value;
+      f.value = (e = l.target) == null ? void 0 : e.value;
     }, 500), D = U(() => {
-      var n;
-      return (n = C.value) == null ? void 0 : n.filter((e) => {
-        var u, l;
-        return a != null && a.onSearch ? (u = a.onSearch) == null ? void 0 : u.call(a, e, k.value) : (l = e == null ? void 0 : e.name) == null ? void 0 : l.includes(k.value);
+      var l;
+      return (l = g.value) == null ? void 0 : l.filter((e) => {
+        var i, n;
+        return o != null && o.onSearch ? (i = o.onSearch) == null ? void 0 : i.call(o, e, f.value) : (n = e == null ? void 0 : e.name) == null ? void 0 : n.includes(f.value);
       });
-    }), I = (n) => {
-      g.value = !0, y("afterEnter", n);
-    }, M = (n) => {
-      g.value = !1, y("afterLeave", n);
+    }), I = (l) => {
+      S.value = !0, C("afterEnter", l);
+    }, M = (l) => {
+      S.value = !1, C("afterLeave", l);
     };
     return W(() => {
-      a.request().then((n) => {
+      o.request().then((l) => {
         var e;
-        C.value = n, F((e = C.value) == null ? void 0 : e[0]);
+        g.value = l, F((e = g.value) == null ? void 0 : e[0]);
       });
-    }), (n, e) => {
-      var u;
-      return f(), p("div", {
-        class: o(t(m)())
+    }), (l, e) => {
+      var i;
+      return p(), m("div", {
+        class: a(t(h)())
       }, [
         d(z, {
           mode: "out-in",
@@ -50,22 +51,22 @@ const X = ["onClick"], re = /* @__PURE__ */ O({
           onAfterLeave: M
         }, {
           default: c(() => [
-            E(s("div", {
-              class: o(t(m)("side"))
+            V(s("div", {
+              class: a(t(h)("side"))
             }, [
               s("div", {
-                class: o(t(h)("side", "header"))
+                class: a(t(y)("side", "header"))
               }, [
-                s("h3", null, $(a.title), 1),
+                s("h3", null, E(o.title), 1),
                 s("div", {
-                  class: o(t(i)("side", "header", "imgWrap"))
+                  class: a(t(u)("side", "header", "imgWrap"))
                 }, [
-                  d(t(V), {
-                    open: S.value,
-                    "onUpdate:open": e[0] || (e[0] = (l) => S.value = l)
+                  d(t(N), {
+                    open: T.value,
+                    "onUpdate:open": e[0] || (e[0] = (n) => T.value = n)
                   }, {
                     title: c(() => e[2] || (e[2] = [
-                      x("收起")
+                      $("收起")
                     ])),
                     default: c(() => [
                       d(t(G), { onClick: L })
@@ -75,57 +76,58 @@ const X = ["onClick"], re = /* @__PURE__ */ O({
                 ], 2)
               ], 2),
               s("div", {
-                class: o(t(h)("side", "body"))
+                class: a(t(y)("side", "body"))
               }, [
                 s("div", {
-                  class: o(t(i)("side", "body", "search"))
+                  class: a(t(u)("side", "body", "search"))
                 }, [
                   d(t(Q), {
                     placeholder: "请输入",
+                    value: f.value,
                     onChange: t(q)
-                  }, null, 8, ["onChange"])
+                  }, null, 8, ["value", "onChange"])
                 ], 2),
                 s("div", {
-                  class: o(t(i)("side", "body", "scroll"))
+                  class: a(t(u)("side", "body", "scroll"))
                 }, [
-                  (f(!0), p(R, null, _(D.value, (l) => E((f(), p("div", {
-                    key: l.value,
-                    class: o(`${t(i)("side", "body", "scroll-item")} ${b.value === l ? "active" : ""}`),
-                    onClick: (Y) => F(l)
+                  (p(!0), m(R, null, _(D.value, (n) => V((p(), m("div", {
+                    key: n.value,
+                    class: a(`${t(u)("side", "body", "scroll-item")} ${k.value === n ? "active" : ""}`),
+                    onClick: (Y) => F(n)
                   }, [
-                    A(n.$slots, "itemRender", { item: l }, () => [
+                    x(l.$slots, "itemRender", { item: n }, () => [
                       d(t(J), {
-                        ellipsis: { tooltip: l.name },
-                        content: `${l.name}`
+                        ellipsis: { tooltip: n.name },
+                        content: `${n.name}`
                       }, null, 8, ["ellipsis", "content"])
                     ])
                   ], 10, X)), [
-                    [N, g.value]
+                    [A, S.value]
                   ])), 128))
                 ], 2)
               ], 2)
             ], 2), [
-              [N, !v.value]
+              [A, !v.value]
             ])
           ]),
           _: 3
         }),
         s("div", {
-          class: o(t(m)("content"))
+          class: a(t(h)("content"))
         }, [
           s("div", {
-            class: o(t(h)("content", "header"))
+            class: a(t(y)("content", "header"))
           }, [
-            v.value ? (f(), p("div", {
+            v.value ? (p(), m("div", {
               key: 0,
-              class: o(t(i)("content", "header", "imgWrap"))
+              class: a(t(u)("content", "header", "imgWrap"))
             }, [
-              d(t(V), {
-                open: T.value,
-                "onUpdate:open": e[1] || (e[1] = (l) => T.value = l)
+              d(t(N), {
+                open: b.value,
+                "onUpdate:open": e[1] || (e[1] = (n) => b.value = n)
               }, {
                 title: c(() => e[3] || (e[3] = [
-                  x("展开")
+                  $("展开")
                 ])),
                 default: c(() => [
                   d(t(H), { onClick: L })
@@ -134,10 +136,10 @@ const X = ["onClick"], re = /* @__PURE__ */ O({
               }, 8, ["open"])
             ], 2)) : j("", !0),
             s("div", {
-              class: o(t(i)("content", "header", "title"))
-            }, $((u = b.value) == null ? void 0 : u.name), 3)
+              class: a(t(u)("content", "header", "title"))
+            }, E((i = k.value) == null ? void 0 : i.name), 3)
           ], 2),
-          A(n.$slots, "default")
+          x(l.$slots, "default")
         ], 2)
       ], 2);
     };

package/lib/src/ap-list/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@aplus-frontend/antdv");require("../ap-table/index.js");require("../config-provider/index.js");const c=require("lodash-unified"),R=require("./hooks/use-offline-list.js");require("vue-virtual-scroller/dist/vue-virtual-scroller.css");const m=require("vue-virtual-scroller"),$=require("../config-provider/hooks/use-namespace.js"),j=require("../ap-table/hooks/use-table-paging.js"),A=e.defineComponent({__name:"index",props:{dataSource:{},loading:{type:Boolean,default:void 0},onItem:{},params:{},request:{},defaultData:{},onLoadingChange:{},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},manual:{type:Boolean},containerStyle:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},footerWarpperStyle:{type:[Boolean,null,String,Object,Array]},virtual:{default:void 0},rowKey:{}},setup(b,{expose:C}){const z=s.Empty.PRESENTED_IMAGE_SIMPLE,r=b,{b:i,e:P}=$.useNamespace("ap-list"),g=e.ref(),{formRef:p,submit:S,reset:y,handleTableChange:q,data:d,refresh:w,refreshByDelete:D,tableProps:v}=j.useTablePaging({async request(t){var a;const n=await((a=r.request)==null?void 0:a.call(r,t));return{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},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}),E={form:p},{pagination:h,dataSource:V,onChange:I}=R.useOfflineList(r);function N(t,n){if(e.unref(u)){I(t,n);return}q({current:t,pageSize:n},{},{},{currentDataSource:[],action:"paginate"})}const l=e.computed(()=>e.unref(u)?e.unref(V):e.unref(d).records),f=e.computed(()=>c.isUndefined(r.loading)?e.unref(d).loading:r.loading),O=e.computed(()=>{var t,n;return r.pagination===!1||r.virtual?!1:((t=r.pagination)==null?void 0:t.hideOnSinglePage)!==!0?!0:e.unref(u)?(((n=r.dataSource)==null?void 0:n.length)||0)>e.unref(h).pageSize:e.unref(d).total>e.unref(v).pagination.pageSize}),u=e.computed(()=>!c.isUndefined(r.dataSource));e.watch(()=>e.unref(f),t=>{var n;(n=r.onLoadingChange)==null||n.call(r,t)});function T(t){var n,a;(a=(n=g.value)==null?void 0:n.querySelector(t||":first-child"))==null||a.scrollIntoView({behavior:"smooth",block:"center"})}function F(t=!1){var o;const n=(o=p.value)==null?void 0:o.apForm,a=t?n==null?void 0:n.getFieldsValueTransformed:n==null?void 0:n.getFieldsValue;return(a==null?void 0:a())||{}}return C({submit:()=>S(),reset:()=>y(),refresh:()=>w(),refreshByDelete:t=>D(t),scrollToFirstRow:T,getSearchFormValuesIfSetted:F}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(s.Spin),{spinning:f.value,class:e.normalizeClass(e.unref(i)("spin"))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)()),style:e.normalizeStyle(t.containerStyle)},[e.renderSlot(t.$slots,"header",{formIns:E,submit:e.unref(S),reset:e.unref(y)}),l.value.length===0?e.renderSlot(t.$slots,"empty",{key:0,loading:f.value},()=>[e.createVNode(e.unref(s.Empty),{image:e.unref(z)},null,8,["image"])]):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"contentRef",ref:g,style:e.normalizeStyle(t.contentStyle)},[t.virtual?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(c.isNumber)(t.virtual)?(e.openBlock(),e.createBlock(e.unref(m.RecycleScroller),{key:0,class:e.normalizeClass(e.unref(i)("scroll-wrapper")),items:l.value,"item-size":t.virtual,"key-field":r.rowKey||"id"},{default:e.withCtx(({item:a,index:o})=>[e.renderSlot(t.$slots,"renderItem",{item:a,index:o})]),_:3},8,["class","items","item-size","key-field"])):(e.openBlock(),e.createBlock(e.unref(m.DynamicScroller),{key:1,items:l.value,"min-item-size":t.virtual.minItemSize,class:e.normalizeClass(e.unref(i)("scroll-wrapper"))},{default:e.withCtx(({item:a,index:o,active:L})=>{var k,B;return[e.createVNode(e.unref(m.DynamicScrollerItem),{item:a,active:L,"data-index":o,"size-dependencies":(B=(k=t.virtual).sizeDependencies)==null?void 0:B.call(k,a)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"renderItem",{item:a,index:o})]),_:2},1032,["item","active","data-index","size-dependencies"])]}),_:3},8,["items","min-item-size","class"]))],64)):e.renderSlot(t.$slots,"renderContent",{key:1,dataSource:l.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(a,o)=>e.renderSlot(t.$slots,"renderItem",{item:a,index:o})),256))])],4)),O.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(P)("footer")),style:e.normalizeStyle(t.footerWarpperStyle)},[e.createVNode(e.unref(s.Pagination),e.mergeProps(u.value?e.unref(h):e.unref(c.omit)(e.unref(v).pagination,["showTotal"]),{onChange:N}),null,16)],6)):e.createCommentVNode("",!0)],6)]),_:3},8,["spinning","class"]))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@aplus-frontend/antdv"),R=require("../ap-table/hooks/use-table-paging-ng.js");require("../config-provider/index.js");const c=require("lodash-unified"),$=require("./hooks/use-offline-list.js");require("vue-virtual-scroller/dist/vue-virtual-scroller.css");const m=require("vue-virtual-scroller"),j=require("../config-provider/hooks/use-namespace.js"),A=e.defineComponent({__name:"index",props:{dataSource:{},loading:{type:Boolean,default:void 0},onItem:{},params:{},request:{},defaultData:{},onLoadingChange:{},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},manual:{type:Boolean},containerStyle:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},footerWarpperStyle:{type:[Boolean,null,String,Object,Array]},virtual:{default:void 0},rowKey:{}},setup(b,{expose:C}){const z=s.Empty.PRESENTED_IMAGE_SIMPLE,r=b,{b:i,e:w}=j.useNamespace("ap-list"),g=e.ref(),{formRef:p,submit:S,reset:y,handleTableChange:q,data:f,refresh:P,refreshByDelete:D,tableProps:h}=R.useTablePaging({async request(t){var a;const n=await((a=r.request)==null?void 0:a.call(r,t));return{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},defaultParams:r.params,defaultData:r.defaultData,manual:r.manual,pagination:r.pagination,formatParams:r.beforeSearchSubmit}),E={form:p},{pagination:v,dataSource:N,onChange:V}=$.useOfflineList(r);function I(t,n){if(e.unref(u)){V(t,n);return}q({current:t,pageSize:n},{},{},{currentDataSource:[],action:"paginate"})}const l=e.computed(()=>e.unref(u)?e.unref(N):e.unref(f).records),d=e.computed(()=>c.isUndefined(r.loading)?e.unref(f).loading:r.loading),O=e.computed(()=>{var t,n;return r.pagination===!1||r.virtual?!1:((t=r.pagination)==null?void 0:t.hideOnSinglePage)!==!0?!0:e.unref(u)?(((n=r.dataSource)==null?void 0:n.length)||0)>e.unref(v).pageSize:e.unref(f).total>e.unref(h).pagination.pageSize}),u=e.computed(()=>!c.isUndefined(r.dataSource));e.watch(()=>e.unref(d),t=>{var n;(n=r.onLoadingChange)==null||n.call(r,t)});function T(t){var n,a;(a=(n=g.value)==null?void 0:n.querySelector(t||":first-child"))==null||a.scrollIntoView({behavior:"smooth",block:"center"})}function F(t=!1){var o;const n=(o=p.value)==null?void 0:o.apForm,a=t?n==null?void 0:n.getFieldsValueTransformed:n==null?void 0:n.getFieldsValue;return(a==null?void 0:a())||{}}return C({submit:()=>S(),reset:()=>y(),refresh:()=>P(),refreshByDelete:t=>D(t),scrollToFirstRow:T,getSearchFormValuesIfSetted:F}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(s.Spin),{spinning:d.value,class:e.normalizeClass(e.unref(i)("spin"))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)()),style:e.normalizeStyle(t.containerStyle)},[e.renderSlot(t.$slots,"header",{formIns:E,submit:e.unref(S),reset:e.unref(y)}),l.value.length===0?e.renderSlot(t.$slots,"empty",{key:0,loading:d.value},()=>[e.createVNode(e.unref(s.Empty),{image:e.unref(z)},null,8,["image"])]):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"contentRef",ref:g,style:e.normalizeStyle(t.contentStyle)},[t.virtual?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(c.isNumber)(t.virtual)?(e.openBlock(),e.createBlock(e.unref(m.RecycleScroller),{key:0,class:e.normalizeClass(e.unref(i)("scroll-wrapper")),items:l.value,"item-size":t.virtual,"key-field":r.rowKey||"id"},{default:e.withCtx(({item:a,index:o})=>[e.renderSlot(t.$slots,"renderItem",{item:a,index:o})]),_:3},8,["class","items","item-size","key-field"])):(e.openBlock(),e.createBlock(e.unref(m.DynamicScroller),{key:1,items:l.value,"min-item-size":t.virtual.minItemSize,class:e.normalizeClass(e.unref(i)("scroll-wrapper"))},{default:e.withCtx(({item:a,index:o,active:L})=>{var k,B;return[e.createVNode(e.unref(m.DynamicScrollerItem),{item:a,active:L,"data-index":o,"size-dependencies":(B=(k=t.virtual).sizeDependencies)==null?void 0:B.call(k,a)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"renderItem",{item:a,index:o})]),_:2},1032,["item","active","data-index","size-dependencies"])]}),_:3},8,["items","min-item-size","class"]))],64)):e.renderSlot(t.$slots,"renderContent",{key:1,dataSource:l.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(a,o)=>e.renderSlot(t.$slots,"renderItem",{item:a,index:o})),256))])],4)),O.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(w)("footer")),style:e.normalizeStyle(t.footerWarpperStyle)},[e.createVNode(e.unref(s.Pagination),e.mergeProps(u.value?e.unref(v):e.unref(c.omit)(e.unref(h).pagination,["showTotal"]),{onChange:I}),null,16)],6)):e.createCommentVNode("",!0)],6)]),_:3},8,["spinning","class"]))}});exports.default=A;

package/lib/src/ap-list/interface.d.ts

@@ -1,4 +1,4 @@
-import { StyleValue } from 'vue';
+import { Ref, StyleValue } from 'vue';
 import { RequestData } from '../ap-table';
 import { Recordable } from '../type';
 export type ApListProps<RecordType = any, ParamsType = Recordable> = {
@@ -16,9 +16,9 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
      */
     onItem?: (record: RecordType, index: number) => void;
     /**
-     * 依赖的额外的参数（该参数变更不会触发网络请求）
+     * 依赖的额外的参数，传入响应式参数会在变更后重新执行
      */
-    params?: ParamsType;
+    params?: ParamsType | Ref<ParamsType>;
     /**
      * 请求数据
      * @param params

package/lib/src/ap-table/ap-table.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("@aplus-frontend/antdv"),le=require("@aplus-frontend/antdv/es/theme/internal"),se=require("../ap-form/index.js"),O=require("./constants.js");require("../config-provider/index.js");const ue=require("./hooks/use-table-paging.js"),i=require("lodash-unified"),s=require("./utils.js"),de=require("./hooks/use-table-content-height.js"),ie=require("./hooks/use-table-row-selection.js"),ce=require("../utils/index.js");require("./components/setting/modal/index.vue.js");require("./components/paragraph-ellipsis/index.vue.js");const fe=require("./context.js"),pe=require("../config-provider/hooks/use-namespace.js"),me=require("../config-provider/hooks/use-global-config.js"),ge=require("./components/paragraph-ellipsis/index.vue2.js"),ye=require("./components/setting/modal/index.vue2.js"),Se=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(_,{expose:K}){const t=_;let R=0;const m=e.useSlots(),[,A]=le.useToken(),{e:w,b:c,be:B}=pe.useNamespace("ap-table"),T=me.useGlobalConfig("valueTypeMap"),{height:U,contentRef:D}=de.default(),b=e.ref(t.size),d=e.ref([]),x=e.ref([]);fe.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>x.value),size:e.computed(()=>b.value),updateColumns(r){d.value=r},updateSize(r){b.value=r}});const F=e.computed(()=>{var r,a,n;return R++,((n=(a=(r=t.columns)==null?void 0:r.filter(o=>!o.hideInSearch&&o.dataIndex&&(o.valueType||o.customRenderFormItem)&&!O.noRenderAsFormItemValueList.includes(o.valueType)))==null?void 0:a.sort((o,u)=>{let l=s.getColumnOrder(o.order);return s.getColumnOrder(u.order)-l}))==null?void 0:n.map(o=>{const u=s.updateFormProps(o,s.getFieldProps(o.fieldProps,{})),l={...o,fieldProps:{label:o.title,name:o.dataIndex,...u||{},_signal:R},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(T)),l}))||[]}),j=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.sorter===!0)return r.key||r.dataIndex}).filter(Boolean)),$=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.filters&&!r.onFilter)return r.key||r.dataIndex}).filter(Boolean)),W=e.computed(()=>i.isUndefined(t.dataSource)?h.value.records:t.dataSource),{rowSelection:g,selectedRows:y,...S}=ie.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:W}),{formRef:C,submit:k,reset:z,tableProps:P,refresh:H,data:h,setDataSource:M,getColumnSFConfig:G}=ue.useTablePaging({async request(r){var n,o;if(!g.value.preserveSelectedRowKeys&&i.isUndefined(t.dataSource)&&S.clearAll(),!i.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const a=await((n=t.request)==null?void 0:n.call(t,r));return(o=t.onLoad)==null||o.call(t,(a==null?void 0:a.data)||[]),{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},filterFields:$,sortFields:j,defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,defaultCurrent:t.pagination?t.pagination.defaultCurrent:void 0,defaultPageSize:t.pagination?t.pagination.defaultPageSize:void 0,formatParams:t.beforeSearchSubmit,showLessItems:t.pagination?t.pagination.showLessItems:void 0,showTotal:t.pagination?t.pagination.showTotal:void 0,pagination:t.pagination!==!1}),J=()=>{var n;let r=((n=t.columns)==null?void 0:n.filter(o=>!o.hideInTable))||[];function a(o,u){return o.map(l=>({resizable:ce.isDef(l.resizable)?l.resizable:t.columnResizable,...i.omit(s.apColumnToColumn(l),["ellipsis"]),...G(l),fixed:u?u.fixed:l.fixed,title:s.getTableTitle(l,B("table-header","title"),m.headerCell,e.unref(A).colorPrimary),customRender({value:f,...p}){var V,E;const q=s.getTableRenderType(l),ne=s.getTableRenderProps({...l,valueType:q},{value:f,...p}),ae=s.getTableCellRenderNode(q,ne,p.record,e.unref(T)),I=((V=l.renderText)==null?void 0:V.call(l,{value:f,...p}))||f,oe=l.renderText?e.createVNode(e.Fragment,null,[(E=l.renderText)==null?void 0:E.call(l,{value:f,...p})]):ae;let v=Z(l,I,oe);return l.customRender&&(v=l.customRender({value:f,...p,column:l,originalNode:v,originalText:I})),v},children:a(l.children||[],u||l)}))}return a(r)};e.watchEffect(()=>{const r=J();d.value=r,x.value=r});const Q=e.computed(()=>{var a,n;if(t.adaptive&&(h.value.total>0||((a=t.dataSource)==null?void 0:a.length)))return{y:e.unref(U),x:((n=t.scroll)==null?void 0:n.x)||"100%"};if(t.scroll)return t.scroll}),X=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(a=>a.ellipsis))return"fixed"}),N=e.computed(()=>{var n;const r=e.unref(P),a=e.unref(g);return{...t,...r,rowSelection:t.rowSelection===!0||((n=t.rowSelection)==null?void 0:n.mode)==="internal"?{...a,preserveSelectedRowKeys:i.isUndefined(t.dataSource)?a.preserveSelectedRowKeys:!0}:s.falseToUndefined(t.rowSelection),loading:i.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(Q)}}),Y=e.computed(()=>[c(),t.card?null:c("wrapper"),t.adaptive?c("adaptive"):null].filter(Boolean));function Z(r,a,n){return O.noRenderAsFormItemValueList.includes(r.valueType)?n:r.copyable||r.ellipsis?e.createVNode(ge.default,{copyable:r.copyable,ellipsis:r.ellipsis?i.isBoolean(r.ellipsis)?{tooltip:n,rows:1}:{...r.ellipsis,tooltip:n}:!1,content:n},null):n}e.watch(()=>e.unref(h).loading,r=>{var a;(a=t.onLoadingChange)==null||a.call(t,r)}),e.watch(()=>t.dataSource,r=>{M(r)},{immediate:!0});function ee(r){var a,n,o;(o=(n=(a=C.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||o.call(n,r)}function re(r=!1){var n,o,u;const a=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(o=(n=C.value)==null?void 0:n.apForm)==null?void 0:o[a])==null?void 0:u.call(o,!0)}function te(){return e.unref(d)}return K({submit:()=>k(),reset:()=>z(),refresh:()=>H(),setSearchFormValues:ee,getSearchFormValues:re,getShownColumns:te,dataSource:e.computed(()=>e.unref(h).records),rowSelection:{selectedRows:e.computed(()=>e.unref(y)),...S}}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Y.value)},[e.unref(i.isUndefined)(r.dataSource)&&r.searchForm!==!1&&F.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(w)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(se.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":e.unref(P).loading,onSubmit:e.unref(k),onReset:e.unref(z)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),e.mergeProps({key:n.dataIndex,ref_for:!0},n.fieldProps||{},{span:n.span}),null,16,["span"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:D,class:e.normalizeClass([e.unref(w)("table-wrapper"),r.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(B)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(y),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},S))],2),m.title?(e.openBlock(),e.createBlock(e.unref(L.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(ye.default,{config:r.settings===!0?{}:r.settings},null,8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(y),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},S))],2),e.createVNode(e.unref(L.Table),e.mergeProps({class:e.unref(c)("table")},N.value,{size:b.value,"table-layout":X.value,columns:d.value,onResizeColumn:a[0]||(a[0]=(n,o)=>o.width=n)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:N.value.dataSource,selectedRows:e.unref(y)})]),_:2},[e.renderList(e.unref(i.omit)(m,["title","searchFormExtra","headerCell","summary"]),(n,o)=>({name:o,fn:e.withCtx(u=>[e.renderSlot(r.$slots,o,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=Se;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),O=require("@aplus-frontend/antdv"),le=require("@aplus-frontend/antdv/es/theme/internal"),se=require("../ap-form/index.js"),_=require("./constants.js");require("../config-provider/index.js");const ue=require("./hooks/use-table-paging-ng.js"),i=require("lodash-unified"),s=require("./utils.js"),de=require("./hooks/use-table-content-height.js"),ie=require("./hooks/use-table-row-selection.js"),ce=require("../utils/index.js");require("./components/setting/modal/index.vue.js");require("./components/paragraph-ellipsis/index.vue.js");const fe=require("./context.js"),pe=require("../config-provider/hooks/use-namespace.js"),me=require("../config-provider/hooks/use-global-config.js"),ge=require("./components/paragraph-ellipsis/index.vue2.js"),ye=require("./components/setting/modal/index.vue2.js"),Se=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(K,{expose:L}){const t=K;let R=0;const m=e.useSlots(),[,A]=le.useToken(),{e:w,b:c,be:B}=pe.useNamespace("ap-table"),x=me.useGlobalConfig("valueTypeMap"),{height:U,contentRef:D}=de.default(),b=e.ref(t.size),d=e.ref([]),T=e.ref([]);fe.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>T.value),size:e.computed(()=>b.value),updateColumns(r){d.value=r},updateSize(r){b.value=r}});const F=e.computed(()=>{var r,n,o;return R++,((o=(n=(r=t.columns)==null?void 0:r.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!_.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:n.sort((a,u)=>{let l=s.getColumnOrder(a.order);return s.getColumnOrder(u.order)-l}))==null?void 0:o.map(a=>{const u=s.updateFormProps(a,s.getFieldProps(a.fieldProps,{})),l={...a,fieldProps:{label:a.title,name:a.dataIndex,...u||{},_signal:R},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(x)),l}))||[]}),j=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.sorter===!0)return r.key||r.dataIndex}).filter(Boolean)),$=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.filters&&!r.onFilter)return r.key||r.dataIndex}).filter(Boolean)),W=e.computed(()=>i.isUndefined(t.dataSource)?h.records:t.dataSource),{rowSelection:g,selectedRows:y,...S}=ie.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:W}),{formRef:C,submit:k,reset:z,tableProps:N,refresh:H,data:h,setDataSource:M,getColumnSFConfig:G}=ue.useTablePaging({async request(r){var o,a;if(!g.value.preserveSelectedRowKeys&&i.isUndefined(t.dataSource)&&S.clearAll(),!i.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const n=await((o=t.request)==null?void 0:o.call(t,r));return(a=t.onLoad)==null||a.call(t,(n==null?void 0:n.data)||[]),{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},filterFields:$,sortFields:j,defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,formatParams:t.beforeSearchSubmit,pagination:t.pagination}),J=()=>{var o;let r=((o=t.columns)==null?void 0:o.filter(a=>!a.hideInTable))||[];function n(a,u){return a.map(l=>({resizable:ce.isDef(l.resizable)?l.resizable:t.columnResizable,...i.omit(s.apColumnToColumn(l),["ellipsis"]),...G(l),fixed:u?u.fixed:l.fixed,title:s.getTableTitle(l,B("table-header","title"),m.headerCell,e.unref(A).colorPrimary),customRender({value:f,...p}){var E,I;const q=s.getTableRenderType(l),oe=s.getTableRenderProps({...l,valueType:q},{value:f,...p}),ne=s.getTableCellRenderNode(q,oe,p.record,e.unref(x)),V=((E=l.renderText)==null?void 0:E.call(l,{value:f,...p}))||f,ae=l.renderText?e.createVNode(e.Fragment,null,[(I=l.renderText)==null?void 0:I.call(l,{value:f,...p})]):ne;let v=Z(l,V,ae);return l.customRender&&(v=l.customRender({value:f,...p,column:l,originalNode:v,originalText:V})),v},children:n(l.children||[],u||l)}))}return n(r)};e.watchEffect(()=>{const r=J();d.value=r,T.value=r});const Q=e.computed(()=>{var n,o;if(t.adaptive&&(h.total>0||((n=t.dataSource)==null?void 0:n.length)))return{y:e.unref(U),x:((o=t.scroll)==null?void 0:o.x)||"100%"};if(t.scroll)return t.scroll}),X=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(n=>n.ellipsis))return"fixed"}),P=e.computed(()=>{var o;const r=e.unref(N),n=e.unref(g);return{...t,...r,rowSelection:t.rowSelection===!0||((o=t.rowSelection)==null?void 0:o.mode)==="internal"?{...n,preserveSelectedRowKeys:i.isUndefined(t.dataSource)?n.preserveSelectedRowKeys:!0}:s.falseToUndefined(t.rowSelection),loading:i.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(Q)}}),Y=e.computed(()=>[c(),t.card?null:c("wrapper"),t.adaptive?c("adaptive"):null].filter(Boolean));function Z(r,n,o){return _.noRenderAsFormItemValueList.includes(r.valueType)?o:r.copyable||r.ellipsis?e.createVNode(ge.default,{copyable:r.copyable,ellipsis:r.ellipsis?i.isBoolean(r.ellipsis)?{tooltip:o,rows:1}:{...r.ellipsis,tooltip:o}:!1,content:o},null):o}e.watch(()=>e.unref(h).loading,r=>{var n;(n=t.onLoadingChange)==null||n.call(t,r)}),e.watch(()=>t.dataSource,r=>{M(r)},{immediate:!0});function ee(r){var n,o,a;(a=(o=(n=C.value)==null?void 0:n.apForm)==null?void 0:o.setFieldsValue)==null||a.call(o,r)}function re(r=!1){var o,a,u;const n=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(a=(o=C.value)==null?void 0:o.apForm)==null?void 0:a[n])==null?void 0:u.call(a,!0)}function te(){return e.unref(d)}return L({submit:()=>k(),reset:()=>z(),refresh:()=>H(),setSearchFormValues:ee,getSearchFormValues:re,getShownColumns:te,dataSource:e.computed(()=>e.unref(h).records),rowSelection:{selectedRows:e.computed(()=>e.unref(y)),...S}}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Y.value)},[e.unref(i.isUndefined)(r.dataSource)&&r.searchForm!==!1&&F.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(w)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(se.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":e.unref(N).loading,onSubmit:e.unref(k),onReset:e.unref(z)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,o=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.renderNode),e.mergeProps({key:o.dataIndex,ref_for:!0},o.fieldProps||{},{span:o.span}),null,16,["span"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:D,class:e.normalizeClass([e.unref(w)("table-wrapper"),r.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(B)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(y),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},S))],2),m.title?(e.openBlock(),e.createBlock(e.unref(O.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(ye.default,{config:r.settings===!0?{}:r.settings},null,8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(y),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},S))],2),e.createVNode(e.unref(O.Table),e.mergeProps({class:e.unref(c)("table")},P.value,{size:b.value,"table-layout":X.value,columns:d.value,onResizeColumn:n[0]||(n[0]=(o,a)=>a.width=o)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:P.value.dataSource,selectedRows:e.unref(y)})]),_:2},[e.renderList(e.unref(i.omit)(m,["title","searchFormExtra","headerCell","summary"]),(o,a)=>({name:a,fn:e.withCtx(u=>[e.renderSlot(r.$slots,a,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=Se;

package/lib/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 {};