@aplus-frontend/ui 0.6.0-beta.17 → 0.6.0-beta.18

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

@@ -1,13 +1,14 @@
-import { defineComponent as X, ref as Y, unref as e, computed as p, watch as Z, createElementBlock as s, openBlock as i, normalizeStyle as v, normalizeClass as l, renderSlot as u, createElementVNode as _, createCommentVNode as I, createVNode as g, Fragment as E, createBlock as O, withCtx as h, renderList as x, mergeProps as ee } from "vue";
-import { Empty as V, Spin as te, Pagination as ae } from "@aplus-frontend/antdv";
-import { useTablePaging as ne } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import { defineComponent as _, ref as x, unref as t, computed as p, watch as ee, createElementBlock as s, openBlock as i, normalizeStyle as h, normalizeClass as l, renderSlot as u, createElementVNode as te, createCommentVNode as I, createVNode as g, Fragment as F, createBlock as V, withCtx as b, renderList as ae, mergeProps as ne } from "vue";
+import { Empty as E, Spin as re, Pagination as oe } from "@aplus-frontend/antdv";
+import { useTablePaging as ie } from "../ap-table/hooks/use-table-paging-ng.mjs";
 import "../config-provider/index.mjs";
-import { isUndefined as F, isNumber as re, omit as oe } from "lodash-unified";
-import { useOfflineList as ie } from "./hooks/use-offline-list.mjs";
+import { isUndefined as L, isNumber as le, omit as se } from "lodash-unified";
+import { useOfflineList as ue } from "./hooks/use-offline-list.mjs";
 import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
