@aplus-frontend/ui 0.2.20 → 0.2.21

package/es/src/ap-list/index.vue.d.ts

@@ -24,13 +24,21 @@ declare const _default: <RecordType extends Recordable>(__VLS_props: NonNullable
         empty?(_: {
             loading: boolean;
         }): any;
-        renderContent?(_: {
-            dataSource: RecordType[];
+        renderItem?(_: {
+            item: RecordType;
+            index: number;
+        }): any;
+        renderItem?(_: {
+            item: RecordType;
+            index: number;
         }): any;
         renderItem?(_: {
             item: RecordType;
             index: number;
         }): any;
+        renderContent?(_: {
+            dataSource: RecordType[];
+        }): any;
     };
     emit: {};
 }>) => VNode<RendererNode, RendererElement, {

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

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

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { StyleValue } from 'vue';
 import { RequestData } from '../ap-table';
 import { Recordable } from '../type';
 export type ApListProps<RecordType = any, ParamsType = Recordable> = {
@@ -62,11 +62,30 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
     /**
      * List容器的自定义样式
      */
-    containerStyle?: CSSProperties;
+    containerStyle?: StyleValue;
+    /**
+     * List内容区域自定义样式
+     */
+    contentStyle?: StyleValue;
     /**
      *  底部分页器容器的样式
      */
-    footerWarpperStyle?: CSSProperties;
+    footerWarpperStyle?: StyleValue;
+    /**
+     * 列表是否开启虚拟滚动
+     * @description 设置此属性后，将不会展示分页器，同样`renderContent`插槽将不再可用；
+     * 如果值为`number`类型，则表示每个元素的尺寸，在尺寸不固定的情况下，则可以设置`minItemSize`和`sizeDependencies`两个属性
+     * @default false
+     */
+    virtual?: number | {
+        minItemSize: number;
+        sizeDependencies?: (item: RecordType) => any[];
+    };
+    /**
+     * 列表数据的key
+     * @default "id"
+     */
+    rowKey?: string;
 };
 export type ApListExpose = {
     /**

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

@@ -10498,6 +10498,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<ValueType>;
                 default: number;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             defaultValue: {
                 type: PropType<ValueType>;
             };
@@ -10516,9 +10519,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             stringMode: {
                 type: PropType<boolean>;
             };
@@ -10646,6 +10646,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<ValueType>;
                 default: number;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             defaultValue: {
                 type: PropType<ValueType>;
             };
@@ -10664,9 +10667,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             stringMode: {
                 type: PropType<boolean>;
             };
@@ -10805,6 +10805,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<ValueType>;
                 default: number;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             defaultValue: {
                 type: PropType<ValueType>;
             };
@@ -10823,9 +10826,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             stringMode: {
                 type: PropType<boolean>;
             };
@@ -10964,6 +10964,9 @@ export declare const apTableRenderItemMap: {
             type: PropType<ValueType>;
             default: number;
         };
+        suffix: {
+            type: PropType<any>;
+        };
         defaultValue: {
             type: PropType<ValueType>;
         };
@@ -10982,9 +10985,6 @@ export declare const apTableRenderItemMap: {
         addonAfter: {
             type: PropType<any>;
         };
-        suffix: {
-            type: PropType<any>;
-        };
         stringMode: {
             type: PropType<boolean>;
         };
@@ -12835,6 +12835,9 @@ export declare const apTableRenderItemMap: {
             'onUpdate:value': {
                 type: PropType<(val: string) => void>;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             focused: {
                 type: PropType<boolean>;
             };
@@ -12878,9 +12881,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             clearIcon: {
                 type: PropType<any>;
             };
@@ -12987,6 +12987,9 @@ export declare const apTableRenderItemMap: {
             'onUpdate:value': {
                 type: PropType<(val: string) => void>;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             focused: {
                 type: PropType<boolean>;
             };
@@ -13030,9 +13033,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             clearIcon: {
                 type: PropType<any>;
             };
@@ -13145,6 +13145,9 @@ export declare const apTableRenderItemMap: {
             'onUpdate:value': {
                 type: PropType<(val: string) => void>;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             focused: {
                 type: PropType<boolean>;
             };
@@ -13188,9 +13191,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             clearIcon: {
                 type: PropType<any>;
             };
@@ -13306,6 +13306,9 @@ export declare const apTableRenderItemMap: {
         'onUpdate:value': {
             type: PropType<(val: string) => void>;
         };
+        suffix: {
+            type: PropType<any>;
+        };
         focused: {
             type: PropType<boolean>;
         };
@@ -13349,9 +13352,6 @@ export declare const apTableRenderItemMap: {
         addonAfter: {
             type: PropType<any>;
         };
-        suffix: {
-            type: PropType<any>;
-        };
         clearIcon: {
             type: PropType<any>;
         };
@@ -13485,6 +13485,9 @@ export declare const apTableRenderItemMap: {
         'onUpdate:value': {
             type: PropType<(val: string) => void>;
         };
+        rows: {
+            type: PropType<number>;
+        };
         focused: {
             type: PropType<boolean>;
         };
@@ -13529,9 +13532,6 @@ export declare const apTableRenderItemMap: {
             type: PropType<boolean>;
             default: boolean;
         };
-        rows: {
-            type: PropType<number>;
-        };
         autoSize: {
             type: PropType<boolean | AutoSizeType>;
         };
@@ -13633,6 +13633,9 @@ export declare const apTableRenderItemMap: {
         'onUpdate:value': {
             type: PropType<(val: string) => void>;
         };
+        rows: {
+            type: PropType<number>;
+        };
         focused: {
             type: PropType<boolean>;
         };
@@ -13677,9 +13680,6 @@ export declare const apTableRenderItemMap: {
             type: PropType<boolean>;
             default: boolean;
         };
-        rows: {
-            type: PropType<number>;
-        };
         autoSize: {
             type: PropType<boolean | AutoSizeType>;
         };
@@ -13973,6 +13973,9 @@ export declare const apTableRenderItemMap: {
             'onUpdate:value': {
                 type: PropType<(val: string) => void>;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             focused: {
                 type: PropType<boolean>;
             };
@@ -14016,9 +14019,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             clearIcon: {
                 type: PropType<any>;
             };
@@ -14142,6 +14142,9 @@ export declare const apTableRenderItemMap: {
             'onUpdate:value': {
                 type: PropType<(val: string) => void>;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             focused: {
                 type: PropType<boolean>;
             };
@@ -14185,9 +14188,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             clearIcon: {
                 type: PropType<any>;
             };
@@ -14322,6 +14322,9 @@ export declare const apTableRenderItemMap: {
             'onUpdate:value': {
                 type: PropType<(val: string) => void>;
             };
+            suffix: {
+                type: PropType<any>;
+            };
             focused: {
                 type: PropType<boolean>;
             };
@@ -14365,9 +14368,6 @@ export declare const apTableRenderItemMap: {
             addonAfter: {
                 type: PropType<any>;
             };
-            suffix: {
-                type: PropType<any>;
-            };
             clearIcon: {
                 type: PropType<any>;
             };
@@ -14502,6 +14502,9 @@ export declare const apTableRenderItemMap: {
         'onUpdate:value': {
             type: PropType<(val: string) => void>;
         };
+        suffix: {
+            type: PropType<any>;
+        };
         focused: {
             type: PropType<boolean>;
         };
@@ -14545,9 +14548,6 @@ export declare const apTableRenderItemMap: {
         addonAfter: {
             type: PropType<any>;
         };
-        suffix: {
-            type: PropType<any>;
-        };
         clearIcon: {
             type: PropType<any>;
         };

package/es/src/ap-tag/ap-tag.vue.mjs

@@ -1,8 +1,9 @@
-import { defineComponent as $, computed as n, openBlock as b, createElementBlock as w, normalizeStyle as y, normalizeClass as p, createElementVNode as z, toDisplayString as B } from "vue";
+import { defineComponent as $, computed as n, openBlock as b, createElementBlock as y, normalizeStyle as w, normalizeClass as p, createVNode as z, unref as B } from "vue";
 import "../config-provider/index.mjs";
-import { useGlobalConfig as _ } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as v } from "../config-provider/hooks/use-namespace.mjs";
-const E = /* @__PURE__ */ $({
+import { TypographyText as v } from "@aplus-frontend/antdv";
+import { useGlobalConfig as I } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as _ } from "../config-provider/hooks/use-namespace.mjs";
+const A = /* @__PURE__ */ $({
   name: "ApTag",
   __name: "ap-tag",
   props: {
@@ -12,7 +13,7 @@ const E = /* @__PURE__ */ $({
     disabled: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const e = i, o = _("uiMode"), { b: r, bm: a } = v("tag");
+    const e = i, o = I("uiMode"), { b: r, bm: a } = _("tag");
     function l(t, s) {
       t.length === 4 && (t = `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);
       const m = parseInt(t.slice(1, 3), 16), f = parseInt(t.slice(3, 5), 16), g = parseInt(t.slice(5, 7), 16), S = Math.round(s * 255).toString(16).padStart(2, "0");
@@ -21,20 +22,22 @@ const E = /* @__PURE__ */ $({
     const c = n(() => ({
       "--tag-main-color": e.color,
       "--tag-main-color-opacity": l(e.color, 0.06)
-    })), d = n(() => [r("wrapper"), a("wrapper", e.size)].filter(Boolean)), u = n(() => {
+    })), u = n(() => [r("wrapper"), a("wrapper", e.size)].filter(Boolean)), d = n(() => {
       const t = [r("inner-wrapper"), a("inner-wrapper", e.size)];
       return e.disabled && (o.value === "aplus" ? t.push(a("inner-wrapper", "disabled")) : t.push(a("inner-wrapper", "disabled-admin"))), t;
     });
-    return (t, s) => (b(), w("span", {
-      style: y(c.value),
-      class: p(d.value)
+    return (t, s) => (b(), y("span", {
+      style: w(c.value),
+      class: p(u.value)
     }, [
-      z("span", {
-        class: p(u.value)
-      }, B(t.text), 3)
+      z(B(v), {
+        class: p(d.value),
+        ellipsis: { tooltip: t.text },
+        content: t.text
+      }, null, 8, ["class", "ellipsis", "content"])
     ], 6));
   }
 });
 export {
-  E as default
+  A as default
 };

package/es/src/path-map.mjs

@@ -81,7 +81,9 @@ const e = {
   ApPopoverSelect: ["business", "ap-group-search", "popover-select"],
   ApExtensionSelect: ["business", "ap-group-search", "extension-select"],
   ApUploadSingle: ["business", "ap-upload-file", "ap-upload-single"],
-  BatchInputGroup: ["business", "batch-input-group"]
+  BatchInputGroup: ["business", "batch-input-group"],
+  ApFormControlRender: ["ap-form", "render"],
+  ApFormItemRender: ["ap-form", "render"]
 };
 export {
   e as default