@aplus-frontend/ui 7.0.0-beta.0 → 7.0.0-beta.2

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

@@ -1,15 +1,16 @@
-import { defineComponent as _, useSlots as ee, ref as G, useModel as te, watch as le, computed as s, createVNode as a, Fragment as f, createElementBlock as B, openBlock as n, mergeProps as oe, createCommentVNode as b, createElementVNode as ne, normalizeStyle as z, normalizeClass as v, unref as x, createBlock as p, renderSlot as P, resolveDynamicComponent as y, withCtx as D, mergeModels as re } from "vue";
-import { Spin as ae, Tooltip as se } from "@aplus-frontend/antdv";
-import { QuestionCircleOutlined as ie } from "@ant-design/icons-vue";
+import { defineComponent as ee, useSlots as te, ref as G, useModel as le, watch as oe, computed as s, createVNode as a, Fragment as f, createElementBlock as B, openBlock as n, mergeProps as ne, createCommentVNode as v, createElementVNode as re, normalizeStyle as z, normalizeClass as b, unref as h, createBlock as p, renderSlot as P, resolveDynamicComponent as y, withCtx as D, mergeModels as ae } from "vue";
+import { Spin as se, Tooltip as ie } from "@aplus-frontend/antdv";
+import { QuestionCircleOutlined as de } from "@ant-design/icons-vue";
 import "../../../config-provider/index.mjs";
 import { mergeClass as C } from "../../../editable-table/utils.mjs";
