@aplus-frontend/ui 7.15.0 → 7.15.2

package/es/src/ag-grid/interface.d.ts

@@ -343,6 +343,13 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 自定义数据为空时展示的文本
      */
     emptyText?: string;
+    /**
+     * 列尺寸变化后的回调
+     * @param key
+     * @param width
+     * @returns
+     */
+    onColumnResized?: (key: string, width: number) => void;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

package/es/src/ap-form/drawer-form/index.vue.d.ts

@@ -926,6 +926,7 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
             type: PropType<sizeType>;
         };
         maxSize: NumberConstructor;
+        minSize: NumberConstructor;
         drawerStyle: {
             type: PropType<CSSProperties>;
             default: CSSProperties;

package/es/src/ap-form/drawer-form/index.vue.mjs

@@ -1,20 +1,20 @@
-import { isVNode as Q, defineComponent as Y, useSlots as Z, shallowRef as ee, ref as y, computed as w, unref as n, watch as P, cloneVNode as te, createVNode as s, mergeProps as p, createElementBlock as N, openBlock as h, Fragment as ie, createBlock as S, createCommentVNode as M, withCtx as v, renderSlot as _, withModifiers as ne, normalizeClass as oe, resolveDynamicComponent as I, createTextVNode as ae, toDisplayString as se } from "vue";
-import { Button as z, Flex as le, Space as re, Drawer as ue } from "@aplus-frontend/antdv";
-import { isBoolean as de, isUndefined as me, omit as ce } from "lodash-unified";
+import { isVNode as q, defineComponent as A, useSlots as E, shallowRef as L, ref as v, watch as G, computed as T, unref as l, cloneVNode as H, createVNode as o, mergeProps as m, createElementBlock as J, openBlock as h, Fragment as K, createBlock as w, createCommentVNode as Q, withCtx as c, renderSlot as B, resolveDynamicComponent as R, createTextVNode as X, toDisplayString as Y } from "vue";
+import { Button as b, Flex as Z, Space as ee, Drawer as te } from "@aplus-frontend/antdv";
+import { isBoolean as ie, isUndefined as ae, omit as le } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { convertReactiveToRaw as fe } from "../../utils/index.mjs";
-import { getSingleVNode as pe } from "../../utils/slot.mjs";
+import { getNumberPx as F, convertReactiveToRaw as ne } from "../../utils/index.mjs";
+import { getSingleVNode as oe } from "../../utils/slot.mjs";
 import "../ap-form.vue.mjs";
-import he from "../style/drawer-form.mjs";
-import { useControllableValue as ve } from "../../hooks/useControllableValue.mjs";
-import { useLocale as be } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Fe } from "../../config-provider/hooks/use-namespace.mjs";
-import ge from "../ap-form.vue2.mjs";
-function L(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !Q(r);
+import se from "../style/drawer-form.mjs";
+import { useControllableValue as re } from "../../hooks/useControllableValue.mjs";
+import { useLocale as ue } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as de } from "../../config-provider/hooks/use-namespace.mjs";
+import me from "../ap-form.vue2.mjs";
+function x(s) {
+  return typeof s == "function" || Object.prototype.toString.call(s) === "[object Object]" && !q(s);
 }
