@aplus-frontend/ui 6.22.2 → 6.24.0

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

@@ -1,13 +1,13 @@
-import { defineComponent as _, useSlots as $, computed as o, createVNode as n, mergeProps as f, createBlock as u, openBlock as d, createSlots as A, withCtx as y, createCommentVNode as h, renderSlot as v, resolveDynamicComponent as b, renderList as j, unref as P } 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 F, unref as I } 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 x } from "lodash-unified";
-import { useNamespace as D } from "../../../config-provider/hooks/use-namespace.mjs";
-import k from "../statistic/index.vue2.mjs";
-import M from "../card/index.vue2.mjs";
-const J = /* @__PURE__ */ _({
+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";
+const Y = /* @__PURE__ */ w({
   name: "ApStatisticCard",
   __name: "index",
   props: {
@@ -51,6 +51,18 @@ const J = /* @__PURE__ */ _({
     ghost: {
       type: Boolean
     },
+    collapsible: {
+      type: Boolean
+    },
+    defaultCollapsed: {
+      type: Boolean
+    },
+    collapsed: {
+      type: Boolean
+    },
+    collapsibleIconRender: {
+      type: Function
+    },
     boxShadow: {
       type: Boolean
     },
@@ -63,54 +75,59 @@ const J = /* @__PURE__ */ _({
       type: [Object, String, Number, Boolean, null, Array]
     }
   },
-  setup(S) {
-    const t = S, r = $(), {
-      b: a
-    } = D("statistic-card"), g = o(() => a()), C = o(() => {
-      const e = a("chart");
-      return B(`${e}`, [t.chartPlacement === "left" ? `${e}-left` : void 0, t.chartPlacement === "right" ? `${e}-right` : void 0].filter(Boolean));
-    }), p = o(() => {
-      const e = a("content");
-      return B(`${e}`, [t.chartPlacement === "left" || t.chartPlacement === "right" ? `${e}-horizontal` : void 0].filter(Boolean));
-    }), O = o(() => a("footer")), l = o(() => {
-      var e, s;
-      return t.statistic ? n(k, f({
+  setup(j) {
+    const t = j, e = V(), {
+      b: i
+    } = R("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(() => {
+      const r = i("content");
+      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({
         layout: "vertical"
       }, t.statistic, {
-        description: ((e = t.statistic) == null ? void 0 : e.description) || ((s = r.description) == null ? void 0 : s.call(r))
+        title: ((r = t.statistic) == null ? void 0 : r.title) || ((s = e.statisticTitle) == null ? void 0 : s.call(e)),
+        prefix: ((p = t.statistic) == null ? void 0 : p.prefix) || ((a = e.prefix) == null ? void 0 : a.call(e)),
+        suffix: ((y = t.statistic) == null ? void 0 : y.suffix) || ((h = e.suffix) == null ? void 0 : h.call(e)),
+        icon: ((v = t.statistic) == null ? void 0 : v.icon) || ((b = e.icon) == null ? void 0 : b.call(e)),
+        tip: ((B = t.statistic) == null ? void 0 : B.tip) || ((S = e.tip) == null ? void 0 : S.call(e)),
+        description: ((g = t.statistic) == null ? void 0 : g.description) || ((C = e.description) == null ? void 0 : C.call(e))
       }), null) : void 0;
     }), c = o(() => {
-      var e;
-      return t.chart || r.chart ? n("div", {
-        class: C.value
-      }, [t.chart || ((e = r.chart) == null ? void 0 : e.call(r))]) : void 0;
-    }), i = o(() => c.value || l.value ? t.chartPlacement === "left" ? n("div", {
-      class: p.value
+      var r;
+      return t.chart || e.chart ? n("div", {
+        class: D.value
+      }, [t.chart || ((r = e.chart) == null ? void 0 : r.call(e))]) : void 0;
+    }), u = o(() => c.value || l.value ? t.chartPlacement === "left" ? n("div", {
+      class: m.value
     }, [c.value, l.value]) : n("div", {
-      class: p.value
-    }, [l.value, c.value]) : void 0), N = o(() => {
-      var e;
-      return t.footer || r.footer ? n("div", {
-        class: O.value
-      }, [t.footer || ((e = r.footer) == null ? void 0 : e.call(r))]) : void 0;
+      class: m.value
+    }, [l.value, c.value]) : void 0), M = o(() => {
+      var r;
+      return t.footer || e.footer ? n("div", {
+        class: k.value
+      }, [t.footer || ((r = e.footer) == null ? void 0 : r.call(e))]) : void 0;
     });
-    return (e, s) => (d(), u(M, f({
-      class: g.value
+    return (r, s) => (f(), d(q, x({
+      class: P.value
     }, {
       ...t
-    }), A({
-      default: y(() => [i.value ? (d(), u(b(i.value), {
+    }), z({
+      default: O(() => [u.value ? (f(), d($(u.value), {
         key: 0
-      })) : h("", !0), v(e.$slots, "default"), i.value ? (d(), u(b(N.value), {
+      })) : N("", !0), _(r.$slots, "default"), u.value ? (f(), d($(M.value), {
         key: 1
-      })) : h("", !0)]),
+      })) : N("", !0)]),
       _: 2
-    }, [j(P(x)(r, ["chart", "footer", "description", "default"]), (w, m) => ({
-      name: m,
-      fn: y(() => [v(e.$slots, m)])
+    }, [F(I(L)(e, ["chart", "footer", "description", "default"]), (p, a) => ({
+      name: a,
+      fn: O(() => [_(r.$slots, a)])
     }))]), 1040, ["class"]));
   }
 });
 export {
-  J as default
+  Y as default
 };

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

@@ -47,6 +47,16 @@ export interface ApProCardProps {
     hoverable?: boolean;
     /** 幽灵模式，即是否取消卡片内容区域的 padding 和 背景颜色。 */
     ghost?: boolean;
+    /** 是否可折叠 */
+    collapsible?: boolean;
+    /** 配置默认是否折叠 */
+    defaultCollapsed?: boolean;
+    /** 受控 collapsed 属性 */
+    collapsed?: boolean;
+    /** 折叠按钮自定义节点 */
+    collapsibleIconRender?: ({ collapsed }: {
+        collapsed: boolean;
+    }) => VNodeChild;
     /** card的阴影 */
     boxShadow?: boolean;
 }
@@ -118,6 +128,26 @@ export type ApStatisticCardSolts = ApProCardSolts & {
      * 额外指标展示
      */
     footer?: () => VNodeChild;
+    /**
+     * 数值的标题
+     */
+    statisticTitle?: () => VNode[];
+    /**
+     * 设置数值的前缀
+     */
+    prefix?: () => VNode[];
+    /**
+     * 设置数值的后缀
+     */
+    suffix?: () => VNode[];
+    /**
+     * 图标
+     */
+    icon?: () => VNode[];
+    /**
+     * 标题提示
+     */
+    tip?: () => VNode[];
     /**
      * 描述性标签
      */

package/es/src/ap-table/components/paragraph-ellipsis/index.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as x, ref as _, computed as B, createElementBlock as f, openBlock as i, mergeProps as E, unref as o, createElementVNode as O, createCommentVNode as N, normalizeClass as y, createVNode as b, createSlots as V, withCtx as m, createBlock as c, resolveDynamicComponent as v, h as w } from "vue";
+import { defineComponent as g, ref as w, computed as _, createElementBlock as f, openBlock as l, mergeProps as B, unref as e, createElementVNode as O, createCommentVNode as E, normalizeClass as y, createVNode as d, createSlots as N, withCtx as i, createBlock as s, resolveDynamicComponent as v, h as b } from "vue";
 import "../../../config-provider/index.mjs";
 import { Tooltip as h } from "@aplus-frontend/antdv";
-import { CopyOutlined as j, CheckOutlined as S } from "@ant-design/icons-vue";
-import { useNamespace as A } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as P } from "../../../config-provider/hooks/use-locale.mjs";
-const G = /* @__PURE__ */ x({
+import { CopyOutlined as V, CheckOutlined as j } from "@ant-design/icons-vue";
+import { copy as x } from "../../../utils/copy.mjs";
+import { useNamespace as S } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as A } from "../../../config-provider/hooks/use-locale.mjs";
+const G = /* @__PURE__ */ g({
   name: "ApTableParagraphEllipsis",
   __name: "index",
   props: {
@@ -14,91 +15,72 @@ const G = /* @__PURE__ */ x({
     ellipsis: { type: [Boolean, Object] }
   },
   setup(C) {
-    const { b: u } = A("ap-table-paragraph-ellipsis"), { t: d } = P(), l = C, n = _(!1), p = B(() => l.ellipsis === !0 ? {
+    const { b: p } = S("ap-table-paragraph-ellipsis"), { t: n } = A(), t = C, o = w(!1), a = _(() => t.ellipsis === !0 ? {
       rows: 1,
-      tooltip: l.content,
+      tooltip: t.content,
       htmlTitle: ""
-    } : typeof l.ellipsis == "object" ? Object.assign(
+    } : typeof t.ellipsis == "object" ? Object.assign(
       {
         rows: 1,
-        tooltip: l.content,
+        tooltip: t.content,
         htmlTitle: ""
       },
-      l.ellipsis
+      t.ellipsis
     ) : {});
-    function T() {
-      return (window.top !== window ? window.top : window) ?? window;
-    }
-    function g(a) {
-      var r;
-      const e = T();
-      if ((r = e == null ? void 0 : e.navigator) != null && r.clipboard)
-        e.navigator.clipboard.writeText(a);
-      else if (e.document) {
-        const t = e.document.createElement("textarea");
-        t.value = a, t.style.position = "fixed", t.style.top = "-1000px", e.document.body.appendChild(t), t.focus(), t.select();
-        try {
-          e.document.execCommand("copy");
-        } catch (s) {
-          console.error("复制失败：", s);
-        }
-        e.document.body.removeChild(t);
-      }
-    }
     function k() {
-      const a = l.rawValue || "";
-      g(a), n.value || (n.value = !0, setTimeout(() => {
-        n.value = !1;
+      const r = t.rawValue || "";
+      x(r) && !o.value && (o.value = !0, setTimeout(() => {
+        o.value = !1;
       }, 2200));
     }
-    return (a, e) => {
-      var r, t;
-      return i(), f("div", E({
-        class: [o(u)()]
+    return (r, T) => {
+      var c, u;
+      return l(), f("div", B({
+        class: [e(p)()]
       }, {
-        ...a.$attrs
+        ...r.$attrs
       }, {
         style: {
-          "--ap-table-paragraph-ellipsis-rows": (r = p.value) == null ? void 0 : r.rows
+          "--ap-table-paragraph-ellipsis-rows": (c = a.value) == null ? void 0 : c.rows
         }
       }), [
         O("div", {
-          class: y([o(u)("content")])
+          class: y([e(p)("content")])
         }, [
-          b(o(h), null, V({
-            default: m(() => {
-              var s;
+          d(e(h), null, N({
+            default: i(() => {
+              var m;
               return [
-                (i(), c(v(
-                  w("span", { title: (s = p.value) == null ? void 0 : s.htmlTitle }, [l.content])
+                (l(), s(v(
+                  b("span", { title: (m = a.value) == null ? void 0 : m.htmlTitle }, [t.content])
                 )))
               ];
             }),
             _: 2
           }, [
-            (t = p.value) != null && t.tooltip ? {
+            (u = a.value) != null && u.tooltip ? {
               name: "title",
-              fn: m(() => [
-                (i(), c(v(w("div", [p.value.tooltip]))))
+              fn: i(() => [
+                (l(), s(v(b("div", [a.value.tooltip]))))
               ]),
               key: "0"
             } : void 0
           ]), 1024)
         ], 2),
-        l.copyable ? (i(), f("div", {
+        t.copyable ? (l(), f("div", {
           key: 0,
-          class: y([o(u)("copyable")]),
+          class: y([e(p)("copyable")]),
           onClick: k
         }, [
-          b(o(h), {
-            title: n.value ? o(d)("ap.apTable.paragraphEllipsis.copySuccess") : o(d)("ap.apTable.paragraphEllipsis.copy")
+          d(e(h), {
+            title: o.value ? e(n)("ap.apTable.paragraphEllipsis.copySuccess") : e(n)("ap.apTable.paragraphEllipsis.copy")
           }, {
-            default: m(() => [
-              n.value ? (i(), c(o(S), { key: 1 })) : (i(), c(o(j), { key: 0 }))
+            default: i(() => [
+              o.value ? (l(), s(e(j), { key: 1 })) : (l(), s(e(V), { key: 0 }))
             ]),
             _: 1
           }, 8, ["title"])
-        ], 2)) : N("", !0)
+        ], 2)) : E("", !0)
       ], 16);
     };
   }