@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

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

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

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

@@ -1,13 +1,14 @@
-import { defineComponent as O, useSlots as N, computed as r, createVNode as a, mergeProps as f, createBlock as s, openBlock as u, createSlots as _, withCtx as m, createCommentVNode as y, renderSlot as h, resolveDynamicComponent as v, renderList as $, unref as A } from "vue";
+import { defineComponent as N, useSlots as _, computed as r, createVNode as a, mergeProps as f, createBlock as c, openBlock as u, createSlots as $, withCtx as m, createCommentVNode as y, renderSlot as h, resolveDynamicComponent as v, renderList as A, unref as j } from "vue";
 import "../../../config-provider/index.mjs";
 import "../card/index.vue.mjs";
 import "../statistic/index.vue.mjs";
 import { mergeClass as b } from "../../../editable-table/utils.mjs";
-import { omit as j } from "lodash-unified";
-import { useNamespace as P } from "../../../config-provider/hooks/use-namespace.mjs";
-import D from "../statistic/index.vue2.mjs";
-import k from "../card/index.vue2.mjs";
-const G = /* @__PURE__ */ O({
+import { omit as P } from "lodash-unified";
+import D from "../../style/statistics-card.mjs";
+import { useNamespace as k } from "../../../config-provider/hooks/use-namespace.mjs";
+import M from "../statistic/index.vue2.mjs";
+import w from "../card/index.vue2.mjs";
+const K = /* @__PURE__ */ N({
   name: "ApStatisticCard",
   __name: "index",
   props: {
@@ -75,15 +76,15 @@ const G = /* @__PURE__ */ O({
     }
   },
   setup(B) {
-    const t = B, e = N(), {
+    const t = B, e = _(), {
       b: n
-    } = P("statistic-card"), S = r(() => n()), g = r(() => {
+    } = k("statistic-card"), S = D("statistic-card"), g = r(() => [n(), S.value]), C = r(() => {
       const o = n("chart");
       return b(`${o}`, [t.chartPlacement === "left" ? `${o}-left` : void 0, t.chartPlacement === "right" ? `${o}-right` : void 0].filter(Boolean));
     }), p = r(() => {
       const o = n("content");
       return b(`${o}`, [t.chartPlacement === "left" || t.chartPlacement === "right" ? `${o}-horizontal` : void 0].filter(Boolean));
-    }), C = r(() => n("footer")), l = r(() => t.statistic ? a(D, f({
+    }), x = r(() => n("footer")), l = r(() => t.statistic ? a(M, f({
       layout: "vertical"
     }, t.statistic, {
       title: t.statistic?.title || e.statisticTitle?.(),
@@ -93,31 +94,31 @@ const G = /* @__PURE__ */ O({
       tip: t.statistic?.tip || e.tip?.(),
       description: t.statistic?.description || e.description?.()
     }), null) : void 0), i = r(() => t.chart || e.chart ? a("div", {
-      class: g.value
-    }, [t.chart || e.chart?.()]) : void 0), c = r(() => i.value || l.value ? t.chartPlacement === "left" ? a("div", {
+      class: C.value
+    }, [t.chart || e.chart?.()]) : void 0), s = r(() => i.value || l.value ? t.chartPlacement === "left" ? a("div", {
       class: p.value
     }, [i.value, l.value]) : a("div", {
       class: p.value
-    }, [l.value, i.value]) : void 0), x = r(() => t.footer || e.footer ? a("div", {
-      class: C.value
+    }, [l.value, i.value]) : void 0), O = r(() => t.footer || e.footer ? a("div", {
+      class: x.value
     }, [t.footer || e.footer?.()]) : void 0);
-    return (o, M) => (u(), s(k, f({
-      class: S.value
+    return (o, I) => (u(), c(w, f({
+      class: g.value
     }, {
       ...t
-    }), _({
-      default: m(() => [c.value ? (u(), s(v(c.value), {
+    }), $({
+      default: m(() => [s.value ? (u(), c(v(s.value), {
         key: 0
-      })) : y("", !0), h(o.$slots, "default"), c.value ? (u(), s(v(x.value), {
+      })) : y("", !0), h(o.$slots, "default"), s.value ? (u(), c(v(O.value), {
         key: 1
       })) : y("", !0)]),
       _: 2
-    }, [$(A(j)(e, ["chart", "footer", "description", "default"]), (w, d) => ({
+    }, [A(j(P)(e, ["chart", "footer", "description", "default"]), (V, d) => ({
       name: d,
       fn: m(() => [h(o.$slots, d)])
     }))]), 1040, ["class"]));
   }
 });
 export {
-  G as default
+  K as default
 };

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

@@ -1,9 +1,10 @@
-import { defineComponent as a, computed as s, createElementBlock as p, openBlock as i, normalizeClass as u, renderSlot as d } from "vue";
+import { defineComponent as s, computed as p, createElementBlock as i, openBlock as u, normalizeClass as d, renderSlot as m } from "vue";
 import "../../../config-provider/index.mjs";
-import { mergeClass as m } from "../../../editable-table/utils.mjs";
-import { useNamespace as c } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as f } from "../../../config-provider/hooks/use-global-config.mjs";
-const B = /* @__PURE__ */ a({
+import { mergeClass as c } from "../../../editable-table/utils.mjs";
+import f from "../../style/title.mjs";
+import { useNamespace as C } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as $ } from "../../../config-provider/hooks/use-global-config.mjs";
+const g = /* @__PURE__ */ s({
   name: "ApProCardTitle",
   __name: "index",
   props: {
@@ -14,15 +15,15 @@ const B = /* @__PURE__ */ a({
   setup(r) {
     const {
       b: l
-    } = c("pro-card-title"), o = f("uiMode"), t = r, n = s(() => {
+    } = C("pro-card-title"), a = f("pro-card-title"), o = $("uiMode"), t = r, n = p(() => {
       const e = l();
-      return m(`${e}`, [t.type ? `${e}-${t.type}` : void 0, o.value ? `${e}-${t.type ?? "default"}-${o.value}` : void 0].filter(Boolean));
+      return c(`${e}`, [t.type ? `${e}-${t.type}` : void 0, o.value ? `${e}-${t.type ?? "default"}-${o.value}` : void 0, a.value].filter(Boolean));
     });
-    return (e, C) => (i(), p("div", {
-      class: u(n.value)
-    }, [d(e.$slots, "default")], 2));
+    return (e, v) => (u(), i("div", {
+      class: d(n.value)
+    }, [m(e.$slots, "default")], 2));
   }
 });
 export {
-  B as default
+  g as default
 };

package/es/src/ap-pro-card/style/divider.d.ts

@@ -0,0 +1,6 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { ProCardToken } from './token';
+import { Ref } from 'vue';
+export declare const genProCardDividerStyle: GenStyleFunc<ProCardToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/ap-pro-card/style/divider.mjs

@@ -0,0 +1,45 @@
+import { defaultToken as e } from "./token.mjs";
+import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
+const a = (r) => {
+  const { componentCls: t } = r, o = `${r.apProCardBorderLineWidth} ${r.apProCardBorderLineType} ${r.apProCardBorderColorSplit}`;
+  return {
+    [t]: {
+      flex: "none",
+      backgroundColor: r.apProCardBorderColorSplit,
+      "&-vertical": {
+        position: "relative",
+        marginInline: "8px",
+        "&::after": {
+          position: "absolute",
+          height: r.apProCardDividerLineHeight,
+          top: "50%",
+          transform: "translateY(-50%)",
+          right: 0,
+          borderRight: o,
+          content: '""'
+        }
+      },
+      "&-horizontal": {
+        position: "relative",
+        marginBlock: "8px",
+        "&::after": {
+          position: "absolute",
+          width: r.apProCardDividerLineHeight,
+          left: "50%",
+          transform: "translateX(-50%)",
+          bottom: 0,
+          borderBottom: o,
+          content: '""'
+        }
+      }
+    }
+  };
+}, l = i(
+  "ProCard.Divider",
+  (r) => [a(r)],
+  e
+);
+export {
+  l as default,
+  a as genProCardDividerStyle
+};

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

@@ -0,0 +1,6 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { ProCardToken } from './token';
+import { Ref } from 'vue';
+export declare const genProCardStyle: GenStyleFunc<ProCardToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/ap-pro-card/style/index.mjs

@@ -0,0 +1,169 @@
+import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
+import { defaultToken as d } from "./token.mjs";
+const i = () => {
+  const r = {};
+  r["&-span-0"] = {
+    display: "none"
+  };
+  for (let o = 1; o <= 24; o++) {
+    const a = o / 24 * 100;
+    r[`&-span-${o}`] = {
+      flexShrink: 0,
+      width: `${a}%`
+    };
+  }
+  return r;
+}, t = (r) => {
+  const { componentCls: o } = r, a = `${r.apProCardBorderLineWidth} ${r.apProCardBorderLineType} ${r.apProCardBorderColorSplit}`;
+  return {
+    [o]: {
+      position: "relative",
+      display: "flex",
+      flexDirection: "column",
+      boxSizing: "border-box",
+      padding: 0,
+      width: "100%",
+      transition: "all 0.3s",
+      backgroundColor: r.apProCardColorBgContainer,
+      borderRadius: r.apProCardBorderRadius,
+      fontSize: r.fontSize,
+      lineHeight: r.lineHeight,
+      "&-border": {
+        border: a
+      },
+      "&-box-shadow": {
+        borderColor: "transparent",
+        boxShadow: r.apProCardBoxShadow
+      },
+      "&-hoverable": {
+        cursor: "pointer",
+        transition: "box-shadow 0.3s, border-color 0.3s",
+        "&:hover": {
+          borderColor: "transparent",
+          boxShadow: r.apProCardBoxShadow
+        }
+      },
+      [`${o}-header`]: {
+        display: "flex",
+        alignItems: "center",
+        padding: r.apProCardHeaderPadding,
+        "&-title": {
+          display: "flex",
+          fontSize: r.apProCardHeaderTitleFontSize,
+          color: r.apProCardHeaderTitleFontColor,
+          fontWeight: "500",
+          "&-tooltip": {
+            marginLeft: "5px",
+            fontSize: r.fontSize,
+            color: r.apProCardTooltipColor
+          }
+        },
+        "&-extra": {
+          marginInlineStart: "auto"
+        },
+        "&-border": {
+          paddingBlockEnd: r.apProCardHeaderPaddingBottom,
+          borderBlockEnd: a
+        },
+        "&-collapsible": {
+          cursor: "pointer"
+        }
+      },
+      [`${o}-collapsible-icon`]: {
+        marginInlineEnd: "4px",
+        color: r.apProCardHeaderTitleFontColor,
+        fontSize: r.fontSizeLG,
+        transition: "transform 0.3s",
+        "&:hover": {
+          color: r.hoverColorBase
+        },
+        "&.aplus-frontend-icon": {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }
+      },
+      [`&-type-inner > ${o}-header`]: {
+        background: r.apProCardAreaColor
+      },
+      [`${o}-body`]: {
+        display: "block",
+        boxSizing: "border-box",
+        height: "100%",
+        padding: r.apProCardBodyPadding,
+        "&-center": {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        "&-direction-column": {
+          flexDirection: "column"
+        },
+        "&-wrap": {
+          flexWrap: "wrap"
+        }
+      },
+      [`&-contain-card > ${o}-body`]: {
+        display: "flex"
+      },
+      [`&-split > ${o}-body`]: {
+        padding: 0
+      },
+      "&-ghost": {
+        background: "transparent"
+      },
+      [`&-ghost > ${o}-body`]: {
+        background: "transparent",
+        padding: 0
+      },
+      [`${o}-col`]: {
+        width: "100%",
+        "&-split-vertical": {
+          position: "relative",
+          "&::after": {
+            position: "absolute",
+            height: r.apProCardSplitLineHeight,
+            top: "50%",
+            transform: "translateY(-50%)",
+            right: 0,
+            borderRight: a,
+            content: '""'
+          }
+        },
+        "&-split-horizontal": {
+          position: "relative",
+          "&::after": {
+            position: "absolute",
+            width: r.apProCardSplitLineHeight,
+            left: "50%",
+            transform: "translateX(-50%)",
+            bottom: 0,
+            borderBottom: a,
+            content: '""'
+          }
+        },
+        ...i(r)
+      },
+      [`${o}-actions`]: {
+        borderBlockStart: a,
+        background: r.apProCardColorBgContainer,
+        padding: r.apProCardActionsPadding
+      },
+      [`&-collapsed > ${o}-header`]: {
+        paddingBlockEnd: r.apProCardHeaderPaddingBottom,
+        borderBlockEnd: 0
+      },
+      [`&-collapsed > ${o}-body`]: {
+        display: "none"
+      }
+    }
+  };
+}, p = e(
+  "ProCard",
+  (r) => [t(r)],
+  d
+);
+export {
+  p as default,
+  t as genProCardStyle
+};

package/es/src/ap-pro-card/style/operation.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genProCardOperationStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/ap-pro-card/style/operation.mjs

@@ -0,0 +1,18 @@
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+const t = (e) => ({
+  [e.componentCls]: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    marginInline: 0,
+    fontWeight: "500",
+    fontSize: "20px",
+    lineHeight: "26px"
+  }
+}), r = n("ProCard.Operation", (e) => [
+  t(e)
+]);
+export {
+  r as default,
+  t as genProCardOperationStyle
+};

package/es/src/ap-pro-card/style/statistic.d.ts

@@ -0,0 +1,6 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { ProCardToken } from './token';
+import { Ref } from 'vue';
+export declare const genProCardStatisticsStyle: GenStyleFunc<ProCardToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/ap-pro-card/style/statistic.mjs

@@ -0,0 +1,135 @@
+import { defaultToken as n } from "./token.mjs";
+import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
+const o = (t) => {
+  const { componentCls: i } = t;
+  return {
+    [i]: {
+      display: "flex",
+      "& + &": {
+        marginBlockStart: "4px"
+      },
+      [`${i}-tip`]: {
+        marginInlineStart: "4px",
+        color: t.textColor3
+      },
+      [`${i}-wrapper`]: {
+        display: "flex",
+        width: "100%"
+      },
+      [`${i}-status`]: {
+        width: "14px",
+        "&.ant-badge.ant-badge-status": {
+          lineHeight: t.lineHeight
+        }
+      },
+      [`${i}-icon`]: {
+        marginInlineEnd: "16px"
+      },
+      [`${i}-trend-icon`]: {
+        width: 0,
+        height: 0,
+        borderInlineEnd: "3px solid transparent",
+        borderBlockEnd: "6px solid #000",
+        borderInlineStart: "3px solid transparent",
+        "&-up": {
+          transform: "rotate(0deg) translateY(-1px)"
+        },
+        "&-down": {
+          transform: "rotate(180deg) translateY(1px)"
+        }
+      },
+      [`${i}-content`]: {
+        width: "100%",
+        ".ant-statistic-content": {
+          fontSize: "20px",
+          lineHeight: "24px",
+          fontWeight: "bold"
+        }
+      },
+      [`${i}-description`]: {
+        width: "100%",
+        marginTop: "4px"
+      },
+      ".ant-statistic-title": {
+        color: t.textColor1,
+        fontSize: t.fontSize,
+        lineHeight: t.lineHeight,
+        marginBlockEnd: "8px"
+      },
+      "&-size-small": {
+        ".ant-statistic-title": {
+          marginBlockEnd: "4px"
+        },
+        [`${i}-content`]: {
+          "div.ant-statistic-content": {
+            fontSize: t.fontSizeXL,
+            lineHeight: t.lineHeightLG
+          }
+        }
+      },
+      [`${i}-trend-up`]: {
+        ".ant-statistic-content": {
+          color: t.colorError
+        },
+        [`${i}-trend-icon`]: {
+          borderBlockEndColor: t.colorError
+        }
+      },
+      [`${i}-trend-down`]: {
+        ".ant-statistic-content": {
+          color: t.colorSuccess
+        },
+        [`${i}-trend-icon`]: {
+          borderBlockEndColor: t.colorSuccess
+        }
+      },
+      [`${i}-layout-horizontal`]: {
+        display: "flex",
+        justifyContent: "space-between",
+        ".ant-statistic-title": {
+          marginBlockEnd: 0,
+          color: t.textColor3,
+          fontSize: t.fontSize,
+          lineHeight: t.lineHeight,
+          fontWeight: "500"
+        },
+        ".ant-statistic-content": {
+          color: t.textColor2,
+          fontSize: t.fontSize,
+          lineHeight: t.lineHeight,
+          fontWeight: "500"
+        }
+      },
+      [`${i}-layout-inline`]: {
+        display: "inline-flex",
+        ".ant-statistic-title": {
+          marginInlineEnd: "6px",
+          marginBlockEnd: 0,
+          color: t.textColor3,
+          fontSize: t.fontSize,
+          lineHeight: t.lineHeight,
+          fontWeight: "500"
+        },
+        ".ant-statistic-content": {
+          color: t.textColor2,
+          fontSize: t.fontSize,
+          lineHeight: t.lineHeight,
+          fontWeight: "500"
+        }
+      },
+      [`${i}-layout-vertical-center`]: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center"
+      }
+    }
+  };
+}, a = e(
+  "ProCard.Statistic",
+  (t) => [o(t)],
+  n
+);
+export {
+  a as default,
+  o as genProCardStatisticsStyle
+};

package/es/src/ap-pro-card/style/statistics-card.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;