@aplus-frontend/ui 0.5.36 → 0.6.0-beta.0

package/es/src/ap-info-layout/ApInfoLayout.vue.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as a, computed as n, createBlock as p, openBlock as s, resolveDynamicComponent as i, normalizeProps as l, guardReactiveProps as m, createSlots as c, renderList as u, withCtx as d, renderSlot as f } from "vue";
+import { defineComponent as n, computed as s, onMounted as a, createBlock as i, openBlock as p, resolveDynamicComponent as m, normalizeProps as l, guardReactiveProps as c, createSlots as d, renderList as u, withCtx as f, renderSlot as _ } from "vue";
 import "./ap-info-layout-aplus/ap-info-layout.vue.mjs";
 import "./ap-info-layout-admin/ApInfoLayoutAdmin.vue.mjs";
 import "../config-provider/index.mjs";
-import { useGlobalConfig as _ } from "../config-provider/hooks/use-global-config.mjs";
+import { isProdMode as b } from "@aplus-frontend/utils";
+import { useGlobalConfig as v } from "../config-provider/hooks/use-global-config.mjs";
 import y from "./ap-info-layout-admin/ApInfoLayoutAdmin.vue2.mjs";
-import b from "./ap-info-layout-aplus/ap-info-layout.vue2.mjs";
-const D = /* @__PURE__ */ a({
+import h from "./ap-info-layout-aplus/ap-info-layout.vue2.mjs";
+const g = /* @__PURE__ */ n({
   __name: "ApInfoLayout",
   props: {
     headerStyle: {},
@@ -13,29 +14,33 @@ const D = /* @__PURE__ */ a({
     toEl: {},
     telDisabled: { type: Boolean }
   },
-  setup($) {
-    const r = _("uiMode", "aplus"), t = n(() => {
-      let e;
+  setup(C) {
+    const r = v("uiMode", "aplus"), t = s(() => {
+      let o;
       switch (r.value) {
         case "aplus":
-          e = b;
+          o = h;
           break;
         case "admin":
-          e = y;
+          o = y;
           break;
       }
-      return e;
+      return o;
     });
-    return (e, h) => (s(), p(i(t.value), l(m(e.$props)), c({ _: 2 }, [
-      u(e.$slots, (k, o) => ({
-        name: o,
-        fn: d(() => [
-          f(e.$slots, o)
+    return a(() => {
+      b() || console.warn(
+        "[DEPRECATED] This component is deprecated and will be removed in next minor version. "
+      );
+    }), (o, $) => (p(), i(m(t.value), l(c(o.$props)), d({ _: 2 }, [
+      u(o.$slots, (k, e) => ({
+        name: e,
+        fn: f(() => [
+          _(o.$slots, e)
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  D as default
+  g as default
 };

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

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

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

@@ -86,6 +86,10 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
      * @default "id"
      */
     rowKey?: string;
+    /**
+     * 是否自适应外部容器高度（无数据时充满容器、数据超出时内部滚动）
+     */
+    adaptive?: boolean;
 };
 export type ApListExpose = {
     /**