@aplus-frontend/ui 6.22.2 → 6.24.0

package/es/src/ap-grid/utils/col.mjs

@@ -1,19 +1,19 @@
-import { createVNode as p, Fragment as o } from "vue";
-import { isUndefined as N, isArray as b, isString as F, isBoolean as v, isNumber as w, pick as x } from "lodash-unified";
-import { valueEnumToArray as E, objectToString as O, getTableTitle as A, getTableRenderType as S, getTableRenderProps as $, getTableCellRenderNode as M } from "../../ap-table/utils.mjs";
-import { noRenderAsFormItemValueList as V } from "../../ap-table/constants.mjs";
+import { createVNode as p, Fragment as T } from "vue";
+import { isUndefined as b, isArray as w, isString as v, isBoolean as x, isNumber as E, pick as A } from "lodash-unified";
+import { valueEnumToArray as O, objectToString as S, getTableTitle as R, getTableRenderType as $, getTableRenderProps as M, getTableCellRenderNode as V } from "../../ap-table/utils.mjs";
+import { noRenderAsFormItemValueList as j } from "../../ap-table/constants.mjs";
 import "../../ap-table/components/paragraph-ellipsis/index.vue.mjs";
-import j from "../../ap-table/components/paragraph-ellipsis/index.vue2.mjs";
-function R(e) {
-  if (!N(e))
-    return b(e) ? e.reduce((t, r) => F(r) ? `${t}.${r}` : `${t}[${r}]`, "") : String(e);
-}
+import q from "../../ap-table/components/paragraph-ellipsis/index.vue2.mjs";
 function c(e) {
+  if (!b(e))
+    return w(e) ? e.reduce((t, r) => v(r) ? `${t}.${r}` : `${t}[${r}]`, "") : String(e);
+}
+function N(e) {
   if (e)
     return e === !0 ? "left" : e;
 }
