@aplus-frontend/ui 6.24.1 → 6.25.0

package/es/src/ag-grid/interface.d.ts

@@ -19,6 +19,7 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
     bodyCellTooltip?: string | ((value: any, record: RecordType) => string);
     /**
      * 是否可以复制
+     * @deprecated 已弃用，请自行实现
      */
     copyable?: boolean;
     /**

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

@@ -151,7 +151,6 @@ export type ApFormListProps = {
     initialValue?: any[];
     transform?: ApFormItemTransformType;
 };
-type AllowCountPerRowType = 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
 export type ApFormSearchFormProps = ApFormProps & {
     collapse?: boolean;
     defaultCollapse?: boolean;
@@ -163,7 +162,7 @@ export type ApFormSearchFormProps = ApFormProps & {
     customReset?: boolean;
     extraInAction?: boolean;
     forceExpand?: boolean;
-    countPerRow?: AllowCountPerRowType;
+    countPerRow?: number;
     submitLoading?: boolean;
     /**
      * 最大显示的行（超出后将会收起进入更多筛选）

package/es/src/ap-form/search-form/hooks/use-count-per-row.mjs

@@ -1,35 +1,38 @@
-import { ref as w, watchEffect as a, computed as s, unref as i } from "vue";
-import { useResizeObserver as P } from "@vueuse/core";
-import { isUndefined as R } from "lodash-unified";
-const c = [1, 2, 3, 4, 6, 8, 12, 24], g = { xs: 0, sm: 768, md: 1280, lg: 1728 }, h = Object.entries(g).sort(
-  (t, r) => r[1] - t[1]
-), v = (t) => {
-  const r = w(0);
-  a(
-    (e) => {
-      const n = R(t.resizeTarget) ? document.documentElement : t.resizeTarget, { stop: o } = P(n, (f) => {
-        const m = f[0], { width: d } = m.contentRect;
-        r.value = d;
+import { ref as a, watchEffect as d, computed as r, unref as f } from "vue";
+import { useResizeObserver as w } from "@vueuse/core";
+import { isUndefined as h } from "lodash-unified";
+const l = { xs: 0, sm: 768, md: 1280, lg: 1728 }, z = Object.entries(l).sort(
+  (e, n) => n[1] - e[1]
+), p = (e) => {
+  const n = a(0);
+  d(
+    (t) => {
+      const o = h(e.resizeTarget) ? document.documentElement : e.resizeTarget, { stop: c } = w(o, (i) => {
+        const m = i[0], { width: u } = m.contentRect;
+        n.value = u;
       });
-      e(() => {
-        o();
+      t(() => {
+        c();
       });
     },
     { flush: "post" }
   );
-  const u = s(() => {
-    for (const [e, n] of h)
-      if (i(r) > n)
-        return e;
+  const s = r(() => {
+    for (const [t, o] of z)
+      if (f(n) > o)
+        return t;
     return "md";
   });
-  return s(() => {
-    const e = c.findIndex(
-      (o) => o === t.countPerRow
-    ), n = i(u);
-    return n === "lg" ? c[e + 1] || t.countPerRow : n === "xs" && c[e - 1] || t.countPerRow;
+  return r(() => {
+    const t = e.countPerRow, o = {
+      xs: t - 2,
+      sm: t - 1,
+      md: t,
+      lg: t + 1
+    };
+    return Math.max(1, o[s.value]);
   });
 };
 export {
-  v as useCountPerRow
+  p as useCountPerRow
 };

package/es/src/ap-form/search-form/index.vue.d.ts

@@ -414,7 +414,10 @@ declare function __VLS_template(): {
                             default: string | number | ColSize;
                         };
                         xl: {
-                            type: PropType<string | number | ColSize>;
+                            type: PropType<string | number | **
+                             *最后一行剩余的空间
+                             tips: 如果有小数，则其包含误差， 会比实际值更大
+                             */).ColSize>;
                             default: string | number | ColSize;
                         };
                         xxl: {
@@ -851,7 +854,7 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
     validateTrigger: string | string[];
     hideRequiredMark: boolean;
     validateOnRuleChange: boolean;
-    countPerRow: 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
+    countPerRow: number;
     defaultCollapse: boolean;
     customReset: boolean;
     extraInAction: boolean;
@@ -1253,7 +1256,10 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                         default: string | number | ColSize;
                     };
                     xl: {
-                        type: PropType<string | number | ColSize>;
+                        type: PropType<string | number | **
+                         *最后一行剩余的空间
+                         tips: 如果有小数，则其包含误差， 会比实际值更大
+                         */).ColSize>;
                         default: string | number | ColSize;
                     };
                     xxl: {

package/es/src/ap-form/search-form/index.vue.mjs

@@ -1,27 +1,28 @@
-import { isVNode as ne, defineComponent as le, useSlots as re, ref as D, shallowRef as U, computed as S, unref as n, watch as W, createVNode as o, Fragment as _, createBlock as x, openBlock as d, mergeProps as se, withCtx as A, resolveDynamicComponent as B, createElementBlock as ie, renderList as ue } from "vue";
-import { Col as w, Flex as I, Button as M, Row as ce } from "@aplus-frontend/antdv";
+import { isVNode as se, defineComponent as ie, useSlots as ce, ref as D, shallowRef as U, computed as _, unref as n, watch as z, createVNode as o, Fragment as w, createBlock as y, openBlock as d, mergeProps as ue, withCtx as B, resolveDynamicComponent as I, createElementBlock as pe, renderList as de, normalizeStyle as fe } from "vue";
+import { Col as R, Flex as k, Button as M, Row as me } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../item/index.vue2.mjs";
-import { genRealChildren as z } from "../item-group/helper.mjs";
+import { genRealChildren as q } from "../item-group/helper.mjs";
 import "../../config-provider/index.mjs";
-import { isArray as pe, isBoolean as de, omit as me } from "lodash-unified";
-import { isDef as q } from "../../utils/index.mjs";
-import { execFunc as H, diffFormItem as fe } from "./utils.mjs";
+import { isArray as he, isBoolean as xe, omit as ge } from "lodash-unified";
+import { isDef as H } from "../../utils/index.mjs";
+import { execFunc as G, diffFormItem as ye } from "./utils.mjs";
 import "./components/popover-filter.vue.mjs";
-import { useCountPerRow as he } from "./hooks/use-count-per-row.mjs";
+import { useCountPerRow as ve } from "./hooks/use-count-per-row.mjs";
 import "./components/popover-sorter/index.vue.mjs";
-import { useSorter as ge } from "./hooks/use-sorter.mjs";
-import { getTargetNode as xe } from "./hooks/use-collapse-input-count.mjs";
-import { useNamespace as ye } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as ve } from "../../config-provider/hooks/use-locale.mjs";
-import G from "../item/index.vue.mjs";
-import Ce from "./components/popover-filter.vue2.mjs";
-import Se from "./components/popover-sorter/index.vue2.mjs";
-import _e from "../ap-form.vue2.mjs";
-function we(m) {
-  return typeof m == "function" || Object.prototype.toString.call(m) === "[object Object]" && !ne(m);
+import { useSorter as Ce } from "./hooks/use-sorter.mjs";
+import { getTargetNode as Se } from "./hooks/use-collapse-input-count.mjs";
+import { floorWith as J } from "@fruits-chain/utils";
+import { useNamespace as _e } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as we } from "../../config-provider/hooks/use-locale.mjs";
+import K from "../item/index.vue.mjs";
+import Re from "./components/popover-filter.vue2.mjs";
+import be from "./components/popover-sorter/index.vue2.mjs";
+import Fe from "../ap-form.vue2.mjs";
+function Ne(f) {
+  return typeof f == "function" || Object.prototype.toString.call(f) === "[object Object]" && !se(f);
 }
