@aplus-frontend/ui 0.0.21 → 0.0.23

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/check-card/group.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     size: "small" | "middle";
     value: CheckCardValueType | CheckCardValueType[];
     bordered: boolean;
-    stopPropagation: boolean;
+    stopPropagation: boolean | ((event: MouseEvent) => boolean);
 }, {}>, {
     default?(_: {}): any;
 }>;

package/es/src/check-card/group.vue.mjs

@@ -11,7 +11,7 @@ const z = /* @__PURE__ */ g({
     disabled: { type: Boolean, default: void 0 },
     loading: { type: Boolean, default: void 0 },
     size: { default: void 0 },
-    stopPropagation: { type: Boolean, default: void 0 },
+    stopPropagation: { type: [Boolean, Function], default: void 0 },
     multiple: { type: Boolean, default: !1 },
     defaultValue: { type: [String, Number, Boolean, Array] },
     value: { type: [String, Number, Boolean, Array], default: void 0 },

package/es/src/check-card/index.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     size: "small" | "middle";
     bordered: boolean;
     checked: boolean;
-    stopPropagation: boolean;
+    stopPropagation: boolean | ((event: MouseEvent) => boolean);
 }, {}>, Readonly<CheckCardSlots> & CheckCardSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/es/src/check-card/index.vue2.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as F, computed as i, unref as l, createVNode as m, watch as I, watchEffect as U, openBlock as c, createElementBlock as N, normalizeStyle as W, normalizeClass as P, withModifiers as j, createBlock as f, renderSlot as G, resolveDynamicComponent as V, createCommentVNode as v, createElementVNode as O } from "vue";
-import { Skeleton as $ } from "ant-design-vue";
+import { defineComponent as I, computed as i, unref as l, createVNode as m, watch as U, watchEffect as W, openBlock as c, createElementBlock as N, normalizeStyle as j, normalizeClass as P, withModifiers as G, createBlock as f, renderSlot as O, resolveDynamicComponent as V, createCommentVNode as v, createElementVNode as $ } from "vue";
+import { Skeleton as q } from "ant-design-vue";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isFunction as z } from "lodash-unified";
-import { useInjectCheckCard as q } from "./context.mjs";
+import { useInjectCheckCard as A } from "./context.mjs";
 import "./style/index.css";