-function q(e) {
-  return v(e) ? {
+function B(e) {
+  return x(e) ? {
     sortable: e
   } : e ? {
     sortable: !0,
@@ -23,19 +23,19 @@ function q(e) {
     sortable: !1
   };
 }
-function B(e) {
+function W(e) {
   let t;
-  return v(e.filters) && e.valueEnum ? t = E(e.valueEnum) : t = e.filters, t == null ? void 0 : t.map((r) => ({
-    label: F(r.text) ? r.text : "",
+  return x(e.filters) && e.valueEnum ? t = O(e.valueEnum) : t = e.filters, t == null ? void 0 : t.map((r) => ({
+    label: v(r.text) ? r.text : "",
     value: r.value
   }));
 }
-function W(e) {
+function _(e) {
   if (e)
     return (t) => e(t.value, t.row);
 }
-function _(e, t) {
-  return e ? w(e) ? {
+function k(e, t) {
+  return e ? E(e) ? {
     tooltip: t,
     rows: e
   } : e === !0 || e === "tooltip" ? {
@@ -47,12 +47,12 @@ function _(e, t) {
     htmlTitle: e === "title" ? t : ""
   } : !1;
 }
-function k(e, t, r) {
-  if (V.includes(e.valueType))
+function z(e, t, r) {
+  if (j.includes(e.valueType))
     return r;
   if (e.copyable || e.ellipsis) {
-    const l = _(e.ellipsis, t), i = O(t);
-    return p(j, {
+    const l = k(e.ellipsis, t), i = S(t);
+    return p(q, {
       rawValue: i,
       copyable: e.copyable,
       ellipsis: l,
@@ -61,81 +61,81 @@ function k(e, t, r) {
   }
   return r;
 }
-function T(e, t, r) {
-  const l = x(e, ["width", "minWidth", "align"]);
-  return l.field = R(e.dataIndex), l.fixed = c(e.fixed), l.slots = {
-    header: () => A(e, r, void 0, t)
+function y(e, t, r) {
+  const l = A(e, ["width", "minWidth", "align"]);
+  return l.field = c(e.dataIndex), l.fixed = N(e.fixed), l.slots = {
+    header: () => R(e, r, void 0, t)
   }, l.headerAlign = e.align, l.showOverflow = !1, l.showFooterOverflow = !1, l;
 }
-const z = ({
+const G = ({
   value: e,
   ...t
-}, r, l) => {
-  var u, h;
-  const i = S(r), d = $({
+}, r, l, i = !0) => {
+  var h, o;
+  const s = $(r), d = M({
     ...r,
-    valueType: i
+    valueType: s
   }, {
     value: e,
     ...t
-  }), s = M(i, d, t.record, l), n = ((u = r.renderText) == null ? void 0 : u.call(r, {
+  }), a = V(s, d, t.record, l), n = ((h = r.renderText) == null ? void 0 : h.call(r, {
     value: e,
     ...t
-  })) || e, a = r.renderText ? p(o, null, [(h = r.renderText) == null ? void 0 : h.call(r, {
+  })) || e, u = r.renderText ? p(T, null, [(o = r.renderText) == null ? void 0 : o.call(r, {
     value: e,
     ...t
-  })]) : s;
-  let f = k(r, n, a);
+  })]) : a;
+  let f = i ? z(r, n, u) : u;
   return r.customRender && (f = r.customRender({
     value: e,
     ...t,
     column: r,
     originalNode: f,
     originalText: n
-  })), p(o, null, [f]);
+  })), p(T, null, [f]);
 };
-function y(e, t, r, l) {
-  const i = x(e, ["width", "minWidth", "align", "resizable", "className", "headerClassName", "footerClassName", "treeNode"]);
-  i.field = R(e.dataIndex), i.fixed = c(e.fixed), i.headerAlign = e.align, i.footerAlign = e.align, i.showOverflow = !1, i.showFooterOverflow = !1, Object.assign(i, q(e.sorter)), i.filters = B(e), i.filterMultiple = e.filterMultiple, i.filterMethod = W(e.onFilter);
-  const d = ({
-    row: s,
-    rowIndex: n
-  }) => z({
-    value: s[i.field],
-    text: s[i.field],
-    record: s,
-    index: n,
-    renderIndex: n,
+function F(e, t, r, l) {
+  const i = A(e, ["width", "minWidth", "align", "resizable", "className", "headerClassName", "footerClassName", "treeNode"]);
+  i.field = c(e.dataIndex), i.fixed = N(e.fixed), i.headerAlign = e.align, i.footerAlign = e.align, i.showOverflow = !1, i.showFooterOverflow = !1, Object.assign(i, B(e.sorter)), i.filters = W(e), i.filterMultiple = e.filterMultiple, i.filterMethod = _(e.onFilter);
+  const s = ({
+    row: d,
+    rowIndex: a
+  }) => G({
+    value: d[i.field],
+    text: d[i.field],
+    record: d,
+    index: a,
+    renderIndex: a,
     column: e
   }, e, l);
   return i.slots = {
-    header: () => A(e, r, void 0, t),
-    default: d,
-    footer: d
+    header: () => R(e, r, void 0, t),
+    default: s,
+    footer: s
   }, e.html && (delete i.slots.default, delete i.slots.footer, i.type = "html"), e.seq && (i.type = "seq", i.slots = {}), i;
 }
-function J(e, t, r, l) {
-  var s;
-  if (!((s = e.children) != null && s.length))
-    return y(e, t, r, l);
-  function i(n) {
-    return n.map((a) => {
-      var f;
-      if ((f = a.children) != null && f.length) {
-        const u = T(a, t, r);
-        return u.children = i(a.children), u;
+function K(e, t, r, l) {
+  var d;
+  if (!((d = e.children) != null && d.length))
+    return F(e, t, r, l);
+  function i(a) {
+    return a.map((n) => {
+      var u;
+      if ((u = n.children) != null && u.length) {
+        const f = y(n, t, r);
+        return f.children = i(n.children), f;
       }
-      return y(a, t, r, l);
+      return F(n, t, r, l);
     });
   }
-  const d = T(e, t, r);
-  return d.children = i(e.children), d;
+  const s = y(e, t, r);
+  return s.children = i(e.children), s;
 }
 export {
-  z as contentCustom,
-  R as dataIndexToField,
-  J as transformCol,
-  c as transformFixed,
-  T as transformToColGroup,
-  y as transformToColumn
+  G as contentCustom,
+  c as dataIndexToField,
+  K as transformCol,
+  N as transformFixed,
+  y as transformToColGroup,
+  F as transformToColumn
 };

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

@@ -1,5 +1,9 @@
 import { ApProCardGutter, ApProCardProps, ApProCardSolts } from '../../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = ApProCardProps;
+type __VLS_PublicProps = {
+    'collapsed'?: boolean | undefined;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<ApProCardSolts> & ApProCardSolts;
@@ -7,7 +11,11 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<ApProCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApProCardProps> & Readonly<{}>, {
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
     wrap: boolean;
     boxShadow: boolean;
     gutter: ApProCardGutter | ApProCardGutter[];
@@ -15,6 +23,8 @@ declare const __VLS_component: DefineComponent<ApProCardProps, {}, {}, {}, {}, C
     bordered: boolean;
     headerBordered: boolean;
     hoverable: boolean;
+    collapsible: boolean;
+    defaultCollapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,16 +1,17 @@
-import { defineComponent as et, useSlots as ot, computed as d, ref as rt, createVNode as u, Fragment as x, createElementBlock as v, openBlock as s, mergeProps as lt, createCommentVNode as $, createElementVNode as nt, normalizeStyle as w, normalizeClass as g, unref as h, renderSlot as V, createBlock as p, resolveDynamicComponent as b, withCtx as M } from "vue";
-import { Spin as at, Tooltip as it } from "@aplus-frontend/antdv";
-import { QuestionCircleOutlined as st } from "@ant-design/icons-vue";
-import { getProCardCssVar as dt } from "../../utils/css-var.mjs";
+import { defineComponent as ne, useSlots as ie, ref as R, useModel as se, watch as de, computed as d, createVNode as u, Fragment as y, createElementBlock as m, openBlock as i, mergeProps as ue, createCommentVNode as $, createElementVNode as ce, normalizeStyle as I, normalizeClass as x, unref as h, createBlock as p, renderSlot as F, resolveDynamicComponent as v, withCtx as H, mergeModels as fe } from "vue";
+import { Spin as pe, Tooltip as ye } from "@aplus-frontend/antdv";
+import { QuestionCircleOutlined as ve } from "@ant-design/icons-vue";
+import { getProCardCssVar as be } from "../../utils/css-var.mjs";
 import "../../../config-provider/index.mjs";
-import { mergeClass as m } from "../../../editable-table/utils.mjs";
-import ut from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
-import { useNamespace as ct } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ft } from "../../../config-provider/hooks/use-global-config.mjs";
-const St = /* @__PURE__ */ et({
+import { mergeClass as A } from "../../../editable-table/utils.mjs";
+import ge from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
+import { IconApAdFillDown as xe } from "@aplus-frontend/icon";
+import { useNamespace as he } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as Ce } from "../../../config-provider/hooks/use-global-config.mjs";
+const Ee = /* @__PURE__ */ ne({
   name: "ApProCard",
   __name: "index",
-  props: {
+  props: /* @__PURE__ */ fe({
     headStyle: {},
     bodyStyle: {},
     actionsStyle: {},
@@ -58,20 +59,47 @@ const St = /* @__PURE__ */ et({
       type: Boolean,
       default: !1
     },
+    collapsible: {
+      type: Boolean,
+      default: !1
+    },
+    defaultCollapsed: {
+      type: Boolean,
+      default: !1
+    },
+    collapsed: {
+      type: Boolean
+    },
+    collapsibleIconRender: {},
     boxShadow: {
       type: Boolean,
       default: !1
     }
-  },
-  setup(_) {
-    const e = _, l = ot(), {
+  }, {
+    collapsed: {
+      type: Boolean,
+      default: void 0
+    },
+    collapsedModifiers: {}
+  }),
+  emits: ["update:collapsed"],
+  setup(M) {
+    const t = M, r = ie(), b = R(t.defaultCollapsed), O = se(M, "collapsed");
+    de(() => O.value, (e) => {
+      e !== void 0 && (b.value = e);
+    }, {
+      immediate: !0
+    });
+    const Q = () => {
+      b.value = !b.value;
+    }, {
       b: c
-    } = ct("pro-card"), D = ft("uiMode"), I = d(() => dt(D.value)), C = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], y = ut(), k = (t, r) => t ? r : {}, F = (t) => {
-      const r = [0, 0];
-      return (Array.isArray(t) ? t : [t, 0]).forEach((a, o) => {
-        if (typeof a == "object")
-          for (let i = 0; i < C.length; i += 1) {
-            const f = C[i];
+    } = he("pro-card"), T = Ce("uiMode"), q = d(() => be(T.value)), B = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], g = ge(), w = (e, o) => e ? o : {}, J = (e) => {
+      const o = [0, 0];
+      return (Array.isArray(e) ? e : [e, 0]).forEach((n, l) => {
+        if (typeof n == "object")
+          for (let s = 0; s < B.length; s += 1) {
+            const f = B[s];
             if ({
               lg: !0,
               md: !0,
@@ -80,20 +108,20 @@ const St = /* @__PURE__ */ et({
               xs: !1,
               xxl: !1,
               xxxl: !1,
-              ...y == null ? void 0 : y.value
-            }[f] && a[f] !== void 0) {
-              r[o] = a[f];
+              ...g == null ? void 0 : g.value
+            }[f] && n[f] !== void 0) {
+              o[l] = n[f];
               break;
             }
           }
         else
-          r[o] = a || 0;
-      }), r;
-    }, H = (t) => {
-      let r = t;
-      if (typeof t == "object")
-        for (let a = 0; a < C.length; a += 1) {
-          const o = C[a], i = {
+          o[l] = n || 0;
+      }), o;
+    }, K = (e) => {
+      let o = e;
+      if (typeof e == "object")
+        for (let n = 0; n < B.length; n += 1) {
+          const l = B[n], s = {
             lg: !0,
             md: !0,
             sm: !0,
@@ -101,33 +129,33 @@ const St = /* @__PURE__ */ et({
             xs: !1,
             xxl: !1,
             xxxl: !1,
-            ...y == null ? void 0 : y.value
+            ...g == null ? void 0 : g.value
           };
-          if (i != null && i[o] && (t == null ? void 0 : t[o]) !== void 0) {
-            r = t[o];
+          if (s != null && s[l] && (e == null ? void 0 : e[l]) !== void 0) {
+            o = e[l];
             break;
           }
         }
-      const n = k(typeof r == "string" && /\d%|\dpx/i.test(r), {
-        width: r,
+      const a = w(typeof o == "string" && /\d%|\dpx/i.test(o), {
+        width: o,
         flexShrink: 0
       });
       return {
-        span: r,
-        colSpanStyle: n
+        span: o,
+        colSpanStyle: a
       };
-    }, Q = d(() => F(e.gutter)), N = rt(!1), E = (t) => {
-      N.value = t;
-    }, T = d(() => {
-      var t;
-      return u(x, null, [e.title || ((t = l.title) == null ? void 0 : t.call(l))]);
-    }), q = d(() => u(x, null, [e.tooltip])), J = d(() => {
-      var t;
-      return u(x, null, [e.extra || ((t = l.extra) == null ? void 0 : t.call(l))]);
-    }), K = d(() => {
-      var t;
-      return u(x, null, [e.actions || ((t = l.actions) == null ? void 0 : t.call(l))]);
-    }), L = d(() => e.loading === !0 ? u(at, {
+    }, L = d(() => J(t.gutter)), N = R(!1), G = (e) => {
+      N.value = e;
+    }, U = d(() => {
+      var e;
+      return u(y, null, [t.title || ((e = r.title) == null ? void 0 : e.call(r))]);
+    }), W = d(() => u(y, null, [t.tooltip])), X = d(() => {
+      var e;
+      return u(y, null, [t.extra || ((e = r.extra) == null ? void 0 : e.call(r))]);
+    }), Y = d(() => {
+      var e;
+      return u(y, null, [t.actions || ((e = r.actions) == null ? void 0 : e.call(r))]);
+    }), Z = d(() => t.loading === !0 ? u(pe, {
       style: {
         width: "100%",
         height: "100%",
@@ -135,102 +163,116 @@ const St = /* @__PURE__ */ et({
         alignItems: "center",
         justifyContent: "center"
       }
-    }, null) : u(x, null, [e.loading])), O = (t, r = []) => {
-      if ((t == null ? void 0 : t.type) === Symbol.for("v-fgt")) {
-        const n = Array.isArray(t == null ? void 0 : t.children) ? t == null ? void 0 : t.children : [t == null ? void 0 : t.children];
-        if (n != null && n.length)
-          for (let a = 0; a < n.length; a++)
-            n != null && n[a] && O(n == null ? void 0 : n[a], r);
+    }, null) : u(y, null, [t.loading])), C = d(() => {
+      var e;
+      if (t.collapsible && O.value === void 0)
+        return t.collapsibleIconRender ? (e = t.collapsibleIconRender) == null ? void 0 : e.call(t, {
+          collapsed: b.value
+        }) : u(y, null, [u(xe, {
+          class: c("collapsible-icon"),
+          style: {
+            transform: b.value ? "rotate(-90deg)" : "rotate(0deg)"
+          }
+        }, null)]);
+    }), P = (e, o = []) => {
+      if ((e == null ? void 0 : e.type) === Symbol.for("v-fgt")) {
+        const a = Array.isArray(e == null ? void 0 : e.children) ? e == null ? void 0 : e.children : [e == null ? void 0 : e.children];
+        if (a != null && a.length)
+          for (let n = 0; n < a.length; n++)
+            a != null && a[n] && P(a == null ? void 0 : a[n], o);
       } else
-        t && r.push(t);
-      return r;
-    }, R = () => {
-      var r, n, a;
-      const t = (r = l.default) == null ? void 0 : r.call(l);
-      return E(!1), u(x, null, [(a = (n = t == null ? void 0 : t.reduce((o, i) => {
-        const f = O(i);
-        return [...o, ...f];
-      }, [])) == null ? void 0 : n.filter((o) => o.type !== Symbol.for("v-cmt"))) == null ? void 0 : a.map((o, i, f) => {
-        var z, G, P;
-        if (o && typeof o == "object" && "type" in o && ((z = o.type) == null ? void 0 : z.isProCard) === !0) {
-          E(!0);
-          const Y = ((G = o == null ? void 0 : o.props) == null ? void 0 : G.colSpan) || ((P = o == null ? void 0 : o.props) == null ? void 0 : P["col-span"]) || {}, {
+        e && o.push(e);
+      return o;
+    }, _ = () => {
+      var o, a, n;
+      const e = (o = r.default) == null ? void 0 : o.call(r);
+      return G(!1), u(y, null, [(n = (a = e == null ? void 0 : e.reduce((l, s) => {
+        const f = P(s);
+        return [...l, ...f];
+      }, [])) == null ? void 0 : a.filter((l) => l.type !== Symbol.for("v-cmt"))) == null ? void 0 : n.map((l, s, f) => {
+        var z, V, D;
+        if (l && typeof l == "object" && "type" in l && ((z = l.type) == null ? void 0 : z.isProCard) === !0) {
+          G(!0);
+          const oe = ((V = l == null ? void 0 : l.props) == null ? void 0 : V.colSpan) || ((D = l == null ? void 0 : l.props) == null ? void 0 : D["col-span"]) || {}, {
             span: S,
-            colSpanStyle: Z
-          } = H(Y), B = c("col"), tt = m(`${B}`, [typeof S == "number" && S >= 0 && S <= 24 ? `${B}-span-${S}` : void 0, e.split === "horizontal" && i !== f.length - 1 ? `${B}-split-horizontal` : void 0, e.split === "vertical" && i !== f.length - 1 ? `${B}-split-vertical` : void 0].filter(Boolean)), [A, j] = Q.value;
+            colSpanStyle: re
+          } = K(oe), k = c("col"), ae = A(`${k}`, [typeof S == "number" && S >= 0 && S <= 24 ? `${k}-span-${S}` : void 0, t.split === "horizontal" && s !== f.length - 1 ? `${k}-split-horizontal` : void 0, t.split === "vertical" && s !== f.length - 1 ? `${k}-split-vertical` : void 0].filter(Boolean)), [j, E] = L.value;
           return u("div", {
-            class: tt,
+            class: ae,
             style: {
-              ...Z,
-              ...k(A > 0, {
-                paddingInlineStart: `${A / 2}px`,
-                paddingInlineEnd: `${A / 2}px`
+              ...re,
+              ...w(j > 0, {
+                paddingInlineStart: `${j / 2}px`,
+                paddingInlineEnd: `${j / 2}px`
               }),
-              ...k(j > 0, {
-                paddingBlockStart: `${j / 2}px`,
-                paddingBlockEnd: `${j / 2}px`
+              ...w(E > 0, {
+                paddingBlockStart: `${E / 2}px`,
+                paddingBlockEnd: `${E / 2}px`
               }),
-              ...e.colStyle
+              ...t.colStyle
             }
-          }, [o]);
+          }, [l]);
         }
-        return o;
+        return l;
       })]);
-    }, U = d(() => {
-      const t = c();
-      return m(`${t}`, [e.bordered ? `${t}-border` : void 0, e.boxShadow ? `${t}-box-shadow` : void 0, N.value ? `${t}-contain-card` : void 0, e.loading ? `${t}-loading` : void 0, e.split === "vertical" || e.split === "horizontal" ? `${t}-split` : void 0, e.ghost ? `${t}-ghost` : void 0, e.hoverable ? `${t}-hoverable` : void 0, e.type ? `${t}-type-${e.type}` : void 0].filter(Boolean));
-    }), W = d(() => {
-      const t = c("header");
-      return m(`${t}`, [e.headerBordered || e.type === "inner" ? `${t}-border` : void 0].filter(Boolean));
-    }), X = d(() => {
-      const t = c("body");
-      return m(`${t}`, [e.layout === "center" ? `${t}-center` : void 0, e.split === "horizontal" || e.direction === "column" ? `${t}-direction-column` : void 0, e.wrap && N.value ? `${t}-wrap` : void 0].filter(Boolean));
+    }, ee = d(() => {
+      const e = c();
+      return A(`${e}`, [t.bordered ? `${e}-border` : void 0, t.boxShadow ? `${e}-box-shadow` : void 0, N.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, b.value ? `${e}-collapsed` : void 0].filter(Boolean));
+    }), te = d(() => {
+      const e = c("header");
+      return A(`${e}`, [t.headerBordered || t.type === "inner" ? `${e}-border` : void 0, C.value ? `${e}-collapsible` : void 0].filter(Boolean));
+    }), le = d(() => {
+      const e = c("body");
+      return A(`${e}`, [t.layout === "center" ? `${e}-center` : void 0, t.split === "horizontal" || t.direction === "column" ? `${e}-direction-column` : void 0, t.wrap && N.value ? `${e}-wrap` : void 0].filter(Boolean));
     });
-    return (t, r) => (s(), v("div", lt({
-      class: U.value,
+    return (e, o) => (i(), m("div", ue({
+      class: ee.value,
       style: {
-        ...I.value
+        ...q.value
       }
     }, {
-      ...t.$attrs
-    }), [e.title || l.title || e.extra || l.extra ? (s(), v("div", {
+      ...e.$attrs
+    }), [t.title || r.title || t.extra || r.extra || C.value ? (i(), m("div", {
       key: 0,
-      class: g(W.value),
-      style: w({
-        ...e.headStyle
+      class: x(te.value),
+      style: I({
+        ...t.headStyle
+      }),
+      onClick: o[0] || (o[0] = () => {
+        C.value && Q();
       })
-    }, [e.title || l.title ? (s(), v("div", {
+    }, [t.title || r.title || C.value ? (i(), m("div", {
       key: 0,
-      class: g(h(c)("header-title"))
-    }, [V(t.$slots, "title", {}, () => [(s(), p(b(T.value)))]), e.tooltip ? (s(), p(h(it), {
+      class: x(h(c)("header-title"))
+    }, [(i(), p(v(C.value))), F(e.$slots, "title", {}, () => [(i(), p(v(U.value)))]), t.tooltip ? (i(), p(h(ye), {
       key: 0
     }, {
-      title: M(() => [(s(), p(b(q.value)))]),
-      default: M(() => [u(h(st), {
-        class: g(h(c)("header-title-tooltip"))
+      title: H(() => [(i(), p(v(W.value)))]),
+      default: H(() => [u(h(ve), {
+        class: x(h(c)("header-title-tooltip"))
       }, null, 8, ["class"])]),
       _: 1
-    })) : $("", !0)], 2)) : $("", !0), e.extra || l.extra ? (s(), v("div", {
+    })) : $("", !0)], 2)) : $("", !0), t.extra || r.extra ? (i(), m("div", {
       key: 1,
-      class: g(h(c)("header-extra"))
-    }, [V(t.$slots, "extra", {}, () => [(s(), p(b(J.value)))])], 2)) : $("", !0)], 6)) : $("", !0), nt("div", {
-      class: g(X.value),
-      style: w({
-        ...e.bodyStyle
+      class: x(h(c)("header-extra"))
+    }, [F(e.$slots, "extra", {}, () => [(i(), p(v(X.value)))])], 2)) : $("", !0)], 6)) : $("", !0), ce("div", {
+      class: x(le.value),
+      style: I({
+        ...t.bodyStyle
       })
-    }, [e.loading ? (s(), p(b(L.value), {
+    }, [t.loading ? (i(), p(v(Z.value), {
       key: 0
-    })) : (s(), p(b(R()), {
+    })) : (i(), p(v(_()), {
       key: 1
-    }))], 6), e.actions || l.actions ? (s(), v("div", {
+    }))], 6), t.actions || r.actions ? (i(), m("div", {
       key: 1,
-      class: g(h(c)("actions")),
-      style: w({
-        ...e.actionsStyle
+      class: x(h(c)("actions")),
+      style: I({
+        ...t.actionsStyle
       })
-    }, [(s(), p(b(K.value)))], 6)) : $("", !0)], 16));
+    }, [(i(), p(v(Y.value)))], 6)) : $("", !0)], 16));
   }
 });
 export {
-  St as default
+  Ee as default
 };

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

@@ -1,14 +1,24 @@
 import { ApStatisticCardProps, ApProCardSolts } from '../../interface';
-import { VNodeChild, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { VNodeChild, VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly< ApProCardSolts & {
         chart?: () => VNodeChild;
         footer?: () => VNodeChild;
+        statisticTitle?: () => VNode[];
+        prefix?: () => VNode[];
+        suffix?: () => VNode[];
+        icon?: () => VNode[];
+        tip?: () => VNode[];
         description?: () => VNodeChild;
     }> & ApProCardSolts & {
         chart?: () => VNodeChild;
         footer?: () => VNodeChild;
+        statisticTitle?: () => VNode[];
+        prefix?: () => VNode[];
+        suffix?: () => VNode[];
+        icon?: () => VNode[];
+        tip?: () => VNode[];
         description?: () => VNodeChild;
     };
     refs: {};