@aplus-frontend/ui 0.0.21 → 0.0.22

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

@@ -0,0 +1,137 @@
+import { defineComponent as F, ref as M, unref as e, computed as l, watch as W, openBlock as r, createBlock as C, normalizeClass as s, withCtx as j, createElementVNode as A, normalizeStyle as P, renderSlot as c, createElementBlock as m, Fragment as G, renderList as U, createVNode as x, mergeProps as H, createCommentVNode as J } from "vue";
+import { Empty as D, Spin as K, Pagination as Q } from "ant-design-vue";
+import "../ap-table/index.mjs";
+import "../config-provider/index.mjs";
+import { isUndefined as k, omit as X } from "lodash-unified";
+import { useOfflineList as Y } from "./hooks/use-offline-list.mjs";
+import "./style/index.css";
+import { useNamespace as Z } from "../config-provider/hooks/use-namespace.mjs";
+import { useTablePaging as ee } from "../ap-table/hooks/use-table-paging.mjs";
+const fe = /* @__PURE__ */ F({
+  __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: {},
+    footerWarpperStyle: {}
+  },
+  setup(B, { expose: E }) {
+    const w = D.PRESENTED_IMAGE_SIMPLE, t = B, { b: d, e: g } = Z("ap-list"), p = M(), {
+      formRef: I,
+      submit: S,
+      reset: h,
+      handleTableChange: L,
+      data: u,
+      refresh: z,
+      refreshByDelete: N,
+      tableProps: y
+    } = ee({
+      async request(a) {
+        var o;
+        const n = await ((o = t.request) == null ? void 0 : o.call(t, a));
+        return {
+          data: (n == null ? void 0 : n.data) || [],
+          total: (n == null ? void 0 : n.total) || 0
+        };
+      },
+      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
+    }), R = { form: I }, {
+      pagination: v,
+      dataSource: T,
+      onChange: _
+    } = Y(t);
+    function q(a, n) {
+      if (e(i)) {
+        _(a, n);
+        return;
+      }
+      L(
+        { current: a, pageSize: n },
+        {},
+        {},
+        { currentDataSource: [], action: "paginate" }
+      );
+    }
+    const f = l(() => e(i) ? e(T) : e(u).records), b = l(() => k(t.loading) ? e(u).loading : t.loading), O = l(() => {
+      var a, n;
+      return t.pagination === !1 ? !1 : ((a = t.pagination) == null ? void 0 : a.hideOnSinglePage) !== !0 ? !0 : e(i) ? (((n = t.dataSource) == null ? void 0 : n.length) || 0) > e(v).pageSize : e(u).total > e(y).pagination.pageSize;
+    }), i = l(() => !k(t.dataSource));
+    W(
+      () => e(b),
+      (a) => {
+        var n;
+        (n = t.onLoadingChange) == null || n.call(t, a);
+      }
+    );
+    function V(a) {
+      var n, o;
+      (o = (n = p.value) == null ? void 0 : n.querySelector(a || ":first-child")) == null || o.scrollIntoView({ behavior: "smooth", block: "center" });
+    }
+    return E({
+      submit: () => S(),
+      reset: () => h(),
+      refresh: () => z(),
+      refreshByDelete: (a) => N(a),
+      scrollToFirstRow: V
+    }), (a, n) => (r(), C(e(K), {
+      spinning: b.value,
+      class: s(e(d)("spin"))
+    }, {
+      default: j(() => [
+        A("div", {
+          class: s(e(d)()),
+          style: P(a.containerStyle)
+        }, [
+          c(a.$slots, "header", {
+            formIns: R,
+            submit: e(S),
+            reset: e(h)
+          }),
+          f.value.length === 0 ? (r(), C(e(D), {
+            key: 0,
+            image: e(w)
+          }, null, 8, ["image"])) : (r(), m("div", {
+            key: 1,
+            ref_key: "contentRef",
+            ref: p,
+            class: s(e(g)("content"))
+          }, [
+            c(a.$slots, "renderContent", { dataSource: f.value }, () => [
+              (r(!0), m(G, null, U(f.value, (o, $) => c(a.$slots, "renderItem", {
+                item: o,
+                index: $
+              })), 256))
+            ])
+          ], 2)),
+          O.value ? (r(), m("div", {
+            key: 2,
+            class: s(e(g)("footer")),
+            style: P(a.footerWarpperStyle)
+          }, [
+            x(e(Q), H(
+              i.value ? e(v) : e(X)(e(y).pagination, ["showTotal"]),
+              { onChange: q }
+            ), null, 16)
+          ], 6)) : J("", !0)
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["spinning", "class"]));
+  }
+});
+export {
+  fe as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

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

@@ -26,8 +26,8 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
      * @returns
      */
     request?: (params: Partial<ParamsType> & {
-        pageSize?: number;
-        current?: number;
+        pageSize: number;
+        current: number;
     }) => Promise<Partial<RequestData<RecordType>>>;
     /**
      * 表格的默认数据源，这些数据源将会在第一次请求后被替换
@@ -51,6 +51,10 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
     pagination?: false | {
         defaultCurrent?: number;
         defaultPageSize?: number;
+        /**
+         * 只有一页时隐藏分页
+         */
+        hideOnSinglePage?: boolean;
     };
     /**
      * 是否手动发起第一次网络请求
@@ -65,3 +69,32 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
      */
     footerWarpperStyle?: CSSProperties;
 };
+export type ApListExpose = {
+    /**
+     * 重置页码并发起网络请求
+     * @returns
+     */
+    submit: () => void;
+    /**
+     * 重设查询表单（如果有的话）并发起网络请求
+     * @returns
+     */
+    reset: () => void;
+    /**
+     * 刷新当前页
+     * @returns
+     */
+    refresh: () => void;
+    /**
+     * 删除N条数据后刷新某一页（具体页面会计算）
+     * @param n 删除的n条数据
+     * @returns
+     */
+    refreshByDelete: (n: number) => void;
+    /**
+     * 滚动到第一行（如果无效需要你传入相对于div.ap-list__content的查询参数）
+     * @param selector
+     * @returns
+     */
+    scrollToFirstRow: (selector?: string) => void;
+};

package/es/src/ap-list/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/ap-list/style/index.css

@@ -3,4 +3,9 @@
 }
 .aplus-ap-list__footer {
   margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}
+.aplus-ap-list-spin {
+  max-height: unset !important;
 }

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

@@ -165,8 +165,8 @@ export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<R
      * @returns
      */
     request?: (params: Partial<ParamsType> & {
-        pageSize?: number;
-        current?: number;
+        pageSize: number;
+        current: number;
         sort?: Record<string, SortOrder>;
         filter?: Recordable<any>;
     }) => Promise<Partial<RequestData<RecordType>>>;

package/es/src/index.d.ts

@@ -28,6 +28,7 @@ export * from './ap-upload';
 export * from './ap-download';
 export * from './check-card';
 export * from './ap-modal';
+export * from './ap-list';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';