@aplus-frontend/ui 0.2.19 → 0.2.21

package/es/src/ap-form/render/control.vue.d.ts

@@ -0,0 +1,29 @@
+import { FormItemStatusContextProps } from '@aplus-frontend/antdv/es/form/FormItemContext';
+import { ApFormControlRenderProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+type SlotsType = {
+    default: (props: FormItemStatusContextProps & NonNullable<ApFormControlRenderProps>) => any;
+};
+declare function __VLS_template(): {
+    slots: Readonly<SlotsType> & SlotsType;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_TypePropsToOption<ApFormControlRenderProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<ApFormControlRenderProps>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-form/render/control.vue.mjs

@@ -0,0 +1,23 @@
+import { defineComponent as p, computed as u, renderSlot as c, normalizeProps as s, guardReactiveProps as a } from "vue";
+import { FormItemInputContext as m } from "@aplus-frontend/antdv/es/form/FormItemContext";
+const f = /* @__PURE__ */ p({
+  name: "ApFormControlRender",
+  __name: "control",
+  props: {
+    value: {},
+    "onUpdate:value": { type: Function },
+    bordered: { type: Boolean },
+    onFocus: { type: Function },
+    onBlur: { type: Function }
+  },
+  setup(e) {
+    const o = e, t = m.useInject(), n = u(() => ({
+      ...t,
+      ...o
+    }));
+    return (r, l) => c(r.$slots, "default", s(a(n.value)));
+  }
+});
+export {
+  f as default
+};

package/es/src/ap-form/render/control.vue2.mjs

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

package/es/src/ap-form/render/item.vue.d.ts

@@ -0,0 +1,63 @@
+import { FormItemStatusContextProps } from '@aplus-frontend/antdv/es/form/FormItemContext';
+import { ApFormControlRenderProps, ApFormItemSlots } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ApFormItemProps } from '..';
+declare function __VLS_template(): {
+    slots: Readonly<{
+        default: (props: FormItemStatusContextProps & NonNullable<ApFormControlRenderProps>) => any;
+    } & Omit<ApFormItemSlots, "default">> & {
+        default: (props: FormItemStatusContextProps & NonNullable<ApFormControlRenderProps>) => any;
+    } & Omit<ApFormItemSlots, "default">;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption< ApFormItemProps>, {
+    hasFeedback: boolean;
+    colon: undefined;
+    autoLink: boolean;
+    required: undefined;
+    validateFirst: undefined;
+    bordered: boolean;
+    valuePropName: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption< ApFormItemProps>, {
+    hasFeedback: boolean;
+    colon: undefined;
+    autoLink: boolean;
+    required: undefined;
+    validateFirst: undefined;
+    bordered: boolean;
+    valuePropName: string;
+}>>>, {
+    bordered: boolean;
+    colon: boolean;
+    required: boolean;
+    hasFeedback: boolean;
+    autoLink: boolean;
+    validateFirst: boolean;
+    valuePropName: string;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/ap-form/render/item.vue.mjs

@@ -0,0 +1,72 @@
+import { defineComponent as m, useSlots as c, openBlock as B, createBlock as v, unref as e, normalizeProps as o, guardReactiveProps as l, createSlots as y, withCtx as t, createVNode as x, renderSlot as s, renderList as _ } from "vue";
+import { omit as g } from "lodash-unified";
+import { ApForm as p } from "../index.mjs";
+const S = /* @__PURE__ */ m({
+  name: "ApFormItemRender",
+  __name: "item",
+  props: {
+    htmlFor: {},
+    prefixCls: {},
+    label: {},
+    help: {},
+    extra: {},
+    labelCol: {},
+    wrapperCol: {},
+    hasFeedback: { type: Boolean, default: !1 },
+    colon: { type: Boolean, default: void 0 },
+    labelAlign: {},
+    prop: {},
+    name: {},
+    rules: {},
+    autoLink: { type: Boolean, default: !0 },
+    required: { type: Boolean, default: void 0 },
+    validateFirst: { type: Boolean, default: void 0 },
+    validateStatus: {},
+    validateTrigger: {},
+    messageVariables: {},
+    hidden: { type: Boolean },
+    noStyle: { type: Boolean },
+    tooltip: {},
+    span: {},
+    order: {},
+    offset: {},
+    push: {},
+    pull: {},
+    xs: {},
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {},
+    xxl: {},
+    flex: {},
+    bordered: { type: Boolean, default: !1 },
+    valuePropName: { default: "value" },
+    initialValue: {},
+    _signal: {},
+    transform: {}
+  },
+  setup(d) {
+    const u = d, i = c();
+    return (a, h) => (B(), v(e(p).FormItem, o(l(u)), y({
+      default: t(() => [
+        x(e(p).ControlRender, null, {
+          default: t((r) => [
+            s(a.$slots, "default", o(l(r)))
+          ]),
+          _: 3
+        })
+      ]),
+      _: 2
+    }, [
+      _(e(g)(i, "default"), (r, n) => ({
+        name: n,
+        fn: t((f) => [
+          s(a.$slots, n, o(l(f || {})))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  S as default
+};

package/es/src/ap-form/render/item.vue2.mjs

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

package/es/src/ap-form/render/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/ap-form/render/style/css.js

@@ -0,0 +1 @@
+export {};

package/es/src/ap-form/render/style/style.d.ts

@@ -0,0 +1 @@
+export {};

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 = {
     /**