-const De = /* @__PURE__ */ Y({
+const Se = /* @__PURE__ */ A({
   name: "ApFormDrawerForm",
   __name: "index",
   props: {
@@ -100,17 +100,25 @@ const De = /* @__PURE__ */ Y({
     }
   },
   emits: ["update:open"],
-  setup(r, {
-    expose: U,
-    emit: j
+  setup(s, {
+    expose: O,
+    emit: k
   }) {
-    const t = r, b = Z(), E = j, o = ee(), d = y(), a = y(!1), {
-      value: C,
-      updateValue: m
-    } = ve(t, E, {
+    const t = s, f = E(), W = k, a = L(), r = v(), n = v(!1), {
+      value: P,
+      updateValue: u
+    } = re(t, W, {
       valuePropName: "open",
       defaultValue: !1
-    }), l = w(() => {
+    }), {
+      t: p
+    } = ue(), N = se("ap-form-drawer-form"), {
+      b: S
+    } = de("ap-form-drawer-form");
+    G(() => a.value, (e) => {
+      e && r.value && (e.setFieldsValue?.(r.value), r.value = void 0);
+    });
+    const d = T(() => {
       const e = {
         onResize: () => {
         },
@@ -118,160 +126,143 @@ const De = /* @__PURE__ */ Y({
         maxWidth: window.innerWidth * 0.8,
         resizeOnOpen: !0
       };
-      return de(t.resize) ? t.resize ? e : {} : {
+      return ie(t.resize) ? t.resize ? e : {} : {
         minWidth: t.resize?.minWidth ?? e.minWidth,
         maxWidth: t.resize?.maxWidth ?? e.maxWidth,
         onResize: t.resize?.onResize ?? e.onResize,
-        resizeOnOpen: me(t.resize?.resizeOnOpen) ? e.onResize : t.resize.resizeOnOpen
+        resizeOnOpen: ae(t.resize?.resizeOnOpen) ? e.resizeOnOpen : t.resize.resizeOnOpen
       };
-    }), u = y(T()), {
-      t: F
-    } = be(), D = he("ap-form-drawer-form"), {
-      b: $,
-      e: q,
-      em: V
-    } = Fe("ap-form-drawer-form"), A = w(() => [q("resize-bar"), {
-      [V("resize-bar", "min-disabled")]: n(u) === n(l).minWidth
-    }, {
-      [V("resize-bar", "max-disabled")]: n(u) === n(l).maxWidth
-    }]);
-    P(() => o.value, (e) => {
-      e && d.value && (e.setFieldsValue?.(d.value), d.value = void 0);
-    }), P(() => n(C), (e) => {
-      e && n(l)?.resizeOnOpen && (u.value = T());
     });
-    function T() {
-      const e = n(l)?.minWidth;
+    function _() {
+      const e = l(d)?.minWidth;
       return !e || e && e < t.width ? t.width : e;
     }
-    const R = pe(b.trigger), W = R ? te(R, {
+    const g = v(F(_()));
+    function I(e) {
+      const {
+        resizeOnOpen: i,
+        onResize: C
+      } = d.value;
+      i && (g.value = e, C?.(e));
+    }
+    const y = oe(f.trigger), z = y ? H(y, {
       onClick: () => {
-        m(!0);
+        u(!0);
       }
-    }) : null, X = w(() => {
+    }) : null, j = T(() => {
       const e = [];
       if (t.submitter === !1)
         return null;
       if (t.showCancel) {
         let i;
-        e.push(s(z, {
-          onClick: k,
-          disabled: a.value
-        }, L(i = F("ap.common.cancelText")) ? i : {
+        e.push(o(b, {
+          onClick: V,
+          disabled: n.value
+        }, x(i = p("ap.common.cancelText")) ? i : {
           default: () => [i]
         }));
       }
-      return t.submitter?.resetButtonProps !== !1 && e.push(s(z, p(t.submitter?.resetButtonProps || {}, {
+      return t.submitter?.resetButtonProps !== !1 && e.push(o(b, m(t.submitter?.resetButtonProps || {}, {
         key: "submit",
-        disabled: a.value,
-        onClick: H
+        disabled: n.value,
+        onClick: U
       }), {
-        default: () => [t.submitter?.resetText || F("ap.common.resetText")]
-      })), t.submitter?.submitButtonProps !== !1 && e.push(s(z, p({
+        default: () => [t.submitter?.resetText || p("ap.common.resetText")]
+      })), t.submitter?.submitButtonProps !== !1 && e.push(o(b, m({
         type: "primary",
         key: "submit"
       }, t.submitter?.submitButtonProps || {}, {
-        loading: a.value,
-        onClick: J
+        loading: n.value,
+        onClick: D
       }), {
-        default: () => [t.submitter?.submitText || F("ap.common.okText")]
-      })), s(le, {
+        default: () => [t.submitter?.submitText || p("ap.common.okText")]
+      })), o(Z, {
         justify: "flex-end"
       }, {
-        default: () => [b.submitter ? b.submitter(e) : s(re, null, L(e) ? e : {
+        default: () => [f.submitter ? f.submitter(e) : o(ee, null, x(e) ? e : {
           default: () => [e]
         })]
       });
     });
-    function G() {
-      l.value?.onResize?.(), document.addEventListener("mousemove", B), document.addEventListener("mouseup", x);
-    }
-    function B(e) {
-      const i = n(l), c = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), f = i?.minWidth ?? (t.width || 800), O = i?.maxWidth ?? window.innerWidth * 0.8;
-      let g = c;
-      c < f && (g = f), c > O && (g = O), u.value = g;
+    function U() {
+      t.submitter !== !1 && (a.value?.resetFields(), t.submitter?.onReset?.());
     }
-    function x() {
-      document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", x);
-    }
-    function H() {
-      t.submitter !== !1 && (o.value?.resetFields(), t.submitter?.onReset?.());
-    }
-    async function J() {
+    async function D() {
       if (t.submitter !== !1)
         try {
-          const e = await o.value?.validateFieldsReturnTransformed();
-          t.submitter?.onSubmit?.(), a.value = !0;
-          const i = t.onFinish?.(fe(e));
+          const e = await a.value?.validateFieldsReturnTransformed();
+          t.submitter?.onSubmit?.(), n.value = !0;
+          const i = t.onFinish?.(ne(e));
           if (t.submitTimeout && i instanceof Promise) {
-            const f = setTimeout(() => a.value = !1, t.submitTimeout);
+            const $ = setTimeout(() => n.value = !1, t.submitTimeout);
             i.finally(() => {
-              clearTimeout(f), a.value = !1;
+              clearTimeout($), n.value = !1;
             });
           }
-          await i && m(!1);
+          await i && u(!1);
         } finally {
-          a.value = !1;
+          n.value = !1;
         }
     }
-    function k() {
-      n(a) || m(!1);
+    function V() {
+      l(n) || u(!1);
     }
-    function K(e) {
-      !e && n(a) || m(e);
+    function M(e) {
+      !e && l(n) || u(e);
     }
-    return U({
+    return O({
       resetFields: async () => {
-        o.value?.resetFields();
+        a.value?.resetFields();
       },
       clearValidate: (e) => {
-        o.value?.clearValidate(e);
+        a.value?.clearValidate(e);
       },
-      validateFields: (e, i) => o.value?.validateFields(e, i),
-      getFieldsValue: (e) => o.value?.getFieldsValue(e),
-      validate: (e, i) => o.value?.validate(e, i),
+      validateFields: (e, i) => a.value?.validateFields(e, i),
+      getFieldsValue: (e) => a.value?.getFieldsValue(e),
+      validate: (e, i) => a.value?.validate(e, i),
       scrollToField: (e, i = {}) => {
-        o.value?.scrollToField(e, i);
+        a.value?.scrollToField(e, i);
       },
       setFieldValue: (e, i) => {
-        o.value?.setFieldValue?.(e, i);
+        a.value?.setFieldValue?.(e, i);
       },
       setFieldsValue: (e) => {
-        if (!o.value) {
-          d.value = e;
+        if (!a.value) {
+          r.value = e;
           return;
         }
-        o.value?.setFieldsValue?.(e);
+        a.value?.setFieldsValue?.(e);
+      },
+      getInternalInstance: (e) => a.value?.getInternalInstance(e),
+      getFieldsValueTransformed: (e) => a.value?.getFieldsValueTransformed(e),
+      validateFieldsReturnTransformed: (e) => a.value?.validateFieldsReturnTransformed(e)
+    }), (e, i) => (h(), J(K, null, [o(l(te), m(e.drawerProps, {
+      open: l(P),
+      size: g.value,
+      "max-size": l(F)(d.value.maxWidth),
+      "min-size": l(F)(d.value.minWidth),
+      resizable: {
+        onResize: I
       },
-      getInternalInstance: (e) => o.value?.getInternalInstance(e),
-      getFieldsValueTransformed: (e) => o.value?.getFieldsValueTransformed(e),
-      validateFieldsReturnTransformed: (e) => o.value?.validateFieldsReturnTransformed(e)
-    }), (e, i) => (h(), N(ie, null, [s(n(ue), p(e.drawerProps, {
-      open: n(C),
-      width: u.value,
-      class: [n($)(), n(D)],
-      "onUpdate:open": K,
-      onCancel: k
+      class: [l(S)(), l(N)],
+      "onUpdate:open": M,
+      onCancel: V
     }), {
-      title: v(() => [_(e.$slots, "title", {}, () => [ae(se(t.title), 1)])]),
-      footer: v(() => [(h(), S(I(X.value)))]),
-      default: v(() => [s(ge, p({
+      title: c(() => [B(e.$slots, "title", {}, () => [X(Y(t.title), 1)])]),
+      footer: c(() => [(h(), w(R(j.value)))]),
+      default: c(() => [o(me, m({
         ref_key: "formRef",
-        ref: o
-      }, n(ce)(t, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: v(() => [_(e.$slots, "default")]),
+        ref: a
+      }, l(le)(t, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: c(() => [B(e.$slots, "default")]),
         _: 3
-      }, 16), e.resize ? (h(), N("div", {
-        key: 0,
-        class: oe(A.value),
-        onMousedown: ne(G, ["stop", "prevent"])
-      }, null, 34)) : M("", !0)]),
+      }, 16)]),
       _: 3
-    }, 16, ["open", "width", "class"]), n(W) ? (h(), S(I(n(W)), {
+    }, 16, ["open", "size", "max-size", "min-size", "resizable", "class"]), l(z) ? (h(), w(R(l(z)), {
       key: 0
-    })) : M("", !0)], 64));
+    })) : Q("", !0)], 64));
   }
 });
 export {
-  De as default
+  Se as default
 };

package/es/src/ap-form/interface.d.ts

@@ -278,7 +278,7 @@ export type ApFormModalFormProps = Omit<ApFormProps, 'onFinish'> & {
     submitTimeout?: number;
 };
 export type CustomizeResizeType = {
-    onResize?: () => void;
+    onResize?: (_size: number) => void;
     maxWidth?: DrawerProps['width'];
     minWidth?: DrawerProps['width'];
     resizeOnOpen?: boolean;

package/es/src/ap-form/items/checkbox/index.vue.mjs

@@ -58,11 +58,11 @@ const A = /* @__PURE__ */ m({
       request: () => l.value?.request()
     }), (e, F) => (y(), x(k, a(r(o(i)(p, ["field"]))), B({
       default: s(() => [
-        _(o(C), h(e.field, {
+        _(o(C), h({
           ref_key: "checkboxRef",
           ref: l,
           disabled: e.disabled
-        }), null, 16, ["disabled"])
+        }, e.field), null, 16, ["disabled"])
       ]),
       _: 2
     }, [

package/es/src/ap-form/items/radio/index.vue.mjs

@@ -60,8 +60,9 @@ const A = /* @__PURE__ */ u({
       default: s(() => [
         v(r(k), b({
           ref_key: "radioRef",
-          ref: o
-        }, e.field, { disabled: e.disabled }), null, 16, ["disabled"])
+          ref: o,
+          disabled: e.disabled
+        }, e.field), null, 16, ["disabled"])
       ]),
       _: 2
     }, [

package/es/src/ap-table/components/setting/template/item.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as g, ref as b, createElementBlock as c, openBlock as s, normalizeClass as n, unref as t, createElementVNode as f, createBlock as w, createCommentVNode as v, toDisplayString as B, withCtx as r, createVNode as i, withModifiers as d } from "vue";
+import { defineComponent as g, ref as b, createElementBlock as c, openBlock as r, normalizeClass as a, unref as t, createElementVNode as f, createBlock as w, createCommentVNode as v, toDisplayString as B, withCtx as p, createVNode as s, withModifiers as d } from "vue";
 import { EditOutlined as N, DeleteOutlined as A } from "@ant-design/icons-vue";
 import { Flex as D, Popover as E } from "@aplus-frontend/antdv";
 import "../../../../config-provider/index.mjs";
@@ -15,58 +15,59 @@ const K = /* @__PURE__ */ g({
     shouldRemove: { type: Boolean }
   },
   setup(C) {
-    const p = C, { b: l } = V("ap-column-setting-template-item"), a = b(!1), { deleteTemplate: k, cacheConfig: m } = S();
+    const m = C, { b: l } = V("ap-column-setting-template-item"), n = b(!1), { deleteTemplate: k, cacheConfig: u } = S();
     function y(o) {
-      if (!o || o === p.value.label)
+      if (!o || o === m.value.label)
         return;
-      const e = p.value;
-      e.label = o, m.value?.onChange?.(e.columnState, e), a.value = !1;
+      const e = m.value;
+      e.label = o, u.value?.onChange?.(e.columnState, e), n.value = !1;
     }
-    return (o, e) => (s(), c("div", {
-      class: n([t(l)(), { [t(l)("active")]: o.isActive }]),
-      onClick: e[3] || (e[3] = //@ts-ignore
-      (...u) => o.onClick && o.onClick(...u))
+    return (o, e) => (r(), c("div", {
+      class: a([t(l)(), { [t(l)("active")]: o.isActive }]),
+      onClick: e[4] || (e[4] = //@ts-ignore
+      (...i) => o.onClick && o.onClick(...i))
     }, [
       f("span", {
-        class: n(t(l)("label"))
+        class: a(t(l)("label"))
       }, B(o.value.label), 3),
-      t(m).persistenceKey ? (s(), w(t(D), {
+      t(u).persistenceKey ? (r(), w(t(D), {
         key: 0,
         gap: 8,
-        class: n(t(l)("action-wrapper"))
+        class: a(t(l)("action-wrapper"))
       }, {
-        default: r(() => [
-          i(t(E), {
-            open: a.value,
+        default: p(() => [
+          s(t(E), {
+            open: n.value,
+            "onUpdate:open": e[2] || (e[2] = (i) => n.value = i),
             trigger: "click",
             arrow: !1,
             placement: "bottom",
             "destroy-tooltip-on-hide": ""
           }, {
-            content: r(() => [
-              i(F, {
+            content: p(() => [
+              s(F, {
                 "is-edit": "",
                 "initial-values": { label: o.value.label },
                 onConfirm: y,
-                onCancel: e[1] || (e[1] = () => a.value = !1)
+                onCancel: e[1] || (e[1] = () => n.value = !1)
               }, null, 8, ["initial-values"])
             ]),
-            default: r(() => [
+            default: p(() => [
               f("span", {
-                class: n(t(l)("icon-wrapper")),
-                onClick: e[0] || (e[0] = d((u) => a.value = !0, ["stop"]))
+                class: a(t(l)("icon-wrapper")),
+                onClick: e[0] || (e[0] = d((i) => n.value = !0, ["stop"]))
               }, [
-                i(t(N))
+                s(t(N))
               ], 2)
             ]),
             _: 1
           }, 8, ["open"]),
-          o.shouldRemove ? (s(), c("span", {
+          o.shouldRemove ? (r(), c("span", {
             key: 0,
-            class: n(t(l)("icon-wrapper")),
-            onClick: e[2] || (e[2] = d(() => t(k)(o.value.key), ["stop"]))
+            class: a(t(l)("icon-wrapper")),
+            onClick: e[3] || (e[3] = d(() => t(k)(o.value.key), ["stop"]))
           }, [
-            i(t(A))
+            s(t(A))
           ], 2)) : v("", !0)
         ]),
         _: 1

package/es/src/business/ap-descriptions/ap-descriptions.vue.mjs

@@ -1,11 +1,11 @@
 import { defineComponent as N, useSlots as T, createVNode as l, createTextVNode as D, Fragment as V, shallowRef as w, watch as E, createElementBlock as _, openBlock as k, normalizeStyle as A, normalizeClass as B, unref as n, mergeProps as I } from "vue";
 import { Descriptions as R } from "@aplus-frontend/antdv";
-import { get as p } from "lodash-unified";
+import { get as u } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "./help-message/index.vue.mjs";
 import { mixinsAttachmentExtraProps as j, transformValue as z, isEmptyWithType as F } from "./helper.mjs";
 import G from "./style/index.mjs";
-import { useGlobalConfig as u } from "../../config-provider/hooks/use-global-config.mjs";
+import { useGlobalConfig as f } from "../../config-provider/hooks/use-global-config.mjs";
 import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";
 import L from "./help-message/index.vue2.mjs";
 const Z = /* @__PURE__ */ N({
@@ -20,30 +20,30 @@ const Z = /* @__PURE__ */ N({
     },
     className: {}
   },
-  setup(f) {
-    const o = f, c = u("apDescriptions"), d = u("downloadCenterTriggerConfig"), {
-      b: y,
-      be: m
+  setup(c) {
+    const o = c, d = f("apDescriptions"), y = f("downloadCenterTriggerConfig"), {
+      b: m,
+      be: s
     } = M("ap-descriptions"), b = G("ap-descriptions"), g = T(), S = (e = {}) => {
       let r = "";
       return o.descriptionsProps?.layout === "vertical" && (r = "start"), {
         justifyContent: r,
         ...e
       };
-    }, s = (e) => {
-      const r = p(o.dataSource, e.field);
+    }, i = (e) => {
+      const r = u(o.dataSource, e.field);
       if (e.customRender)
         return e.customRender(o.dataSource);
       e.valueType === "attachment" && (e.extraProps = j(e.extraProps, {
-        fromConfig: c.value?.downloadFile,
-        fromGlobal: d.value?.trigger
+        fromConfig: d.value?.downloadFile,
+        fromGlobal: y.value?.trigger
       }));
       const t = e.format ? e.format(r, o.dataSource || {}) : r;
       return z({
         value: t,
         record: o.dataSource
       }, e);
-    }, v = (e) => e.valueType === "text" && !!e.extraProps?.ellipsis, C = (e, r) => {
+    }, v = (e) => e.valueType === "text" && !!e.extraProps?.ellipsis, x = (e, r) => {
       if (e.visible != null) {
         if (typeof e.visible == "boolean")
           return e.visible;
@@ -54,11 +54,13 @@ const Z = /* @__PURE__ */ N({
           });
       }
       return !0;
-    }, P = (e, r, t) => e.valueType === "empty" ? null : F(p(t, e.field), e) ? l("span", null, [D("--")]) : e.contentSlotName ? g?.[e.contentSlotName]?.({
+    }, C = (e, r, t) => e.valueType === "empty" ? null : F(u(t, e.field), e) ? l("span", null, [D("--")]) : e.contentSlotName ? g?.[e.contentSlotName]?.({
       index: r,
       record: t,
-      item: s(e)
-    }) : l(V, null, [e.prefix, s(e), e.suffix]), x = (e = [], r) => e.filter((t) => C(t, r)).map((t, a) => ({
+      item: i(e)
+    }) : l(V, null, [e.prefix, i(e), e.suffix && l("span", {
+      class: s("content", "suffix")
+    }, [e.suffix])]), P = (e = [], r) => e.filter((t) => x(t, r)).map((t, p) => ({
       label: t.label && l(L, {
         helpMessage: t.helpMessage,
         label: t.label
@@ -67,23 +69,23 @@ const Z = /* @__PURE__ */ N({
       style: t.style,
       contentStyle: t.contentStyle,
       labelStyle: t.labelStyle,
-      key: t.field?.toString() || "empty" + a,
-      class: v(t) ? m("item", "ellipsis") : "",
-      children: P(t, a, r)
-    })), i = w([]);
+      key: t.field?.toString() || "empty" + p,
+      class: v(t) ? s("item", "ellipsis") : "",
+      children: C(t, p, r)
+    })), a = w([]);
     return E([() => o.schemas, () => o.dataSource], () => {
-      i.value = x(o.schemas, o.dataSource);
+      a.value = P(o.schemas, o.dataSource);
     }, {
       immediate: !0,
       deep: !0
     }), (e, r) => (k(), _("div", {
-      class: B([e.className, n(y)(), n(b)]),
+      class: B([e.className, n(m)(), n(b)]),
       style: A(e.style)
     }, [l(n(R), I(e.descriptionsProps, {
       "label-style": S({
         ...e.descriptionsProps?.labelStyle || {}
       }),
-      items: i.value
+      items: a.value
     }), null, 16, ["label-style", "items"])], 6));
   }
 });

package/es/src/business/ap-descriptions/style/index.mjs

@@ -1,5 +1,5 @@
-import { genComponentStyleHook as n } from "../../../utils/cssinjs/index.mjs";
-const e = (t) => {
+import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
+const n = (t) => {
   const { componentCls: i } = t;
   return {
     [i]: {
@@ -60,6 +60,9 @@ const e = (t) => {
         },
         ".ant-descriptions-item-content": {
           color: t.textColor1,
+          [`${i}-content__suffix`]: {
+            whiteSpace: "pre-wrap"
+          },
           ".ap-descriptions-item-content__link": {
             color: t.colorLink,
             cursor: "pointer"
@@ -68,8 +71,8 @@ const e = (t) => {
       }
     }
   };
-}, a = n("ApDescriptions", (t) => [
-  e(t)
+}, a = e("ApDescriptions", (t) => [
+  n(t)
 ]);
 export {
   a as default

package/es/src/time-ago/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as f, toRef as r, computed as a, createElementBlock as d, openBlock as g, normalizeClass as v, unref as n, toDisplayString as _ } from "vue";
+import { defineComponent as f, toRef as r, computed as a, createElementBlock as d, openBlock as g, normalizeClass as _, unref as m, toDisplayString as v } from "vue";
 import y from "dayjs";
 import "../config-provider/index.mjs";
 import D from "./style/index.mjs";
@@ -6,7 +6,7 @@ import h from "./useTimeAgo.mjs";
 import { getTimeAgoStr as B } from "./utils.mjs";
 import { useLocale as S } from "../config-provider/hooks/use-locale.mjs";
 import { useNamespace as T } from "../config-provider/hooks/use-namespace.mjs";
-const Y = ["title"], M = /* @__PURE__ */ f({
+const Y = ["title"], H = /* @__PURE__ */ f({
   name: "TimeAgo",
   __name: "index",
   props: {
@@ -20,28 +20,32 @@ const Y = ["title"], M = /* @__PURE__ */ f({
     interval: {
       type: [Boolean, Number],
       default: 1e4
-    }
+    },
+    customFormat: {}
   },
-  setup(m) {
-    const t = m, {
-      locale: s
+  setup(s) {
+    const e = s, {
+      locale: n
     } = S(), {
       b: l
-    } = T("time-ago"), i = D("time-ago"), u = h(r(t, "value"), Date.now(), r(t, "interval")), c = a(() => B(u.value, s.value)), p = a(() => {
-      const e = t.title;
-      if (e === !1)
+    } = T("time-ago"), i = D("time-ago"), u = h(r(e, "value"), Date.now(), r(e, "interval")), c = a(() => {
+      const t = u.value;
+      return e.customFormat ? e.customFormat(t) : B(t, n.value);
+    }), p = a(() => {
+      const t = e.title;
+      if (t === !1)
         return;
-      if (typeof e == "string")
-        return e;
-      const o = e === !0 ? "YYYY-MM-DD HH:mm:ss" : e.format;
-      return y(t.value).format(o);
+      if (typeof t == "string")
+        return t;
+      const o = t === !0 ? "YYYY-MM-DD HH:mm:ss" : t.format;
+      return y(e.value).format(o);
     });
-    return (e, o) => (g(), d("span", {
+    return (t, o) => (g(), d("span", {
       title: p.value,
-      class: v([n(l)(), n(i)])
-    }, _(c.value), 11, Y));
+      class: _([m(l)(), m(i)])
+    }, v(c.value), 11, Y));
   }
 });
 export {
-  M as default
+  H as default
 };