-import de from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
-import { IconApAdFillDown as ue } from "@aplus-frontend/icon";
-import { useNamespace as ce } from "../../../config-provider/hooks/use-namespace.mjs";
-const he = /* @__PURE__ */ _({
+import ue from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
+import { IconApAdFillDown as ce } from "@aplus-frontend/icon";
+import pe from "../../style/index.mjs";
+import { useNamespace as fe } from "../../../config-provider/hooks/use-namespace.mjs";
+const $e = /* @__PURE__ */ ee({
   name: "ApProCard",
   __name: "index",
-  props: /* @__PURE__ */ re({
+  props: /* @__PURE__ */ ae({
     headStyle: {},
     bodyStyle: {},
     actionsStyle: {},
@@ -82,8 +83,8 @@ const he = /* @__PURE__ */ _({
   }),
   emits: ["update:collapsed"],
   setup(j) {
-    const t = j, i = ee(), m = G(t.defaultCollapsed), M = te(j, "collapsed");
-    le(() => M.value, (e) => {
+    const t = j, i = te(), m = G(t.defaultCollapsed), M = le(j, "collapsed");
+    oe(() => M.value, (e) => {
       e !== void 0 && (m.value = e);
     }, {
       immediate: !0
@@ -92,12 +93,12 @@ const he = /* @__PURE__ */ _({
       m.value = !m.value;
     }, {
       b: d
-    } = ce("pro-card"), $ = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], E = de(), k = (e, l) => e ? l : {}, V = (e) => {
+    } = fe("pro-card"), V = pe("pro-card"), $ = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], I = ue(), k = (e, l) => e ? l : {}, F = (e) => {
       const l = [0, 0];
       return (Array.isArray(e) ? e : [e, 0]).forEach((o, c) => {
         if (typeof o == "object")
           for (let u = 0; u < $.length; u += 1) {
-            const h = $[u];
+            const g = $[u];
             if ({
               lg: !0,
               md: !0,
@@ -106,16 +107,16 @@ const he = /* @__PURE__ */ _({
               xs: !1,
               xxl: !1,
               xxxl: !1,
-              ...E?.value
-            }[h] && o[h] !== void 0) {
-              l[c] = o[h];
+              ...I?.value
+            }[g] && o[g] !== void 0) {
+              l[c] = o[g];
               break;
             }
           }
         else
           l[c] = o || 0;
       }), l;
-    }, F = (e) => {
+    }, H = (e) => {
       let l = e;
       if (typeof e == "object")
         for (let o = 0; o < $.length; o += 1) {
@@ -128,7 +129,7 @@ const he = /* @__PURE__ */ _({
             xs: !1,
             xxl: !1,
             xxxl: !1,
-            ...E?.value
+            ...I?.value
           }?.[c] && e?.[c] !== void 0) {
             l = e[c];
             break;
@@ -142,9 +143,9 @@ const he = /* @__PURE__ */ _({
         span: l,
         colSpanStyle: r
       };
-    }, H = s(() => V(t.gutter)), A = G(!1), I = (e) => {
+    }, Q = s(() => F(t.gutter)), A = G(!1), E = (e) => {
       A.value = e;
-    }, Q = s(() => a(f, null, [t.title || i.title?.()])), T = s(() => a(f, null, [t.tooltip])), q = s(() => a(f, null, [t.extra || i.extra?.()])), J = s(() => a(f, null, [t.actions || i.actions?.()])), K = s(() => t.loading === !0 ? a(ae, {
+    }, T = s(() => a(f, null, [t.title || i.title?.()])), q = s(() => a(f, null, [t.tooltip])), J = s(() => a(f, null, [t.extra || i.extra?.()])), K = s(() => a(f, null, [t.actions || i.actions?.()])), L = s(() => t.loading === !0 ? a(se, {
       style: {
         width: "100%",
         height: "100%",
@@ -152,9 +153,9 @@ const he = /* @__PURE__ */ _({
         alignItems: "center",
         justifyContent: "center"
       }
-    }, null) : a(f, null, [t.loading])), g = s(() => t.collapsible && M.value === void 0), L = () => t.collapsibleIconRender ? t.collapsibleIconRender?.({
+    }, null) : a(f, null, [t.loading])), x = s(() => t.collapsible && M.value === void 0), U = () => t.collapsibleIconRender ? t.collapsibleIconRender?.({
       collapsed: m.value
-    }) : a(f, null, [a(ue, {
+    }) : a(f, null, [a(ce, {
       class: d("collapsible-icon"),
       style: {
         transform: m.value ? "rotate(-90deg)" : "rotate(0deg)"
@@ -168,22 +169,22 @@ const he = /* @__PURE__ */ _({
       } else
         e && l.push(e);
       return l;
-    }, U = () => {
+    }, W = () => {
       const e = i.default?.();
-      return I(!1), a(f, null, [e?.reduce((l, r) => {
+      return E(!1), a(f, null, [e?.reduce((l, r) => {
         const o = O(r);
         return [...l, ...o];
       }, [])?.filter((l) => l.type !== Symbol.for("v-cmt"))?.map((l, r, o) => {
         if (l && typeof l == "object" && "type" in l && l.type?.isProCard === !0) {
-          I(!0);
+          E(!0);
           const c = l?.props?.colSpan || l?.props?.["col-span"] || {}, {
             span: u,
-            colSpanStyle: h
-          } = F(c), S = d("col"), Z = C(`${S}`, [typeof u == "number" && u >= 0 && u <= 24 ? `${S}-span-${u}` : void 0, t.split === "horizontal" && r !== o.length - 1 ? `${S}-split-horizontal` : void 0, t.split === "vertical" && r !== o.length - 1 ? `${S}-split-vertical` : void 0].filter(Boolean)), [w, N] = H.value;
+            colSpanStyle: g
+          } = H(c), S = d("col"), _ = C(`${S}`, [typeof u == "number" && u >= 0 && u <= 24 ? `${S}-span-${u}` : void 0, t.split === "horizontal" && r !== o.length - 1 ? `${S}-split-horizontal` : void 0, t.split === "vertical" && r !== o.length - 1 ? `${S}-split-vertical` : void 0].filter(Boolean)), [w, N] = Q.value;
           return a("div", {
-            class: Z,
+            class: _,
             style: {
-              ...h,
+              ...g,
               ...k(w > 0, {
                 paddingInlineStart: `${w / 2}px`,
                 paddingInlineEnd: `${w / 2}px`
@@ -198,63 +199,63 @@ const he = /* @__PURE__ */ _({
         }
         return l;
       })]);
-    }, W = s(() => {
+    }, X = s(() => {
       const e = d();
-      return C(`${e}`, [t.bordered ? `${e}-border` : void 0, t.boxShadow ? `${e}-box-shadow` : void 0, A.value ? `${e}-contain-card` : void 0, t.loading ? `${e}-loading` : void 0, t.split === "vertical" || t.split === "horizontal" ? `${e}-split` : void 0, t.ghost ? `${e}-ghost` : void 0, t.hoverable ? `${e}-hoverable` : void 0, t.type ? `${e}-type-${t.type}` : void 0, m.value ? `${e}-collapsed` : void 0].filter(Boolean));
-    }), X = s(() => {
-      const e = d("header");
-      return C(`${e}`, [t.headerBordered || t.type === "inner" ? `${e}-border` : void 0, g.value ? `${e}-collapsible` : void 0].filter(Boolean));
+      return C(`${e}`, [t.bordered ? `${e}-border` : void 0, t.boxShadow ? `${e}-box-shadow` : void 0, A.value ? `${e}-contain-card` : void 0, t.loading ? `${e}-loading` : void 0, t.split === "vertical" || t.split === "horizontal" ? `${e}-split` : void 0, t.ghost ? `${e}-ghost` : void 0, t.hoverable ? `${e}-hoverable` : void 0, t.type ? `${e}-type-${t.type}` : void 0, m.value ? `${e}-collapsed` : void 0, V.value].filter(Boolean));
     }), Y = s(() => {
+      const e = d("header");
+      return C(`${e}`, [t.headerBordered || t.type === "inner" ? `${e}-border` : void 0, x.value ? `${e}-collapsible` : void 0].filter(Boolean));
+    }), Z = s(() => {
       const e = d("body");
       return C(`${e}`, [t.layout === "center" ? `${e}-center` : void 0, t.split === "horizontal" || t.direction === "column" ? `${e}-direction-column` : void 0, t.wrap && A.value ? `${e}-wrap` : void 0].filter(Boolean));
     });
-    return (e, l) => (n(), B("div", oe({
-      class: W.value
+    return (e, l) => (n(), B("div", ne({
+      class: X.value
     }, {
       ...e.$attrs
-    }), [t.title || i.title || t.extra || i.extra || g.value ? (n(), B("div", {
+    }), [t.title || i.title || t.extra || i.extra || x.value ? (n(), B("div", {
       key: 0,
-      class: v(X.value),
+      class: b(Y.value),
       style: z({
         ...t.headStyle
       }),
       onClick: l[0] || (l[0] = () => {
-        g.value && R();
+        x.value && R();
       })
-    }, [t.title || i.title || g.value ? (n(), B("div", {
+    }, [t.title || i.title || x.value ? (n(), B("div", {
       key: 0,
-      class: v(x(d)("header-title"))
-    }, [g.value ? (n(), p(y(L()), {
+      class: b(h(d)("header-title"))
+    }, [x.value ? (n(), p(y(U()), {
       key: 0
-    })) : b("", !0), P(e.$slots, "title", {}, () => [(n(), p(y(Q.value)))]), t.tooltip ? (n(), p(x(se), {
+    })) : v("", !0), P(e.$slots, "title", {}, () => [(n(), p(y(T.value)))]), t.tooltip ? (n(), p(h(ie), {
       key: 1
     }, {
-      title: D(() => [(n(), p(y(T.value)))]),
-      default: D(() => [a(x(ie), {
-        class: v(x(d)("header-title-tooltip"))
+      title: D(() => [(n(), p(y(q.value)))]),
+      default: D(() => [a(h(de), {
+        class: b(h(d)("header-title-tooltip"))
       }, null, 8, ["class"])]),
       _: 1
-    })) : b("", !0)], 2)) : b("", !0), t.extra || i.extra ? (n(), B("div", {
+    })) : v("", !0)], 2)) : v("", !0), t.extra || i.extra ? (n(), B("div", {
       key: 1,
-      class: v(x(d)("header-extra"))
-    }, [P(e.$slots, "extra", {}, () => [(n(), p(y(q.value)))])], 2)) : b("", !0)], 6)) : b("", !0), ne("div", {
-      class: v(Y.value),
+      class: b(h(d)("header-extra"))
+    }, [P(e.$slots, "extra", {}, () => [(n(), p(y(J.value)))])], 2)) : v("", !0)], 6)) : v("", !0), re("div", {
+      class: b(Z.value),
       style: z({
         ...t.bodyStyle
       })
-    }, [t.loading ? (n(), p(y(K.value), {
+    }, [t.loading ? (n(), p(y(L.value), {
       key: 0
-    })) : (n(), p(y(U()), {
+    })) : (n(), p(y(W()), {
       key: 1
     }))], 6), t.actions || i.actions ? (n(), B("div", {
       key: 1,
-      class: v(x(d)("actions")),
+      class: b(h(d)("actions")),
       style: z({
         ...t.actionsStyle
       })
-    }, [(n(), p(y(J.value)))], 6)) : b("", !0)], 16));
+    }, [(n(), p(y(K.value)))], 6)) : v("", !0)], 16));
   }
 });
 export {
-  he as default
+  $e as default
 };

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

@@ -1,8 +1,9 @@
-import { defineComponent as p, computed as s, createElementBlock as a, openBlock as i, mergeProps as c } from "vue";
+import { defineComponent as n, computed as a, createElementBlock as i, openBlock as d, mergeProps as c } from "vue";
 import "../../../config-provider/index.mjs";
 import { mergeClass as m } from "../../../editable-table/utils.mjs";
-import { useNamespace as d } from "../../../config-provider/hooks/use-namespace.mjs";
-const _ = /* @__PURE__ */ p({
+import l from "../../style/divider.mjs";
+import { useNamespace as u } from "../../../config-provider/hooks/use-namespace.mjs";
+const h = /* @__PURE__ */ n({
   name: "ApProCardDivider",
   __name: "index",
   props: {
@@ -10,20 +11,20 @@ const _ = /* @__PURE__ */ p({
       default: "vertical"
     }
   },
-  setup(t) {
+  setup(o) {
     const {
-      b: o
-    } = d("pro-card-divider"), r = t, n = s(() => {
-      const e = o();
-      return m(`${e}`, [r.type ? `${e}-${r.type}` : void 0].filter(Boolean));
+      b: t
+    } = u("pro-card-divider"), p = l("pro-card-divider"), r = o, s = a(() => {
+      const e = t();
+      return m(`${e}`, [r.type ? `${e}-${r.type}` : void 0, p.value].filter(Boolean));
     });
-    return (e, l) => (i(), a("div", c({
+    return (e, f) => (d(), i("div", c({
       ...e.$attrs
     }, {
-      class: n.value
+      class: s.value
     }), null, 16));
   }
 });
 export {
-  _ as default
+  h as default
 };

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

@@ -1,20 +1,21 @@
-import { defineComponent as o, createElementBlock as t, openBlock as n, mergeProps as a, unref as p, renderSlot as s } from "vue";
+import { defineComponent as a, createElementBlock as n, openBlock as p, mergeProps as s, unref as r, renderSlot as m } from "vue";
 import "../../../config-provider/index.mjs";
-import { useNamespace as m } from "../../../config-provider/hooks/use-namespace.mjs";
-const u = /* @__PURE__ */ o({
+import c from "../../style/operation.mjs";
+import { useNamespace as i } from "../../../config-provider/hooks/use-namespace.mjs";
+const k = /* @__PURE__ */ a({
   name: "ApProCardOperation",
   __name: "index",
-  setup(c) {
-    const { b: r } = m("pro-card-operation");
-    return (e, i) => (n(), t("div", a({
+  setup(d) {
+    const { b: o } = i("pro-card-operation"), t = c("pro-card-operation");
+    return (e, l) => (p(), n("div", s({
       ...e.$attrs
     }, {
-      class: p(r)()
+      class: [r(o)(), r(t)]
     }), [
-      s(e.$slots, "default")
+      m(e.$slots, "default")
     ], 16));
   }
 });
 export {
-  u as default
+  k as default
 };

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

@@ -20,24 +20,24 @@ declare const __VLS_component: DefineComponent<ApProCardStatisticProps, {}, {},
     icon: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;
-    description: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }> | null;
-    suffix: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+    status: "error" | "default" | "warning" | "success" | "processing";
+    prefix: string | number | boolean | void | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;
-    status: "error" | "default" | "warning" | "success" | "processing";
-    prefix: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+    suffix: string | number | boolean | void | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | null;
+    description: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
     tip: 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,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;