-import { RecycleScroller as le, DynamicScroller as se, DynamicScrollerItem as ue } from "vue-virtual-scroller";
-import { useNamespace as ce } from "../config-provider/hooks/use-namespace.mjs";
-const be = /* @__PURE__ */ X({
+import { RecycleScroller as ce, DynamicScroller as me, DynamicScrollerItem as de } from "vue-virtual-scroller";
+import { useNamespace as fe } from "../config-provider/hooks/use-namespace.mjs";
+const we = /* @__PURE__ */ _({
+  name: "ApList",
   __name: "index",
   props: {
     dataSource: {},
@@ -27,140 +28,149 @@ const be = /* @__PURE__ */ X({
     rowKey: {},
     adaptive: { type: Boolean, default: !1 }
   },
-  setup(L, { expose: N }) {
-    const R = V.PRESENTED_IMAGE_SIMPLE, n = L, { b: m, e: y, bm: T, m: $ } = ce("ap-list"), b = Y(), {
-      formRef: k,
-      submit: w,
-      reset: B,
-      handleTableChange: j,
-      data: S,
-      refresh: q,
-      refreshByDelete: A,
-      tableProps: D
-    } = ne({
-      async request(t) {
-        var r;
-        const a = await ((r = n.request) == null ? void 0 : r.call(n, t));
+  setup(O, { expose: N }) {
+    const R = E.PRESENTED_IMAGE_SIMPLE, r = O, { b: d, e: y, bm: T, m: $ } = fe("ap-list"), k = x(), {
+      formRef: S,
+      submit: P,
+      reset: w,
+      handleTableChange: A,
+      data: v,
+      refresh: j,
+      refreshByDelete: q,
+      tableProps: B,
+      getPaging: K,
+      setPaging: M
+    } = ie({
+      async request(e) {
+        var n;
+        const a = await ((n = r.request) == null ? void 0 : n.call(r, e));
         return {
           data: (a == null ? void 0 : a.data) || [],
           total: (a == null ? void 0 : a.total) || 0
         };
       },
-      defaultParams: n.params,
-      defaultData: n.defaultData,
-      manual: n.manual,
-      pagination: n.pagination,
-      formatParams: n.beforeSearchSubmit
-    }), K = { form: k }, {
-      pagination: z,
-      dataSource: M,
-      onChange: W
-    } = ie(n);
-    function G(t, a) {
-      if (e(f)) {
-        W(t, a);
+      defaultParams: r.params,
+      defaultData: r.defaultData,
+      manual: r.manual,
+      pagination: r.pagination,
+      formatParams: r.beforeSearchSubmit
+    }), W = { form: S }, {
+      pagination: D,
+      dataSource: G,
+      onChange: U
+    } = ue(r);
+    function H(e, a) {
+      if (t(f)) {
+        U(e, a);
         return;
       }
-      j(
-        { current: t, pageSize: a },
+      A(
+        { current: e, pageSize: a },
         {},
         {},
         { currentDataSource: [], action: "paginate" }
       );
     }
-    const c = p(() => e(f) ? e(M) : e(S).records), d = p(() => F(n.loading) ? e(S).loading : n.loading), U = p(() => {
-      var t, a;
-      return n.pagination === !1 || n.virtual ? !1 : ((t = n.pagination) == null ? void 0 : t.hideOnSinglePage) !== !0 ? !0 : e(f) ? (((a = n.dataSource) == null ? void 0 : a.length) || 0) > e(z).pageSize : e(S).total > e(D).pagination.pageSize;
-    }), f = p(() => !F(n.dataSource));
-    Z(
-      () => e(d),
-      (t) => {
+    const c = p(() => t(f) ? t(G) : t(v).records), m = p(() => L(r.loading) ? t(v).loading : r.loading), J = p(() => {
+      var e, a;
+      return r.pagination === !1 || r.virtual ? !1 : ((e = r.pagination) == null ? void 0 : e.hideOnSinglePage) !== !0 ? !0 : t(f) ? (((a = r.dataSource) == null ? void 0 : a.length) || 0) > t(D).pageSize : t(v).total > t(B).pagination.pageSize;
+    }), f = p(() => !L(r.dataSource));
+    ee(
+      () => t(m),
+      (e) => {
         var a;
-        (a = n.onLoadingChange) == null || a.call(n, t);
+        (a = r.onLoadingChange) == null || a.call(r, e);
       }
     );
-    function H(t) {
-      var a, r;
-      (r = (a = b.value) == null ? void 0 : a.querySelector(t || ":first-child")) == null || r.scrollIntoView({ behavior: "smooth", block: "center" });
+    function Q(e) {
+      var a, n;
+      (n = (a = k.value) == null ? void 0 : a.querySelector(e || ":first-child")) == null || n.scrollIntoView({ behavior: "smooth", block: "center" });
     }
-    function J(t = !1) {
+    function X(e = !1) {
       var o;
-      const a = (o = k.value) == null ? void 0 : o.apForm, r = t ? a == null ? void 0 : a.getFieldsValueTransformed : a == null ? void 0 : a.getFieldsValue;
-      return (r == null ? void 0 : r()) || {};
+      const a = (o = S.value) == null ? void 0 : o.apForm, n = e ? a == null ? void 0 : a.getFieldsValueTransformed : a == null ? void 0 : a.getFieldsValue;
+      return (n == null ? void 0 : n()) || {};
+    }
+    function Y(e) {
+      var a, n, o;
+      (o = (n = (a = S.value) == null ? void 0 : a.apForm) == null ? void 0 : n.setFieldsValue) == null || o.call(n, e);
     }
     return N({
-      submit: () => w(),
-      reset: () => B(),
-      refresh: () => q(),
-      refreshByDelete: (t) => A(t),
-      scrollToFirstRow: H,
-      getSearchFormValuesIfSetted: J
-    }), (t, a) => (i(), s("div", {
-      class: l([e(m)(), { [e($)("adaptive")]: t.adaptive }]),
-      style: v(t.containerStyle)
+      submit: () => P(),
+      reset: () => w(),
+      refresh: () => j(),
+      refreshByDelete: (e) => q(e),
+      scrollToFirstRow: Q,
+      getSearchFormValuesIfSetted: X,
+      setPaging: M,
+      getPaging: K,
+      setSearchFormValuesIfSetted: Y
+    }), (e, a) => (i(), s("div", {
+      class: l([t(d)(), { [t($)("adaptive")]: e.adaptive }]),
+      style: h(e.containerStyle)
     }, [
-      u(t.$slots, "header", {
-        formIns: K,
-        submit: e(w),
-        reset: e(B)
+      u(e.$slots, "header", {
+        formIns: W,
+        submit: t(P),
+        reset: t(w)
       }),
-      _("div", {
+      te("div", {
         class: l([
-          e(m)("content-container"),
-          { [e(T)("content-container", "spinning")]: d.value }
+          t(d)("content-container"),
+          { [t(T)("content-container", "spinning")]: m.value }
         ])
       }, [
-        d.value ? (i(), s("div", {
+        m.value ? (i(), s("div", {
           key: 0,
-          class: l(e(y)("spin-wrapper"))
+          class: l(t(y)("spin-wrapper"))
         }, [
-          g(e(te), { spinning: d.value }, null, 8, ["spinning"])
+          g(t(re), { spinning: m.value }, null, 8, ["spinning"])
         ], 2)) : I("", !0),
-        c.value.length === 0 ? u(t.$slots, "empty", {
+        c.value.length === 0 ? u(e.$slots, "empty", {
           key: 1,
-          loading: d.value
+          loading: m.value
         }, () => [
-          g(e(V), { image: e(R) }, null, 8, ["image"])
+          g(t(E), { image: t(R) }, null, 8, ["image"])
         ]) : (i(), s("div", {
           key: 2,
           ref_key: "contentRef",
-          ref: b,
-          style: v(t.contentStyle),
-          class: l(e(y)("content"))
+          ref: k,
+          style: h(e.contentStyle),
+          class: l(t(y)("content"))
         }, [
-          t.virtual ? (i(), s(E, { key: 0 }, [
-            e(re)(t.virtual) ? (i(), O(e(le), {
+          e.virtual ? (i(), s(F, { key: 0 }, [
+            t(le)(e.virtual) ? (i(), V(t(ce), {
               key: 0,
-              class: l(e(m)("scroll-wrapper")),
+              class: l(t(d)("scroll-wrapper")),
               items: c.value,
-              "item-size": t.virtual,
-              "key-field": n.rowKey || "id"
+              "item-size": e.virtual,
+              "key-field": r.rowKey || "id"
             }, {
-              default: h(({ item: r, index: o }) => [
-                u(t.$slots, "renderItem", {
-                  item: r,
+              default: b(({ item: n, index: o }) => [
+                u(e.$slots, "renderItem", {
+                  item: n,
                   index: o
                 })
               ]),
               _: 3
-            }, 8, ["class", "items", "item-size", "key-field"])) : (i(), O(e(se), {
+            }, 8, ["class", "items", "item-size", "key-field"])) : (i(), V(t(me), {
               key: 1,
               items: c.value,
-              "min-item-size": t.virtual.minItemSize,
-              class: l(e(m)("scroll-wrapper"))
+              "min-item-size": e.virtual.minItemSize,
+              class: l(t(d)("scroll-wrapper"))
             }, {
-              default: h(({ item: r, index: o, active: Q }) => {
-                var C, P;
+              default: b(({ item: n, index: o, active: Z }) => {
+                var z, C;
                 return [
-                  g(e(ue), {
-                    item: r,
-                    active: Q,
+                  g(t(de), {
+                    item: n,
+                    active: Z,
                     "data-index": o,
-                    "size-dependencies": (P = (C = t.virtual).sizeDependencies) == null ? void 0 : P.call(C, r)
+                    "size-dependencies": (C = (z = e.virtual).sizeDependencies) == null ? void 0 : C.call(z, n)
                   }, {
-                    default: h(() => [
-                      u(t.$slots, "renderItem", {
-                        item: r,
+                    default: b(() => [
+                      u(e.$slots, "renderItem", {
+                        item: n,
                         index: o
                       })
                     ]),
@@ -170,30 +180,30 @@ const be = /* @__PURE__ */ X({
               }),
               _: 3
             }, 8, ["items", "min-item-size", "class"]))
-          ], 64)) : u(t.$slots, "renderContent", {
+          ], 64)) : u(e.$slots, "renderContent", {
             key: 1,
             dataSource: c.value
           }, () => [
-            (i(!0), s(E, null, x(c.value, (r, o) => u(t.$slots, "renderItem", {
-              item: r,
+            (i(!0), s(F, null, ae(c.value, (n, o) => u(e.$slots, "renderItem", {
+              item: n,
               index: o
             })), 256))
           ])
         ], 6))
       ], 2),
-      U.value ? (i(), s("div", {
+      J.value ? (i(), s("div", {
         key: 0,
-        class: l(e(y)("footer")),
-        style: v(t.footerWarpperStyle)
+        class: l(t(y)("footer")),
+        style: h(e.footerWarpperStyle)
       }, [
-        g(e(ae), ee(
-          f.value ? e(z) : e(oe)(e(D).pagination, ["showTotal"]),
-          { onChange: G }
+        g(t(oe), ne(
+          f.value ? t(D) : t(se)(t(B).pagination, ["showTotal"]),
+          { onChange: H }
         ), null, 16)
       ], 6)) : I("", !0)
     ], 6));
   }
 });
 export {
-  be as default
+  we as default
 };

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

@@ -1,6 +1,7 @@
 import { Ref, StyleValue } from 'vue';
 import { RequestData } from '../ap-table';
 import { Recordable } from '../type';
+import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
 export type ApListProps<RecordType = any, ParamsType = Recordable> = {
     /**
      * 列表数据源，传入后`request`和`defaultData`都将失效
@@ -126,4 +127,23 @@ export type ApListExpose = {
      * @returns
      */
     getSearchFormValuesIfSetted: (transform?: boolean) => Recordable;
+    /**
+     * 设置查询表单的值
+     * @description 只有在自定义查询表单并且绑定了formRef才能设置查询表单的值
+     * @param fields 将要设置的值
+     * @returns
+     */
+    setSearchFormValuesIfSetted: (fields: any) => void;
+    /**
+     * 获取分页参数
+     * @returns
+     */
+    getPaging: () => InternalPagingType;
+    /**
+     * 设置表格分页参数
+     * @param nextPaging 新的分页参数
+     * @param refreshImmediately 是否立刻刷新数据，默认为`true`
+     * @returns
+     */
+    setPaging: (nextPaging: InternalPagingType, refreshImmediately?: boolean) => void;
 };

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

@@ -1,7 +1,7 @@
 import { ApColumnType, ApTableProps } from './interface';
 import { ColumnsType, ColumnType } from '@aplus-frontend/antdv/es/table';
 import { RowSelectionReturnType } from './hooks/use-table-row-selection';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, ComputedRef, Ref, VNode } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, ComputedRef, VNode } from 'vue';
 declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & ApTableProps<RecordType> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{
@@ -10,6 +10,14 @@ declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __V
         refresh: () => void;
         setSearchFormValues: (fields: any) => void;
         getSearchFormValues: (transform?: boolean) => Partial<any> | undefined;
+        setPaging: (nextPaging: Partial<{
+            current: number;
+            pageSize: number;
+        }>, refreshImmediately?: boolean) => void;
+        getPaging: () => {
+            current?: number | undefined;
+            pageSize?: number | undefined;
+        };
         getShownColumns: () => ColumnsType<RecordType>;
         dataSource: ComputedRef<RecordType[]>;
         rowSelection: {
@@ -26,7 +34,7 @@ declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __V
         };
         scrollBar: {
             x: {
-                getCurrentScroll: () => 0 | Ref<number, number>;
+                getCurrentScroll: () => number;
                 scroll: (percent: number) => void | undefined;
             };
             y: undefined;