-import A from "./checked.svg.mjs";
-import { useNamespace as H } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as J } from "../config-provider/hooks/use-global-config.mjs";
-import { useControllableValue as K } from "../hooks/useControllableValue.mjs";
-const L = ["src"], ne = /* @__PURE__ */ F({
+import H from "./checked.svg.mjs";
+import { useNamespace as J } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as K } from "../config-provider/hooks/use-global-config.mjs";
+import { useControllableValue as L } from "../hooks/useControllableValue.mjs";
+const Q = ["src"], re = /* @__PURE__ */ I({
   name: "CheckCard",
   __name: "index",
   props: {
@@ -27,7 +27,7 @@ const L = ["src"], ne = /* @__PURE__ */ F({
       default: "middle"
     },
     stopPropagation: {
-      type: Boolean,
+      type: [Boolean, Function],
       default: !1
     },
     checked: {
@@ -48,19 +48,19 @@ const L = ["src"], ne = /* @__PURE__ */ F({
     content: {}
   },
   emits: ["update:checked"],
-  setup(_, {
-    emit: w
+  setup(S, {
+    emit: _
   }) {
-    const o = _, {
+    const o = S, {
       b: g,
-      m: u,
+      m: s,
       e: p,
-      bm: D,
+      bm: w,
       em: k
-    } = H("check-card"), b = J("uiMode", "aplus"), E = w, n = q(), {
+    } = J("check-card"), h = K("uiMode", "aplus"), D = _, n = A(), {
       value: r,
-      updateValue: h
-    } = K(o, E, {
+      updateValue: b
+    } = L(o, D, {
       valuePropName: "checked",
       defaultValuePropName: "defaultChecked"
     }), a = i(() => {
@@ -68,12 +68,12 @@ const L = ["src"], ne = /* @__PURE__ */ F({
         ...o
       }, t = l(n);
       return t && (e.disabled = e.disabled || t.disabled, e.bordered = e.bordered || t.bordered, e.loading = e.loading || t.loading, e.size = e.size || t.size, e.stopPropagation = e.stopPropagation || t.stopPropagation), e;
-    }), S = i(() => {
-      const e = l(b), t = l(a);
-      return [g(), ...t.disabled ? [] : [g(e), l(r) ? D(e, "checked") : null], u(t.size), t.bordered ? u("bordered") : null, t.disabled ? u("disabled") : null];
+    }), E = i(() => {
+      const e = l(h), t = l(a);
+      return [g(), ...t.disabled ? [] : [g(e), l(r) ? w(e, "checked") : null], s(t.size), t.bordered ? s("bordered") : null, t.disabled ? s("disabled") : null];
     }), M = i(() => ({
       ...o.style,
-      "--check-card-border-color": b.value === "admin" ? "#D9D9D9" : "#E9EDF3"
+      "--check-card-border-color": h.value === "admin" ? "#D9D9D9" : "#E9EDF3"
     })), y = i(() => {
       if (!o.title)
         return;
@@ -90,30 +90,34 @@ const L = ["src"], ne = /* @__PURE__ */ F({
       }, [e]);
     });
     function T(e) {
+      const t = l(a).stopPropagation;
+      return t ? t === !0 ? e.target !== e.currentTarget : t(e) : !1;
+    }
+    function F(e) {
       var t, d;
-      a.value.stopPropagation && e.target !== e.currentTarget || a.value.loading || a.value.disabled || (n.value ? (d = (t = n.value) == null ? void 0 : t.toggleOption) == null || d.call(t, o.value) : h(!l(r)));
+      T(e) || a.value.loading || a.value.disabled || (n.value ? (d = (t = n.value) == null ? void 0 : t.toggleOption) == null || d.call(t, o.value) : b(!l(r)));
     }
-    return I(() => n.value, (e) => {
+    return U(() => n.value, (e) => {
       if (!e)
         return;
       const t = e.multiple ? (e.value || []).includes(o.value) : e.value === o.value;
-      h(t);
+      b(t);
     }, {
       immediate: !0
-    }), U((e) => {
+    }), W((e) => {
       var t, d;
       (d = (t = n.value) == null ? void 0 : t.registerValue) == null || d.call(t, o.value), e(() => {
-        var s, B;
-        return (B = (s = n.value) == null ? void 0 : s.cancelValue) == null ? void 0 : B.call(s, o.value);
+        var u, B;
+        return (B = (u = n.value) == null ? void 0 : u.cancelValue) == null ? void 0 : B.call(u, o.value);
       });
     }), (e, t) => (c(), N("div", {
-      style: W(M.value),
-      class: P(S.value),
-      onClick: j(T, ["stop"])
-    }, [a.value.loading ? (c(), f(l($), {
+      style: j(M.value),
+      class: P(E.value),
+      onClick: G(F, ["stop"])
+    }, [a.value.loading ? (c(), f(l(q), {
       key: 0,
       active: ""
-    })) : G(e.$slots, "default", {
+    })) : O(e.$slots, "default", {
       key: 1,
       checked: l(r)
     }, () => [y.value ? (c(), f(V(y.value), {
@@ -123,11 +127,11 @@ const L = ["src"], ne = /* @__PURE__ */ F({
     })) : v("", !0)]), l(r) ? (c(), N("div", {
       key: 2,
       class: P(l(p)("checked-icon"))
-    }, [O("img", {
-      src: l(A)
-    }, null, 8, L)], 2)) : v("", !0)], 6));
+    }, [$("img", {
+      src: l(H)
+    }, null, 8, Q)], 2)) : v("", !0)], 6));
   }
 });
 export {
-  ne as default
+  re as default
 };

package/es/src/check-card/interface.d.ts

@@ -24,7 +24,7 @@ type CheckCardCommonType = {
     /**
      * 是否阻止点击事件冒泡（对于自定义内容包含输入控件时需要设置）
      */
-    stopPropagation?: boolean;
+    stopPropagation?: boolean | ((event: MouseEvent) => boolean);
 };
 export type CheckCardProps = CheckCardCommonType & {
     /**