@aplus-frontend/ui 6.26.0 → 6.26.2

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

@@ -1,17 +1,15 @@
-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 { defineComponent as ae, useSlots as ne, ref as V, useModel as ie, watch as se, computed as u, createVNode as d, Fragment as y, createElementBlock as C, openBlock as i, mergeProps as de, createCommentVNode as g, createElementVNode as ue, normalizeStyle as I, normalizeClass as h, unref as B, createBlock as f, renderSlot as F, resolveDynamicComponent as b, withCtx as H, mergeModels as ce } from "vue";
+import { Spin as pe, Tooltip as fe } from "@aplus-frontend/antdv";
+import { QuestionCircleOutlined as ye } from "@ant-design/icons-vue";
 import "../../../config-provider/index.mjs";
 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({
+import be from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
+import { IconApAdFillDown as ve } from "@aplus-frontend/icon";
+import { useNamespace as xe } from "../../../config-provider/hooks/use-namespace.mjs";
+const Ae = /* @__PURE__ */ ae({
   name: "ApProCard",
   __name: "index",
-  props: /* @__PURE__ */ fe({
+  props: /* @__PURE__ */ ce({
     headStyle: {},
     bodyStyle: {},
     actionsStyle: {},
@@ -83,23 +81,23 @@ const Ee = /* @__PURE__ */ ne({
     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);
+  setup(O) {
+    const t = O, r = ne(), v = V(t.defaultCollapsed), G = ie(O, "collapsed");
+    se(() => G.value, (e) => {
+      e !== void 0 && (v.value = e);
     }, {
       immediate: !0
     });
     const Q = () => {
-      b.value = !b.value;
+      v.value = !v.value;
     }, {
       b: c
-    } = 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) => {
+    } = xe("pro-card"), S = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], x = be(), w = (e, o) => e ? o : {}, T = (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];
+          for (let s = 0; s < S.length; s += 1) {
+            const p = S[s];
             if ({
               lg: !0,
               md: !0,
@@ -108,20 +106,20 @@ const Ee = /* @__PURE__ */ ne({
               xs: !1,
               xxl: !1,
               xxxl: !1,
-              ...g == null ? void 0 : g.value
-            }[f] && n[f] !== void 0) {
-              o[l] = n[f];
+              ...x == null ? void 0 : x.value
+            }[p] && n[p] !== void 0) {
+              o[l] = n[p];
               break;
             }
           }
         else
           o[l] = n || 0;
       }), o;
-    }, K = (e) => {
+    }, q = (e) => {
       let o = e;
       if (typeof e == "object")
-        for (let n = 0; n < B.length; n += 1) {
-          const l = B[n], s = {
+        for (let n = 0; n < S.length; n += 1) {
+          const l = S[n], s = {
             lg: !0,
             md: !0,
             sm: !0,
@@ -129,7 +127,7 @@ const Ee = /* @__PURE__ */ ne({
             xs: !1,
             xxl: !1,
             xxxl: !1,
-            ...g == null ? void 0 : g.value
+            ...x == null ? void 0 : x.value
           };
           if (s != null && s[l] && (e == null ? void 0 : e[l]) !== void 0) {
             o = e[l];
@@ -144,18 +142,18 @@ const Ee = /* @__PURE__ */ ne({
         span: o,
         colSpanStyle: a
       };
-    }, L = d(() => J(t.gutter)), N = R(!1), G = (e) => {
+    }, J = u(() => T(t.gutter)), N = V(!1), M = (e) => {
       N.value = e;
-    }, U = d(() => {
+    }, K = u(() => {
       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(() => {
+      return d(y, null, [t.title || ((e = r.title) == null ? void 0 : e.call(r))]);
+    }), L = u(() => d(y, null, [t.tooltip])), U = u(() => {
       var e;
-      return u(y, null, [t.extra || ((e = r.extra) == null ? void 0 : e.call(r))]);
-    }), Y = d(() => {
+      return d(y, null, [t.extra || ((e = r.extra) == null ? void 0 : e.call(r))]);
+    }), W = u(() => {
       var e;
-      return u(y, null, [t.actions || ((e = r.actions) == null ? void 0 : e.call(r))]);
-    }), Z = d(() => t.loading === !0 ? u(pe, {
+      return d(y, null, [t.actions || ((e = r.actions) == null ? void 0 : e.call(r))]);
+    }), X = u(() => t.loading === !0 ? d(pe, {
       style: {
         width: "100%",
         height: "100%",
@@ -163,18 +161,17 @@ const Ee = /* @__PURE__ */ ne({
         alignItems: "center",
         justifyContent: "center"
       }
-    }, null) : u(y, null, [t.loading])), C = d(() => {
+    }, null) : d(y, null, [t.loading])), $ = u(() => t.collapsible && G.value === void 0), Y = () => {
       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 = []) => {
+      return t.collapsibleIconRender ? (e = t.collapsibleIconRender) == null ? void 0 : e.call(t, {
+        collapsed: v.value
+      }) : d(y, null, [d(ve, {
+        class: c("collapsible-icon"),
+        style: {
+          transform: v.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)
@@ -183,24 +180,24 @@ const Ee = /* @__PURE__ */ ne({
       } else
         e && o.push(e);
       return o;
-    }, _ = () => {
+    }, Z = () => {
       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;
+      return M(!1), d(y, null, [(n = (a = e == null ? void 0 : e.reduce((l, s) => {
+        const p = P(s);
+        return [...l, ...p];
+      }, [])) == null ? void 0 : a.filter((l) => l.type !== Symbol.for("v-cmt"))) == null ? void 0 : n.map((l, s, p) => {
+        var z, D, R;
         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: 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: ae,
+          M(!0);
+          const le = ((D = l == null ? void 0 : l.props) == null ? void 0 : D.colSpan) || ((R = l == null ? void 0 : l.props) == null ? void 0 : R["col-span"]) || {}, {
+            span: m,
+            colSpanStyle: oe
+          } = q(le), k = c("col"), re = A(`${k}`, [typeof m == "number" && m >= 0 && m <= 24 ? `${k}-span-${m}` : void 0, t.split === "horizontal" && s !== p.length - 1 ? `${k}-split-horizontal` : void 0, t.split === "vertical" && s !== p.length - 1 ? `${k}-split-vertical` : void 0].filter(Boolean)), [j, E] = J.value;
+          return d("div", {
+            class: re,
             style: {
-              ...re,
+              ...oe,
               ...w(j > 0, {
                 paddingInlineStart: `${j / 2}px`,
                 paddingInlineEnd: `${j / 2}px`
@@ -215,64 +212,63 @@ const Ee = /* @__PURE__ */ ne({
         }
         return l;
       })]);
-    }, ee = d(() => {
+    }, _ = u(() => {
       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(() => {
+      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, v.value ? `${e}-collapsed` : void 0].filter(Boolean));
+    }), ee = u(() => {
       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(() => {
+      return A(`${e}`, [t.headerBordered || t.type === "inner" ? `${e}-border` : void 0, $.value ? `${e}-collapsible` : void 0].filter(Boolean));
+    }), te = u(() => {
       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 (e, o) => (i(), m("div", ue({
-      class: ee.value,
-      style: {
-        ...q.value
-      }
+    return (e, o) => (i(), C("div", de({
+      class: _.value
     }, {
       ...e.$attrs
-    }), [t.title || r.title || t.extra || r.extra || C.value ? (i(), m("div", {
+    }), [t.title || r.title || t.extra || r.extra || $.value ? (i(), C("div", {
       key: 0,
-      class: x(te.value),
+      class: h(ee.value),
       style: I({
         ...t.headStyle
       }),
       onClick: o[0] || (o[0] = () => {
-        C.value && Q();
+        $.value && Q();
       })
-    }, [t.title || r.title || C.value ? (i(), m("div", {
+    }, [t.title || r.title || $.value ? (i(), C("div", {
       key: 0,
-      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), {
+      class: h(B(c)("header-title"))
+    }, [$.value ? (i(), f(b(Y()), {
       key: 0
+    })) : g("", !0), F(e.$slots, "title", {}, () => [(i(), f(b(K.value)))]), t.tooltip ? (i(), f(B(fe), {
+      key: 1
     }, {
-      title: H(() => [(i(), p(v(W.value)))]),
-      default: H(() => [u(h(ve), {
-        class: x(h(c)("header-title-tooltip"))
+      title: H(() => [(i(), f(b(L.value)))]),
+      default: H(() => [d(B(ye), {
+        class: h(B(c)("header-title-tooltip"))
       }, null, 8, ["class"])]),
       _: 1
-    })) : $("", !0)], 2)) : $("", !0), t.extra || r.extra ? (i(), m("div", {
+    })) : g("", !0)], 2)) : g("", !0), t.extra || r.extra ? (i(), C("div", {
       key: 1,
-      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),
+      class: h(B(c)("header-extra"))
+    }, [F(e.$slots, "extra", {}, () => [(i(), f(b(U.value)))])], 2)) : g("", !0)], 6)) : g("", !0), ue("div", {
+      class: h(te.value),
       style: I({
         ...t.bodyStyle
       })
-    }, [t.loading ? (i(), p(v(Z.value), {
+    }, [t.loading ? (i(), f(b(X.value), {
       key: 0
-    })) : (i(), p(v(_()), {
+    })) : (i(), f(b(Z()), {
       key: 1
-    }))], 6), t.actions || r.actions ? (i(), m("div", {
+    }))], 6), t.actions || r.actions ? (i(), C("div", {
       key: 1,
-      class: x(h(c)("actions")),
+      class: h(B(c)("actions")),
       style: I({
         ...t.actionsStyle
       })
-    }, [(i(), p(v(Y.value)))], 6)) : $("", !0)], 16));
+    }, [(i(), f(b(W.value)))], 6)) : g("", !0)], 16));
   }
 });
 export {
-  Ee as default
+  Ae as default
 };

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

@@ -25,7 +25,9 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<ApStatisticCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApStatisticCardProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: DefineComponent<ApStatisticCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApStatisticCardProps> & Readonly<{}>, {
+    collapsed: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,12 +1,12 @@
-import { defineComponent as w, useSlots as V, computed as o, createVNode as n, mergeProps as x, createBlock as d, openBlock as f, createSlots as z, withCtx as O, createCommentVNode as N, renderSlot as _, resolveDynamicComponent as $, renderList as F, unref as I } from "vue";
+import { defineComponent as w, useSlots as V, computed as o, createVNode as n, mergeProps as x, createBlock as d, openBlock as f, createSlots as z, withCtx as O, createCommentVNode as N, renderSlot as _, resolveDynamicComponent as $, renderList as I, unref as L } from "vue";
 import "../../../config-provider/index.mjs";
 import "../card/index.vue.mjs";
 import "../statistic/index.vue.mjs";
 import { mergeClass as A } from "../../../editable-table/utils.mjs";
-import { omit as L } from "lodash-unified";
-import { useNamespace as R } from "../../../config-provider/hooks/use-namespace.mjs";
-import T from "../statistic/index.vue2.mjs";
-import q from "../card/index.vue2.mjs";
+import { omit as R } from "lodash-unified";
+import { useNamespace as T } from "../../../config-provider/hooks/use-namespace.mjs";
+import q from "../statistic/index.vue2.mjs";
+import E from "../card/index.vue2.mjs";
 const Y = /* @__PURE__ */ w({
   name: "ApStatisticCard",
   __name: "index",
@@ -58,11 +58,10 @@ const Y = /* @__PURE__ */ w({
       type: Boolean
     },
     collapsed: {
-      type: Boolean
-    },
-    collapsibleIconRender: {
-      type: Function
+      type: Boolean,
+      default: void 0
     },
+    collapsibleIconRender: {},
     boxShadow: {
       type: Boolean
     },
@@ -78,7 +77,7 @@ const Y = /* @__PURE__ */ w({
   setup(j) {
     const t = j, e = V(), {
       b: i
-    } = R("statistic-card"), P = o(() => i()), D = o(() => {
+    } = T("statistic-card"), P = o(() => i()), D = o(() => {
       const r = i("chart");
       return A(`${r}`, [t.chartPlacement === "left" ? `${r}-left` : void 0, t.chartPlacement === "right" ? `${r}-right` : void 0].filter(Boolean));
     }), m = o(() => {
@@ -86,7 +85,7 @@ const Y = /* @__PURE__ */ w({
       return A(`${r}`, [t.chartPlacement === "left" || t.chartPlacement === "right" ? `${r}-horizontal` : void 0].filter(Boolean));
     }), k = o(() => i("footer")), l = o(() => {
       var r, s, p, a, y, h, v, b, B, S, g, C;
-      return t.statistic ? n(T, x({
+      return t.statistic ? n(q, x({
         layout: "vertical"
       }, t.statistic, {
         title: ((r = t.statistic) == null ? void 0 : r.title) || ((s = e.statisticTitle) == null ? void 0 : s.call(e)),
@@ -111,7 +110,7 @@ const Y = /* @__PURE__ */ w({
         class: k.value
       }, [t.footer || ((r = e.footer) == null ? void 0 : r.call(e))]) : void 0;
     });
-    return (r, s) => (f(), d(q, x({
+    return (r, s) => (f(), d(E, x({
       class: P.value
     }, {
       ...t
@@ -122,7 +121,7 @@ const Y = /* @__PURE__ */ w({
         key: 1
       })) : N("", !0)]),
       _: 2
-    }, [F(I(L)(e, ["chart", "footer", "description", "default"]), (p, a) => ({
+    }, [I(L(R)(e, ["chart", "footer", "description", "default"]), (p, a) => ({
       name: a,
       fn: O(() => [_(r.$slots, a)])
     }))]), 1040, ["class"]));