-const s = 24, He = /* @__PURE__ */ le({
+const s = 100, Xe = /* @__PURE__ */ ie({
   name: "ApFormSearchForm",
   __name: "index",
   props: {
@@ -99,7 +100,7 @@ const s = 24, He = /* @__PURE__ */ le({
       default: !1
     },
     countPerRow: {
-      default: 4
+      default: 5
     },
     submitLoading: {
       type: Boolean
@@ -116,152 +117,159 @@ const s = 24, He = /* @__PURE__ */ le({
       default: 300
     }
   },
-  setup(m, {
-    expose: J
+  setup(f, {
+    expose: Q
   }) {
-    var L;
-    const i = re(), t = m, {
-      b: f
-    } = ye("ap-form-search-form"), {
-      t: k
-    } = ve(), K = he(t), y = D(), Q = D();
-    function T() {
+    var W;
+    const i = ce(), t = f, {
+      b: m
+    } = _e("ap-form-search-form"), {
+      t: T
+    } = we(), X = ve(t), v = D(), Y = D();
+    function P() {
       var a;
-      const e = (a = y.value) == null ? void 0 : a.getFieldsValueTransformed(!0);
-      H(t.onSubmit, e);
+      const e = (a = v.value) == null ? void 0 : a.getFieldsValueTransformed(!0);
+      G(t.onSubmit, e);
     }
-    function X() {
+    function Z() {
       var e, a;
-      t.customReset || (a = (e = y.value) == null ? void 0 : e.resetFields) == null || a.call(e), H(t.onReset);
+      t.customReset || (a = (e = v.value) == null ? void 0 : e.resetFields) == null || a.call(e), G(t.onReset);
     }
-    const Y = (e) => q(e) ? (pe(e) ? e : [e]).join("") : Date.now();
+    const ee = (e) => H(e) ? (he(e) ? e : [e]).join("") : Date.now();
     let E = [];
-    const h = U(z(i.default())), c = U((L = i.extra) == null ? void 0 : L.call(i)), P = S(() => Math.floor(s / n(K))), {
-      items: R,
-      sorted: O,
-      handleClickConfirm: b
-    } = ge(h);
-    W(() => i.default(), (e) => {
-      E = h.value, h.value = fe(E, z(e)), O.value = !1;
-    }), W(() => {
+    const h = U(q(i.default())), p = U((W = i.extra) == null ? void 0 : W.call(i)), O = _(() => J(s / n(X), 4)), {
+      items: b,
+      sorted: L,
+      handleClickConfirm: F
+    } = Ce(h);
+    z(() => i.default(), (e) => {
+      E = h.value, h.value = ye(E, q(e)), L.value = !1;
+    }), z(() => {
       var e;
       return (e = i.extra) == null ? void 0 : e.call(i);
     }, (e) => {
-      c.value = e;
+      p.value = e;
     });
-    const l = S(() => {
-      const e = h.value, a = [], r = [], g = [], u = n(P);
-      let v = 0, F = 0;
-      const te = s * t.maxRows - u * (n(c) && !t.extraInAction ? 2 : 1);
-      e.forEach((N) => {
-        const p = xe(N).props;
-        if (de(p.hidden) ? !!p.hidden : q(p.hidden))
-          a.push(N);
+    function te(e) {
+      return J(e * (s / 24), 4);
+    }
+    const l = _(() => {
+      const e = h.value, a = [], r = [], g = [], c = n(O);
+      console.log("_spanPerCol", c);
+      let C = 0, N = 0;
+      const ne = s * t.maxRows - c * (n(p) && !t.extraInAction ? 2 : 1);
+      e.forEach((A) => {
+        const u = Se(A).props;
+        if (xe(u.hidden) ? !!u.hidden : H(u.hidden))
+          a.push(A);
         else {
-          let C = p.span || u;
-          const V = {
-            node: N,
-            span: C,
-            key: `ApFormSearchFormItem-${Y(p.name)}-${p._signal}`
-          }, $ = s - v % s;
-          $ < C && (C += $), v += C, v > te ? r.push(V) : (F = v, g.push(V));
+          let S = u.span ? te(u.span) : c;
+          const j = {
+            node: A,
+            span: S,
+            key: `ApFormSearchFormItem-${ee(u.name)}-${u._signal}`
+          }, V = s - C % s;
+          V < S && (S += V), C += S, C > ne ? r.push(j) : (N = C, g.push(j));
         }
       });
-      const j = s - (F + u) % s, oe = F % s < u, ae = j < u ? s : j;
+      const $ = s - (N + c) % s, le = Math.ceil(N) % s < c, re = $ < c ? s : $;
       return {
-        hideNode: o(_, null, [a]),
+        hideNode: o(w, null, [a]),
         nodes: g,
         collapseNodes: r,
-        extraSpan: ae,
-        lastRowOnlyIncludeActionAndExtra: oe
+        extraSpan: re,
+        lastRowOnlyIncludeActionAndExtra: le
       };
-    }), Z = S(() => {
+    }), x = (e) => `${e}%`, oe = _(() => {
       let e;
-      const a = l.value.collapseNodes.length || t.sortable && h.value.length, r = o(w, {
-        span: n(P),
+      const a = l.value.collapseNodes.length || t.sortable && h.value.length, r = o(R, {
+        flex: x(n(O)),
         key: "actionWrapper"
       }, {
-        default: () => [o(G, null, {
-          default: () => [o(I, {
+        default: () => [o(K, null, {
+          default: () => [o(k, {
             wrap: "wrap",
-            justify: l.value.lastRowOnlyIncludeActionAndExtra && !(n(c) && t.extraInAction) ? "flex-end" : "space-between"
+            justify: l.value.lastRowOnlyIncludeActionAndExtra && !(n(p) && t.extraInAction) ? "flex-end" : "space-between"
           }, {
-            default: () => [o(I, {
+            default: () => [o(k, {
               gap: 8,
               wrap: "wrap"
             }, {
               default: () => [a ? o("div", {
-                class: f("column-setting-trigger-wrapper")
-              }, [l.value.collapseNodes.length ? o(Ce, {
-                onSubmit: T,
+                class: m("column-setting-trigger-wrapper")
+              }, [l.value.collapseNodes.length ? o(Re, {
+                onSubmit: P,
                 config: l.value.collapseNodes,
                 submitLoading: t.submitLoading
-              }, null) : null, t.sortable && R.value.length ? o(Se, {
+              }, null) : null, t.sortable && b.value.length ? o(be, {
                 ref: "sorterIns",
-                items: R.value,
-                onClickConfirm: b,
-                sorted: O.value
+                items: b.value,
+                onClickConfirm: F,
+                sorted: L.value
               }, null) : null]) : null, o(M, {
                 type: "primary",
-                onClick: T,
+                onClick: P,
                 loading: t.submitLoading ? {
                   delay: t.loadingDelay
                 } : !1,
                 htmlType: "submit",
-                class: f("action-btn")
+                class: m("action-btn")
               }, {
-                default: () => [t.searchText || k("ap.apForm.search.search")]
+                default: () => [t.searchText || T("ap.apForm.search.search")]
               }), o(M, {
-                onClick: X,
+                onClick: Z,
                 type: "text",
-                class: [f("action-btn"), f("action-btn-reset")]
+                class: [m("action-btn"), m("action-btn-reset")]
               }, {
-                default: () => [t.resetText || k("ap.apForm.search.reset")]
+                default: () => [t.resetText || T("ap.apForm.search.reset")]
               })]
-            }), t.extraInAction ? n(c) : null]
+            }), t.extraInAction ? n(p) : null]
           })]
         })]
-      }), g = !t.extraInAction && n(c) ? o(w, {
-        span: l.value.extraSpan,
+      }), g = !t.extraInAction && n(p) ? o(R, {
+        flex: x(l.value.extraSpan),
         key: "extraNode"
       }, {
-        default: () => [o(G, null, {
-          default: () => [o(I, {
+        default: () => [o(K, null, {
+          default: () => [o(k, {
             justify: l.value.extraSpan === s || l.value.lastRowOnlyIncludeActionAndExtra ? "start" : "flex-end"
-          }, we(e = n(c)) ? e : {
+          }, Ne(e = n(p)) ? e : {
             default: () => [e]
           })]
         })]
-      }) : null, u = o(w, {
-        span: l.value.extraSpan
+      }) : null, c = o(R, {
+        flex: x(l.value.extraSpan)
       }, null);
-      return l.value.lastRowOnlyIncludeActionAndExtra ? o(_, null, [g || u, r]) : o(_, null, [r, g]);
+      return l.value.lastRowOnlyIncludeActionAndExtra ? o(w, null, [g || c, r]) : o(w, null, [r, g]);
     });
-    function ee() {
+    function ae() {
       var a;
-      const e = (a = Q.value) == null ? void 0 : a.getCachedList();
-      b(e);
+      const e = (a = Y.value) == null ? void 0 : a.getCachedList();
+      F(e);
     }
-    return J({
-      apForm: S(() => n(y)),
-      getSorterItems: () => R.value,
-      setSorterItems: b,
-      resetSorterItems: ee
-    }), (e, a) => (d(), x(_e, se({
+    return Q({
+      apForm: _(() => n(v)),
+      getSorterItems: () => b.value,
+      setSorterItems: F,
+      resetSorterItems: ae
+    }), (e, a) => (d(), y(Fe, ue({
       ref_key: "apForm",
-      ref: y,
-      class: n(f)()
-    }, n(me)(t, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
-      default: A(() => [(d(), x(B(l.value.hideNode))), o(n(ce), {
+      ref: v,
+      class: n(m)()
+    }, n(ge)(t, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
+      default: B(() => [(d(), y(I(l.value.hideNode))), o(n(me), {
         gutter: 8
       }, {
-        default: A(() => [(d(!0), ie(_, null, ue(l.value.nodes, (r) => (d(), x(n(w), {
+        default: B(() => [(d(!0), pe(w, null, de(l.value.nodes, (r) => (d(), y(n(R), {
           key: r.key,
-          span: r.span
+          flex: x(r.span),
+          style: fe({
+            maxWidth: x(r.span)
+          })
         }, {
-          default: A(() => [(d(), x(B(r.node)))]),
+          default: B(() => [(d(), y(I(r.node)))]),
           _: 2
-        }, 1032, ["span"]))), 128)), (d(), x(B(Z.value)))]),
+        }, 1032, ["flex", "style"]))), 128)), (d(), y(I(oe.value)))]),
         _: 1
       })]),
       _: 1
@@ -269,5 +277,5 @@ const s = 24, He = /* @__PURE__ */ le({
   }
 });
 export {
-  He as default
+  Xe as default
 };

package/es/src/ap-pro-card/components/card/index.vue.d.ts

@@ -21,9 +21,9 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
     gutter: ApProCardGutter | ApProCardGutter[];
     ghost: boolean;
     bordered: boolean;
+    collapsible: boolean;
     headerBordered: boolean;
     hoverable: boolean;
-    collapsible: boolean;
     defaultCollapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/src/ap-pro-card/components/statistic/index.vue.d.ts

@@ -8,6 +8,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApProCardStatisticProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApProCardStatisticProps> & Readonly<{}>, {
+    size: "default" | "small";
     title: string | number | boolean | void | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
@@ -15,7 +16,7 @@ declare const __VLS_component: DefineComponent<ApProCardStatisticProps, {}, {},
     }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;
-    layout: "horizontal" | "vertical" | "inline";
+    layout: "horizontal" | "vertical" | "vertical-center" | "inline";
     icon: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;

package/es/src/ap-pro-card/components/statistic/index.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as E, useSlots as F, computed as i, createVNode as r, Fragment as d, createElementBlock as P, openBlock as l, mergeProps as y, createBlock as a, createElementVNode as x, resolveDynamicComponent as o, normalizeClass as C, unref as O, createSlots as V, withCtx as s } from "vue";
-import { QuestionCircleOutlined as z } from "@ant-design/icons-vue";
+import { defineComponent as h, useSlots as E, computed as i, createVNode as r, Fragment as d, createElementBlock as F, openBlock as u, mergeProps as x, createBlock as a, createElementVNode as C, resolveDynamicComponent as o, normalizeClass as B, unref as O, createSlots as P, withCtx as s } from "vue";
+import { QuestionCircleOutlined as V } from "@ant-design/icons-vue";
 import { Tooltip as I, Badge as Q, Statistic as R } from "@aplus-frontend/antdv";
 import { omit as T } from "lodash-unified";
 import "../../../config-provider/index.mjs";
-import { mergeClass as B } from "../../../editable-table/utils.mjs";
+import { mergeClass as c } from "../../../editable-table/utils.mjs";
 import { useNamespace as q } from "../../../config-provider/hooks/use-namespace.mjs";
-const Y = /* @__PURE__ */ E({
+const Y = /* @__PURE__ */ h({
   name: "ApProCardStatistic",
   __name: "index",
   props: {
@@ -55,78 +55,84 @@ const Y = /* @__PURE__ */ E({
     },
     trend: {
       default: void 0
+    },
+    size: {
+      default: "default"
     }
   },
   setup(S) {
-    const t = F(), n = S, {
-      b: u
-    } = q("pro-card-statistic"), b = i(() => u()), g = i(() => u("tip")), D = i(() => {
-      const e = u();
-      return B(`${e}-trend-icon`, [n.trend ? `${e}-trend-icon-${n.trend}` : void 0].filter(Boolean));
-    }), N = i(() => u("status")), $ = i(() => u("icon")), M = i(() => u("wrapper")), A = i(() => u("content")), j = i(() => {
-      const e = u();
-      return B(`${e}-layout`, [n.layout ? `${e}-layout-${n.layout}` : void 0, n.trend ? `${e}-trend-${n.trend}` : void 0].filter(Boolean));
-    }), k = i(() => u("description")), c = i(() => {
+    const t = E(), n = S, {
+      b: l
+    } = q("pro-card-statistic"), b = i(() => {
+      const e = l();
+      return c(`${e}`, [n.size ? `${e}-size-${n.size}` : void 0].filter(Boolean));
+    }), g = i(() => l("tip")), $ = i(() => {
+      const e = l();
+      return c(`${e}-trend-icon`, [n.trend ? `${e}-trend-icon-${n.trend}` : void 0].filter(Boolean));
+    }), D = i(() => l("status")), N = i(() => l("icon")), M = i(() => l("wrapper")), A = i(() => l("content")), j = i(() => {
+      const e = l();
+      return c(`${e}-layout`, [n.layout ? `${e}-layout-${n.layout}` : void 0, n.trend ? `${e}-trend-${n.trend}` : void 0].filter(Boolean));
+    }), k = i(() => l("description")), f = i(() => {
       var e;
       return n.tip || t.tip ? r(I, {
         title: n.tip ?? ((e = t.tip) == null ? void 0 : e.call(t))
       }, {
-        default: () => [r(z, {
+        default: () => [r(V, {
           class: g.value
         }, null)]
       }) : void 0;
-    }), f = i(() => n.trend ? r("div", {
-      class: D.value
+    }), p = i(() => n.trend ? r("div", {
+      class: $.value
     }, null) : void 0), _ = i(() => n.status ? r(Q, {
-      class: N.value,
+      class: D.value,
       status: n.status
-    }, null) : void 0), w = i(() => {
+    }, null) : void 0), z = i(() => {
       var e;
       return n.icon || t.icon ? r("div", {
-        class: $.value
+        class: N.value
       }, [n.icon ?? ((e = t.icon) == null ? void 0 : e.call(t))]) : void 0;
-    }), p = i(() => {
+    }), m = i(() => {
       var e;
       return n.title || t.title ? r(d, null, [n.title || ((e = t.title) == null ? void 0 : e.call(t))]) : void 0;
-    }), m = i(() => {
+    }), v = i(() => {
       var e;
       return n.prefix || t.prefix ? r(d, null, [n.prefix || ((e = t.prefix) == null ? void 0 : e.call(t))]) : void 0;
-    }), v = i(() => {
+    }), y = i(() => {
       var e;
       return n.suffix || t.suffix ? r(d, null, [n.suffix || ((e = t.suffix) == null ? void 0 : e.call(t))]) : void 0;
-    }), h = i(() => {
+    }), w = i(() => {
       var e;
       return n.description || t.description ? r("div", {
         class: k.value
       }, [n.description || ((e = t.description) == null ? void 0 : e.call(t))]) : void 0;
     });
-    return (e, G) => (l(), P("div", y({
+    return (e, G) => (u(), F("div", x({
       ...e.$attrs
     }, {
       class: b.value
-    }), [(l(), a(o(w.value))), x("div", {
-      class: C(M.value)
-    }, [(l(), a(o(_.value))), x("div", {
-      class: C(A.value)
-    }, [r(O(R), y({
+    }), [(u(), a(o(z.value))), C("div", {
+      class: B(M.value)
+    }, [(u(), a(o(_.value))), C("div", {
+      class: B(A.value)
+    }, [r(O(R), x({
       class: j.value
     }, {
       ...O(T)(n, ["title", "prefix"])
-    }), V({
+    }), P({
       _: 2
-    }, [p.value || c.value ? {
+    }, [m.value || f.value ? {
       name: "title",
-      fn: s(() => [(l(), a(o(p.value))), (l(), a(o(c.value)))]),
+      fn: s(() => [(u(), a(o(m.value))), (u(), a(o(f.value)))]),
       key: "0"
-    } : void 0, f.value || m.value ? {
+    } : void 0, p.value || v.value ? {
       name: "prefix",
-      fn: s(() => [(l(), a(o(f.value))), (l(), a(o(m.value)))]),
+      fn: s(() => [(u(), a(o(p.value))), (u(), a(o(v.value)))]),
       key: "1"
-    } : void 0, v.value ? {
+    } : void 0, y.value ? {
       name: "suffix",
-      fn: s(() => [(l(), a(o(v.value)))]),
+      fn: s(() => [(u(), a(o(y.value)))]),
       key: "2"
-    } : void 0]), 1040, ["class"]), (l(), a(o(h.value)))], 2)], 2)], 16));
+    } : void 0]), 1040, ["class"]), (u(), a(o(w.value)))], 2)], 2)], 16));
   }
 });
 export {

package/es/src/ap-pro-card/interface.d.ts

@@ -79,9 +79,11 @@ export type ApProCardStatisticProps = StatisticProps & {
     /** Icon 图标 */
     icon?: VNodeChild;
     /** Layout 布局 */
-    layout?: 'horizontal' | 'vertical' | 'inline';
+    layout?: 'horizontal' | 'vertical' | 'vertical-center' | 'inline';
     /** 趋势 */
     trend?: 'up' | 'down';
+    /** 尺寸 */
+    size?: 'default' | 'small';
 };
 export type ApProCardStatisticSolts = {
     /**