ant-design-x-vue 1.2.4 → 1.2.6

package/es/bubble/Bubble.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as j, mergeDefaults as D, toRef as h, useSlots as H, ref as d, watch as N, unref as k, watchEffect as q, computed as r, createVNode as l, isVNode as z, Fragment as G, toValue as i, mergeProps as J } from "vue";
+import { defineComponent as j, mergeDefaults as D, toRef as h, useSlots as H, ref as d, watch as N, unref as k, watchEffect as q, computed as r, createVNode as l, isVNode as z, Fragment as G, toValue as c, mergeProps as J } from "vue";
 import { a as K } from "../attachments/Attachments2.mjs";
 import { Avatar as L } from "ant-design-vue";
 import M from "../_util/hooks/use-x-component-config.mjs";
@@ -9,7 +9,7 @@ import W from "./hooks/useTypingConfig.mjs";
 import Y from "./loading.mjs";
 import Z from "./style/index.mjs";
 import { useBubbleContextInject as U } from "./context.mjs";
-const ce = /* @__PURE__ */ j({
+const ie = /* @__PURE__ */ j({
   name: "AXBubble",
   __name: "Bubble",
   props: D({
@@ -34,9 +34,7 @@ const ce = /* @__PURE__ */ j({
     shape: null,
     onTypingComplete: null,
     header: null,
-    footer: {
-      type: Function
-    }
+    footer: null
   }, {
     classNames: () => ({}),
     styles: () => ({}),
@@ -55,16 +53,16 @@ const ce = /* @__PURE__ */ j({
       g.value = e.content;
     });
     const {
-      onUpdate: c
+      onUpdate: i
     } = k(U()), y = d(null), {
       direction: b,
       getPrefixCls: R
-    } = O(), t = R("bubble", e.prefixCls), n = M("bubble"), [T, P, S, C] = W(() => e.typing), [s, u] = Q(g, T, P, S), m = d(!1);
+    } = O(), t = R("bubble", e.prefixCls), n = M("bubble"), [T, P, S, C] = W(() => e.typing), [s, u] = Q(g, T, P, S), f = d(!1);
     N(s, () => {
-      c == null || c();
+      i == null || i();
     }), q(() => {
       var o;
-      !u.value && !e.loading ? m.value || (m.value = !0, (o = e.onTypingComplete) == null || o.call(e)) : m.value = !1;
+      !u.value && !e.loading ? f.value || (f.value = !0, (o = e.onTypingComplete) == null || o.call(e)) : f.value = !1;
     });
     const [V, w, B] = Z(() => t), E = r(() => [t, e.rootClassName, n.value.className, w.value, B, `${t}-${e.placement}`, {
       [`${t}-rtl`]: b.value === "rtl"
@@ -74,7 +72,7 @@ const ce = /* @__PURE__ */ j({
       content: s.value
     }) : e.messageRender ? e.messageRender(s.value) : s.value), X = r(() => e.loading ? a.loading ? a.loading() : e.loadingRender ? e.loadingRender() : l(Y, {
       prefixCls: t
-    }, null) : l(G, null, [I.value, u.value && i(C)])), A = r(() => {
+    }, null) : l(G, null, [I.value, u.value && c(C)])), A = r(() => {
       const o = l("div", {
         style: {
           ...n.value.styles.content,
@@ -83,18 +81,20 @@ const ce = /* @__PURE__ */ j({
         class: [`${t}-content`, `${t}-content-${e.variant}`, {
           [`${t}-content-${e.shape}`]: e.shape
         }, n.value.classNames.content, e.classNames.content]
-      }, [i(X)]), f = a.header ? a.header() : e.header, v = a.footer ? a.footer({
+      }, [c(X)]), m = a.header ? a.header({
+        content: s.value
+      }) : typeof e.header == "function" ? e.header(s.value) : e.header, v = a.footer ? a.footer({
         content: s.value
       }) : typeof e.footer == "function" ? e.footer(s.value) : e.footer;
-      return f || v ? l("div", {
+      return m || v ? l("div", {
         class: `${t}-content-wrapper`
-      }, [f && l("div", {
+      }, [m && l("div", {
         class: [`${t}-header`, n.value.classNames.header, e.classNames.header],
         style: {
           ...n.value.styles.header,
           ...e.styles.header
         }
-      }, [f]), o, v && l("div", {
+      }, [m]), o, v && l("div", {
         class: [`${t}-footer`, n.value.classNames.footer, e.classNames.footer],
         style: {
           ...n.value.styles.footer,
@@ -109,7 +109,7 @@ const ce = /* @__PURE__ */ j({
         ...n.value.style
         // ...(style as object),
       },
-      class: i(E)
+      class: c(E)
     }, $, {
       ref: y
     }), [(a.avatar || e.avatar) && l("div", {
@@ -118,9 +118,9 @@ const ce = /* @__PURE__ */ j({
         ...e.styles.avatar
       },
       class: [`${t}-avatar`, n.value.classNames.avatar, e.classNames.avatar]
-    }, [i(F)]), i(A)]));
+    }, [c(F)]), c(A)]));
   }
 });
 export {
-  ce as default
+  ie as default
 };

package/es/bubble/hooks/useDisplayData.mjs

@@ -1,8 +1,8 @@
 import { computed as s, unref as e, watch as f } from "vue";
 import { useEventCallback as c } from "../../_util/hooks/use-event-callback.mjs";
 import d from "../../_util/hooks/use-state.mjs";
-function h(a) {
-  const [r, o] = d(a.value.length), t = s(() => a.value.slice(0, e(r))), i = s(() => {
+function v(a) {
+  const [o, u] = d(a.value.length), t = s(() => a.value.slice(0, e(o))), i = s(() => {
     const l = e(t)[e(t).length - 1];
     return l ? l.key : null;
   });
@@ -10,16 +10,16 @@ function h(a) {
     a,
     () => {
       var l;
-      if (!(e(t).length && e(t).every((n, y) => {
-        var u;
-        return n.key === ((u = a.value[y]) == null ? void 0 : u.key);
+      if (u(a.value.length), !(e(t).length && e(t).every((n, y) => {
+        var r;
+        return n.key === ((r = a.value[y]) == null ? void 0 : r.key);
       }))) {
         if (e(t).length === 0)
-          o(1);
+          u(1);
         else
           for (let n = 0; n < e(t).length; n += 1)
             if (e(t)[n].key !== ((l = a.value[n]) == null ? void 0 : l.key)) {
-              o(n);
+              u(n);
               break;
             }
       }
@@ -27,10 +27,10 @@ function h(a) {
     { immediate: !0, deep: !0 }
   );
   const p = c((l) => {
-    l === e(i) && o(e(r) + 1);
+    l === e(i) && u(e(o) + 1);
   });
   return [t, p];
 }
 export {
-  h as default
+  v as default
 };

package/es/conversations/ConversationsItem.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as y, toRef as P, computed as l, createVNode as t, mergeProps as h } from "vue";
+import { defineComponent as p, toRef as y, computed as i, createVNode as t, mergeProps as h } from "vue";
 import { a as $, c as O } from "../attachments/Attachments2.mjs";
 import T from "../_util/pick-attrs.mjs";
-import { Tooltip as E, Typography as M, Dropdown as p, Menu as w } from "ant-design-vue";
-import c from "../_util/hooks/use-state.mjs";
-import { E as I } from "../attachments/FileList/FileList2.mjs";
-const L = /* @__PURE__ */ y({
+import { Tooltip as E, Typography as M, Dropdown as w, Menu as I } from "ant-design-vue";
+import s from "../_util/hooks/use-state.mjs";
+import { E as N } from "../attachments/FileList/FileList2.mjs";
+const S = /* @__PURE__ */ p({
   name: "AXConversationsItem",
   __name: "ConversationsItem",
   props: {
@@ -20,34 +20,37 @@ const L = /* @__PURE__ */ y({
     }
   },
   setup(e) {
-    const s = $(e, ["prefixCls", "info", "class", "direction", "onClick", "active", "menu"]);
-    P(e, "class");
-    const u = l(() => T(s, {
+    const u = $(e, ["prefixCls", "info", "class", "direction", "onClick", "active", "menu"]);
+    y(e, "class");
+    const f = i(() => T(u, {
       aria: !0,
       data: !0,
       attr: !0
-    })), f = (n) => {
+    })), m = (n) => {
       n.stopPropagation();
-    }, i = l(() => e.info.disabled), [m, d] = c(!1), [g, r] = c(!1), v = l(() => O(e.class, `${e.prefixCls}-item`, {
-      [`${e.prefixCls}-item-active`]: e.active && !i.value
+    }, l = i(() => e.info.disabled), [d, g] = s(!1), [C, r] = s(!1), v = i(() => O(e.class, `${e.prefixCls}-item`, {
+      [`${e.prefixCls}-item-active`]: e.active && !l.value
     }, {
-      [`${e.prefixCls}-item-disabled`]: i.value
-    })), C = () => {
-      !i.value && e.onClick && e.onClick(e.info);
-    }, x = (n) => {
+      [`${e.prefixCls}-item-disabled`]: l.value
+    })), x = () => {
+      !l.value && e.onClick && e.onClick(e.info);
+    }, P = (n) => {
       n && r(!n);
-    }, o = l(() => {
+    }, o = i(() => {
       var n;
       return (n = e.menu) == null ? void 0 : n.trigger;
-    }), b = l(() => {
+    }), c = i(() => {
       const {
         trigger: n,
         ...a
       } = e.menu || {};
       return a;
+    }), b = i(() => {
+      var n;
+      return (n = c.value) == null ? void 0 : n.getPopupContainer;
     }), k = (n) => {
-      const a = t(I, {
-        onClick: f,
+      const a = t(N, {
+        onClick: m,
         class: `${e.prefixCls}-menu-icon`
       }, null);
       return o.value ? typeof o.value == "function" ? o.value(n, {
@@ -56,34 +59,35 @@ const L = /* @__PURE__ */ y({
     };
     return () => t(E, {
       title: e.info.label,
-      open: m.value && g.value,
+      open: d.value && C.value,
       onOpenChange: r,
       placement: e.direction === "rtl" ? "left" : "right"
     }, {
-      default: () => [t("li", h(u.value, {
+      default: () => [t("li", h(f.value, {
         class: v.value,
-        onClick: C
+        onClick: x
       }), [e.info.icon && t("div", {
         class: `${e.prefixCls}-icon`
       }, [e.info.icon]), t(M.Text, {
         class: `${e.prefixCls}-label`,
         ellipsis: {
-          onEllipsis: d
+          onEllipsis: g
         }
       }, {
         default: () => [e.info.label]
-      }), !i.value && e.menu && t(p, {
+      }), !l.value && e.menu && t(w, {
         placement: e.direction === "rtl" ? "bottomLeft" : "bottomRight",
         trigger: ["click"],
-        disabled: i.value,
-        onOpenChange: x
+        disabled: l.value,
+        onOpenChange: P,
+        getPopupContainer: b.value
       }, {
         default: () => k(e.info),
-        overlay: () => t(w, b.value, null)
+        overlay: () => t(I, c.value, null)
       })])]
     });
   }
 });
 export {
-  L as default
+  S as default
 };

package/es/sender/Sender.mjs

@@ -12,8 +12,8 @@ import D from "./components/LoadingButton.mjs";
 import K from "./components/SendButton.mjs";
 import R from "./components/SpeechButton/index.mjs";
 import ve from "./style/index.mjs";
-import Ce from "./useSpeech.mjs";
-import ye from "../_util/getValue.mjs";
+import ye from "./useSpeech.mjs";
+import Ce from "../_util/getValue.mjs";
 const Ae = /* @__PURE__ */ ee({
   name: "AXSender",
   __name: "Sender",
@@ -77,7 +77,7 @@ const Ae = /* @__PURE__ */ ee({
     const V = le(e, ["prefixCls", "styles", "classNames", "className", "rootClassName", "style", "defaultValue", "value", "placeholder", "readOnly", "submitType", "onSubmit", "loading", "components", "onCancel", "onChange", "actions", "onKeyPress", "onKeyDown", "disabled", "allowSpeech", "prefix", "footer", "header", "onPaste", "onPasteFile", "autoSize"]);
     te(e, "prefixCls");
     function A(t, n, r) {
-      return ye(t, n) || r;
+      return Ce(t, n) || r;
     }
     const m = {
       SendButton: K,
@@ -96,14 +96,14 @@ const Ae = /* @__PURE__ */ ee({
     ae(() => e.value, () => {
       x(e.value);
     });
-    const C = (t, n) => {
+    const y = (t, n) => {
       x(t), E("update:value", t), e.onChange && e.onChange(t, n);
     }, {
       speechPermission: j,
       triggerSpeech: b,
       recording: q
-    } = Ce((t) => {
-      C(`${u.value} ${t}`);
+    } = ye((t) => {
+      y(`${u.value} ${t}`);
     }, () => e.allowSpeech), H = A(e.components, ["input"], se.TextArea), G = a(() => ue(V, {
       attr: !0,
       aria: !0,
@@ -111,10 +111,10 @@ const Ae = /* @__PURE__ */ ee({
     })), J = a(() => ({
       ...G.value,
       ref: f
-    })), y = () => {
+    })), C = () => {
       u.value && e.onSubmit && !e.loading && e.onSubmit(u.value);
     }, Q = () => {
-      C("");
+      y("");
     }, h = d(!1), U = () => {
       h.value = !0;
     }, W = () => {
@@ -123,10 +123,10 @@ const Ae = /* @__PURE__ */ ee({
       const n = t.key === "Enter" && !h.value;
       switch (e.submitType) {
         case "enter":
-          n && !t.shiftKey && (t.preventDefault(), y());
+          n && !t.shiftKey && (t.preventDefault(), C());
           break;
         case "shiftEnter":
-          n && t.shiftKey && (t.preventDefault(), y());
+          n && t.shiftKey && (t.preventDefault(), C());
           break;
       }
       e.onKeyPress && e.onKeyPress(t);
@@ -152,7 +152,7 @@ const Ae = /* @__PURE__ */ ee({
       }) : typeof e.actions == "function" ? t = e.actions(t, n) : (e.actions || e.actions === !1) && (t = e.actions), t;
     }), _ = a(() => ({
       prefixCls: M.value,
-      onSend: y,
+      onSend: C,
       onSendDisabled: !u.value,
       onClear: Q,
       onClearDisabled: !u.value,
@@ -172,7 +172,7 @@ const Ae = /* @__PURE__ */ ee({
       }) : typeof e.footer == "function" ? t = e.footer({
         components: m
       }) : e.footer && (t = e.footer), t;
-    }), $ = a(() => i.header ? i.header() : e.header), w = a(() => i.prefix ? i.prefix() : e.prefix);
+    }), $ = a(() => i.header ? i.header() : typeof e.header == "function" ? e.header() : e.header), w = a(() => i.prefix ? i.prefix() : typeof e.prefix == "function" ? e.prefix() : e.prefix);
     return I({
       nativeElement: v.value,
       // @ts-expect-error
@@ -220,7 +220,7 @@ const Ae = /* @__PURE__ */ ee({
         autoSize: e.autoSize,
         value: u.value,
         onChange: (t) => {
-          C(t.target.value, t), b(!0);
+          y(t.target.value, t), b(!0);
         },
         onPressEnter: Y,
         onCompositionstart: U,

package/es/thought-chain/item.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as S, mergeDefaults as L, computed as e, useId as A, createVNode as a, mergeProps as F, withDirectives as O, vShow as w } from "vue";
-import { a as D, c as n } from "../attachments/Attachments2.mjs";
-import H from "../_util/pick-attrs.mjs";
-import { useThoughtChainNodeContextInject as I } from "./context.mjs";
-import { Avatar as K, Typography as g } from "ant-design-vue";
+import { defineComponent as D, mergeDefaults as H, computed as e, useId as I, createVNode as l, mergeProps as K, withDirectives as V, vShow as j } from "vue";
+import { a as X, c as i } from "../attachments/Attachments2.mjs";
+import q from "../_util/pick-attrs.mjs";
+import { useThoughtChainNodeContextInject as z } from "./context.mjs";
+import { Avatar as B, Typography as P, Tooltip as S } from "ant-design-vue";
 import "../transition-collapse/index.mjs";
-import { L as V, R as j } from "../attachments/FileList/FileList2.mjs";
-import X from "../transition-collapse/TransitionCollapse.mjs";
-const U = /* @__PURE__ */ S({
+import { L as E, R as G } from "../attachments/FileList/FileList2.mjs";
+import J from "../transition-collapse/TransitionCollapse.mjs";
+const te = /* @__PURE__ */ D({
   name: "AXThoughtChainNode",
   __name: "item",
-  props: L({
+  props: H({
     info: null,
     nextStatus: null,
     onClick: {
@@ -19,78 +19,91 @@ const U = /* @__PURE__ */ S({
     info: () => ({})
   }),
   setup(t) {
-    const i = D(t, ["info", "nextStatus", "onClick"]), k = e(() => H(i, {
+    const c = X(t, ["info", "nextStatus", "onClick"]), R = e(() => q(c, {
       attr: !0,
       aria: !0,
       data: !0
-    })), o = I(), h = e(() => o.value.prefixCls), c = e(() => o.value.enableCollapse), N = e(() => o.value.expandedKeys), v = e(() => o.value.direction), r = e(() => o.value.classNames), d = e(() => o.value.styles), b = A(), x = e(() => t.info.key ?? b), T = e(() => t.info.icon), C = e(() => t.info.title), $ = e(() => t.info.extra), u = e(() => t.info.content), y = e(() => t.info.footer), p = e(() => t.info.status), m = e(() => t.info.description), l = e(() => `${h.value}-item`), P = () => {
-      var s;
-      return (s = t.onClick) == null ? void 0 : s.call(t, x.value);
-    }, f = e(() => {
-      var s;
-      return (s = N.value) == null ? void 0 : s.includes(x.value);
-    }), R = e(() => c.value ? f.value : !0);
-    return () => a("div", F(k.value, {
-      class: n(l.value, {
-        [`${l.value}-${p.value}${t.nextStatus ? `-${t.nextStatus}` : ""}`]: p.value
-      }, i.class),
-      style: i.style
-    }), [a("div", {
-      class: n(`${l.value}-header`, r.value.itemHeader),
-      style: d.value.itemHeader,
-      onClick: P
-    }, [a(K, {
-      icon: T.value,
-      class: `${l.value}-icon`
-    }, null), a("div", {
-      class: n(`${l.value}-header-box`, {
-        [`${l.value}-collapsible`]: c.value && u.value
+    })), n = z(), C = e(() => n.value.prefixCls), v = e(() => n.value.enableCollapse), A = e(() => n.value.expandedKeys), g = e(() => n.value.direction), r = e(() => n.value.classNames), f = e(() => n.value.styles), F = I(), h = e(() => t.info.key ?? F), L = e(() => t.info.icon), d = e(() => t.info.title), x = e(() => t.info.extra), s = e(() => t.info.content), y = e(() => t.info.footer), $ = e(() => t.info.status), u = e(() => t.info.description), p = e(() => {
+      const a = t.info.tooltip ?? !0, T = g.value === "rtl" ? "topRight" : "topLeft", b = {
+        title: d.value,
+        placement: T
+      }, N = {
+        title: u.value,
+        placement: T
+      };
+      return typeof a == "boolean" ? {
+        titleConfig: b,
+        descriptionConfig: N
+      } : {
+        titleConfig: {
+          ...b,
+          ...a.titleConfig ? a.titleConfig : {}
+        },
+        descriptionConfig: {
+          ...N,
+          ...a.descriptionConfig ? a.descriptionConfig : {}
+        }
+      };
+    }), k = e(() => !t.info.tooltip), o = e(() => `${C.value}-item`), O = () => {
+      var a;
+      return (a = t.onClick) == null ? void 0 : a.call(t, h.value);
+    }, m = e(() => {
+      var a;
+      return (a = A.value) == null ? void 0 : a.includes(h.value);
+    }), w = e(() => v.value ? m.value : !0);
+    return () => l("div", K(R.value, {
+      class: i(o.value, {
+        [`${o.value}-${$.value}${t.nextStatus ? `-${t.nextStatus}` : ""}`]: $.value
+      }, c.class),
+      style: c.style
+    }), [l("div", {
+      class: i(`${o.value}-header`, r.value.itemHeader),
+      style: f.value.itemHeader,
+      onClick: O
+    }, [l(B, {
+      icon: L.value,
+      class: `${o.value}-icon`
+    }, null), l("div", {
+      class: i(`${o.value}-header-box`, {
+        [`${o.value}-collapsible`]: v.value && s.value
       })
-    }, [a(g.Text, {
+    }, [l(P.Text, {
       strong: !0,
-      ellipsis: {
-        tooltip: {
-          placement: v.value === "rtl" ? "topRight" : "topLeft",
-          title: C.value
-        }
-      },
-      class: `${l.value}-title`
+      class: `${o.value}-title`
     }, {
-      default: () => [c.value && u.value && (v.value === "rtl" ? a(V, {
-        class: `${l.value}-collapse-icon`,
-        rotate: f.value ? -90 : 0
-      }, null) : a(j, {
-        class: `${l.value}-collapse-icon`,
-        rotate: f.value ? 90 : 0
-      }, null)), C.value]
-    }), m.value && a(g.Text, {
-      class: `${l.value}-desc`,
-      ellipsis: {
-        tooltip: {
-          placement: v.value === "rtl" ? "topRight" : "topLeft",
-          title: m.value
-        }
-      },
+      default: () => [v.value && s.value && (g.value === "rtl" ? l(E, {
+        class: `${o.value}-collapse-icon`,
+        rotate: m.value ? -90 : 0
+      }, null) : l(G, {
+        class: `${o.value}-collapse-icon`,
+        rotate: m.value ? 90 : 0
+      }, null)), k.value ? d.value : l(S, p.value.titleConfig, {
+        default: () => [d.value]
+      })]
+    }), u.value && l(P.Text, {
+      class: `${o.value}-desc`,
       type: "secondary"
     }, {
-      default: () => [m.value]
-    })]), $.value && a("div", {
-      class: `${l.value}-extra`
-    }, [$.value])]), a(X, {
-      prefixCls: h.value
+      default: () => [k.value ? u.value : l(S, p.value.descriptionConfig, {
+        default: () => [u.value]
+      })]
+    })]), x.value && l("div", {
+      class: `${o.value}-extra`
+    }, [x.value])]), l(J, {
+      prefixCls: C.value
     }, {
-      default: () => [u.value && O(a("div", {
-        class: n(`${l.value}-content`)
-      }, [a("div", {
-        class: n(`${l.value}-content-box`, r.value.itemContent),
-        style: d.value.itemContent
-      }, [u.value])]), [[w, R.value]])]
-    }), y.value && a("div", {
-      class: n(`${l.value}-footer`, r.value.itemFooter),
-      style: d.value.itemFooter
+      default: () => [s.value && V(l("div", {
+        class: i(`${o.value}-content`)
+      }, [l("div", {
+        class: i(`${o.value}-content-box`, r.value.itemContent),
+        style: f.value.itemContent
+      }, [s.value])]), [[j, w.value]])]
+    }), y.value && l("div", {
+      class: i(`${o.value}-footer`, r.value.itemFooter),
+      style: f.value.itemFooter
     }, [y.value])]);
   }
 });
 export {
-  U as default
+  te as default
 };

package/es/thought-chain/style/index.mjs

@@ -1,28 +1,28 @@
 import "../../_util/cssinjs/StyleContext.mjs";
 import "vue";
-import { unit as S } from "../../_util/cssinjs/util.mjs";
+import { unit as d } from "../../_util/cssinjs/util.mjs";
 import "../../_util/cssinjs/theme/ThemeCache.mjs";
 import "../../_util/warning.mjs";
 import "../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
 import { merge as h } from "../../_util/cssinjs-utils/util/statistic.mjs";
 import { genStyleHooks as g } from "../../theme/genStyleUtils.mjs";
 import "../../transition-collapse/index.mjs";
-import { THOUGHT_CHAIN_ITEM_STATUS as a } from "../interface.mjs";
+import { THOUGHT_CHAIN_ITEM_STATUS as m } from "../interface.mjs";
 import { genTransitionCollapseStyle as u } from "../../transition-collapse/style/index.mjs";
 const f = (e) => {
   const { componentCls: t } = e, i = `${t}-item`, o = {
-    [a.PENDING]: e.colorPrimaryText,
-    [a.SUCCESS]: e.colorSuccessText,
-    [a.ERROR]: e.colorErrorText
+    [m.PENDING]: e.colorPrimaryText,
+    [m.SUCCESS]: e.colorSuccessText,
+    [m.ERROR]: e.colorErrorText
   }, l = Object.keys(o);
   return l.reduce((c, r) => {
     const s = o[r];
-    return l.forEach((m) => {
-      const d = `& ${i}-${r}-${m}`, p = r === m ? {} : {
+    return l.forEach((a) => {
+      const S = `& ${i}-${r}-${a}`, p = r === a ? {} : {
         backgroundColor: "none !important",
-        backgroundImage: `linear-gradient(${s}, ${o[m]})`
+        backgroundImage: `linear-gradient(${s}, ${o[a]})`
       };
-      c[d] = {
+      c[S] = {
         [`& ${i}-icon, & > *::before`]: {
           backgroundColor: `${s} !important`
         },
@@ -112,15 +112,21 @@ const f = (e) => {
           overflow: "hidden",
           [`& ${i}-title`]: {
             height: e.itemSize,
-            lineHeight: `${S(e.itemSize)}`,
+            lineHeight: `${d(e.itemSize)}`,
             maxHeight: e.itemSize,
             fontSize: e.itemFontSize,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
             [`& ${i}-collapse-icon`]: {
               marginInlineEnd: e.marginXS
             }
           },
           [`& ${i}-desc`]: {
-            fontSize: e.itemFontSize
+            fontSize: e.itemFontSize,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
           }
         }
       },
@@ -134,7 +140,7 @@ const f = (e) => {
           maxWidth: `calc(100% - ${e.itemSize})`,
           borderRadius: e.borderRadiusLG,
           backgroundColor: e.colorBgContainer,
-          border: `${S(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
+          border: `${d(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
         }
       },
       [`& ${i}-footer`]: {
@@ -190,7 +196,7 @@ const f = (e) => {
       }
     }
   };
-}, E = g("ThoughtChain", (e) => {
+}, L = g("ThoughtChain", (e) => {
   const t = h(e, {
     // small size tokens
     itemFontSizeSM: e.fontSizeSM,
@@ -211,5 +217,5 @@ const f = (e) => {
   ];
 });
 export {
-  E as default
+  L as default
 };

package/lib/bubble/Bubble.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),k=require("../attachments/Attachments2.js"),B=require("ant-design-vue"),E=require("../_util/hooks/use-x-component-config.js"),F=require("../x-provider/hooks/use-x-provider-context.js");require("../x-provider/context.js");const A=require("./hooks/useTypedEffect.js"),I=require("./hooks/useTypingConfig.js"),X=require("./loading.js"),j=require("./style/index.js"),D=require("./context.js"),M=t.defineComponent({name:"AXBubble",__name:"Bubble",props:t.mergeDefaults({prefixCls:null,rootClassName:null,styles:null,classNames:null,avatar:null,placement:null,loading:{type:Boolean},typing:null,content:null,messageRender:{type:Function},loadingRender:{type:Function},variant:null,shape:null,onTypingComplete:null,header:null,footer:{type:Function}},{classNames:()=>({}),styles:()=>({}),placement:"start",loading:!1,content:"",variant:"filled"}),setup(e,{expose:g}){const y=k.createPropsRestProxy(e,["prefixCls","rootClassName","classNames","styles","avatar","placement","loading","loadingRender","typing","content","messageRender","variant","shape","onTypingComplete","header","footer"]);t.toRef(e,"content"),t.toRef(e,"prefixCls");const n=t.useSlots(),f=t.ref(e.content);t.watch(()=>e.content,()=>{f.value=e.content});const{onUpdate:u}=t.unref(D.useBubbleContextInject()),v=t.ref(null),{direction:b,getPrefixCls:h}=F.default(),a=h("bubble",e.prefixCls),l=E.default("bubble"),[C,N,V,m]=I.default(()=>e.typing),[s,r]=A.default(f,C,N,V),c=t.ref(!1);t.watch(s,()=>{u==null||u()}),t.watchEffect(()=>{var o;!r.value&&!e.loading?c.value||(c.value=!0,(o=e.onTypingComplete)==null||o.call(e)):c.value=!1});const[x,R,$]=j.default(()=>a),q=t.computed(()=>[a,e.rootClassName,l.value.className,R.value,$,`${a}-${e.placement}`,{[`${a}-rtl`]:b.value==="rtl"},{[`${a}-typing`]:r.value&&!e.loading&&!e.messageRender&&!n.message&&!m.value}]),P=t.computed(()=>n.avatar?n.avatar():t.isVNode(e.avatar)?e.avatar:t.createVNode(B.Avatar,e.avatar,null)),T=t.computed(()=>n.message?n.message({content:s.value}):e.messageRender?e.messageRender(s.value):s.value),S=t.computed(()=>e.loading?n.loading?n.loading():e.loadingRender?e.loadingRender():t.createVNode(X.default,{prefixCls:a},null):t.createVNode(t.Fragment,null,[T.value,r.value&&t.toValue(m)])),w=t.computed(()=>{const o=t.createVNode("div",{style:{...l.value.styles.content,...e.styles.content},class:[`${a}-content`,`${a}-content-${e.variant}`,{[`${a}-content-${e.shape}`]:e.shape},l.value.classNames.content,e.classNames.content]},[t.toValue(S)]),i=n.header?n.header():e.header,d=n.footer?n.footer({content:s.value}):typeof e.footer=="function"?e.footer(s.value):e.footer;return i||d?t.createVNode("div",{class:`${a}-content-wrapper`},[i&&t.createVNode("div",{class:[`${a}-header`,l.value.classNames.header,e.classNames.header],style:{...l.value.styles.header,...e.styles.header}},[i]),o,d&&t.createVNode("div",{class:[`${a}-footer`,l.value.classNames.footer,e.classNames.footer],style:{...l.value.styles.footer,...e.styles.footer}},[d])]):o});return g({nativeElement:v}),()=>x(t.createVNode("div",t.mergeProps({style:{...l.value.style},class:t.toValue(q)},y,{ref:v}),[(n.avatar||e.avatar)&&t.createVNode("div",{style:{...l.value.styles.avatar,...e.styles.avatar},class:[`${a}-avatar`,l.value.classNames.avatar,e.classNames.avatar]},[t.toValue(P)]),t.toValue(w)]))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),k=require("../attachments/Attachments2.js"),B=require("ant-design-vue"),E=require("../_util/hooks/use-x-component-config.js"),A=require("../x-provider/hooks/use-x-provider-context.js");require("../x-provider/context.js");const F=require("./hooks/useTypedEffect.js"),I=require("./hooks/useTypingConfig.js"),X=require("./loading.js"),j=require("./style/index.js"),D=require("./context.js"),M=t.defineComponent({name:"AXBubble",__name:"Bubble",props:t.mergeDefaults({prefixCls:null,rootClassName:null,styles:null,classNames:null,avatar:null,placement:null,loading:{type:Boolean},typing:null,content:null,messageRender:{type:Function},loadingRender:{type:Function},variant:null,shape:null,onTypingComplete:null,header:null,footer:null},{classNames:()=>({}),styles:()=>({}),placement:"start",loading:!1,content:"",variant:"filled"}),setup(e,{expose:g}){const y=k.createPropsRestProxy(e,["prefixCls","rootClassName","classNames","styles","avatar","placement","loading","loadingRender","typing","content","messageRender","variant","shape","onTypingComplete","header","footer"]);t.toRef(e,"content"),t.toRef(e,"prefixCls");const n=t.useSlots(),f=t.ref(e.content);t.watch(()=>e.content,()=>{f.value=e.content});const{onUpdate:u}=t.unref(D.useBubbleContextInject()),v=t.ref(null),{direction:b,getPrefixCls:h}=A.default(),a=h("bubble",e.prefixCls),l=E.default("bubble"),[C,N,V,m]=I.default(()=>e.typing),[s,r]=F.default(f,C,N,V),c=t.ref(!1);t.watch(s,()=>{u==null||u()}),t.watchEffect(()=>{var o;!r.value&&!e.loading?c.value||(c.value=!0,(o=e.onTypingComplete)==null||o.call(e)):c.value=!1});const[x,R,$]=j.default(()=>a),q=t.computed(()=>[a,e.rootClassName,l.value.className,R.value,$,`${a}-${e.placement}`,{[`${a}-rtl`]:b.value==="rtl"},{[`${a}-typing`]:r.value&&!e.loading&&!e.messageRender&&!n.message&&!m.value}]),P=t.computed(()=>n.avatar?n.avatar():t.isVNode(e.avatar)?e.avatar:t.createVNode(B.Avatar,e.avatar,null)),T=t.computed(()=>n.message?n.message({content:s.value}):e.messageRender?e.messageRender(s.value):s.value),S=t.computed(()=>e.loading?n.loading?n.loading():e.loadingRender?e.loadingRender():t.createVNode(X.default,{prefixCls:a},null):t.createVNode(t.Fragment,null,[T.value,r.value&&t.toValue(m)])),w=t.computed(()=>{const o=t.createVNode("div",{style:{...l.value.styles.content,...e.styles.content},class:[`${a}-content`,`${a}-content-${e.variant}`,{[`${a}-content-${e.shape}`]:e.shape},l.value.classNames.content,e.classNames.content]},[t.toValue(S)]),i=n.header?n.header({content:s.value}):typeof e.header=="function"?e.header(s.value):e.header,d=n.footer?n.footer({content:s.value}):typeof e.footer=="function"?e.footer(s.value):e.footer;return i||d?t.createVNode("div",{class:`${a}-content-wrapper`},[i&&t.createVNode("div",{class:[`${a}-header`,l.value.classNames.header,e.classNames.header],style:{...l.value.styles.header,...e.styles.header}},[i]),o,d&&t.createVNode("div",{class:[`${a}-footer`,l.value.classNames.footer,e.classNames.footer],style:{...l.value.styles.footer,...e.styles.footer}},[d])]):o});return g({nativeElement:v}),()=>x(t.createVNode("div",t.mergeProps({style:{...l.value.style},class:t.toValue(q)},y,{ref:v}),[(n.avatar||e.avatar)&&t.createVNode("div",{style:{...l.value.styles.avatar,...e.styles.avatar},class:[`${a}-avatar`,l.value.classNames.avatar,e.classNames.avatar]},[t.toValue(P)]),t.toValue(w)]))}});exports.default=M;

package/lib/bubble/hooks/useDisplayData.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../_util/hooks/use-event-callback.js"),y=require("../../_util/hooks/use-state.js");function d(l){const[s,r]=y.default(l.value.length),t=e.computed(()=>l.value.slice(0,e.unref(s))),o=e.computed(()=>{const u=e.unref(t)[e.unref(t).length-1];return u?u.key:null});e.watch(l,()=>{var u;if(!(e.unref(t).length&&e.unref(t).every((n,f)=>{var a;return n.key===((a=l.value[f])==null?void 0:a.key)}))){if(e.unref(t).length===0)r(1);else for(let n=0;n<e.unref(t).length;n+=1)if(e.unref(t)[n].key!==((u=l.value[n])==null?void 0:u.key)){r(n);break}}},{immediate:!0,deep:!0});const i=c.useEventCallback(u=>{u===e.unref(o)&&r(e.unref(s)+1)});return[t,i]}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../_util/hooks/use-event-callback.js"),y=require("../../_util/hooks/use-state.js");function d(l){const[a,r]=y.default(l.value.length),t=e.computed(()=>l.value.slice(0,e.unref(a))),o=e.computed(()=>{const u=e.unref(t)[e.unref(t).length-1];return u?u.key:null});e.watch(l,()=>{var u;if(r(l.value.length),!(e.unref(t).length&&e.unref(t).every((n,f)=>{var s;return n.key===((s=l.value[f])==null?void 0:s.key)}))){if(e.unref(t).length===0)r(1);else for(let n=0;n<e.unref(t).length;n+=1)if(e.unref(t)[n].key!==((u=l.value[n])==null?void 0:u.key)){r(n);break}}},{immediate:!0,deep:!0});const i=c.useEventCallback(u=>{u===e.unref(o)&&r(e.unref(a)+1)});return[t,i]}exports.default=d;