ant-design-x-vue 1.2.4 → 1.2.5

package/es/attachments/FileList/FileList2.mjs

@@ -1246,18 +1246,16 @@ const Me = 1, on = /* @__PURE__ */ ze({
   name: "AXAttachmentsFileList",
   __name: "FileList",
   props: {
-    prefixCls: null,
-    items: null,
-    onRemove: {
-      type: Function
-    },
-    overflow: null,
-    upload: null,
-    imageProps: null,
-    listClassName: null,
-    listStyle: null,
-    itemClassName: null,
-    itemStyle: null
+    prefixCls: {},
+    items: {},
+    onRemove: {},
+    overflow: {},
+    upload: {},
+    imageProps: {},
+    listClassName: {},
+    listStyle: {},
+    itemClassName: {},
+    itemStyle: {}
   },
   setup(e) {
     const r = dt(() => `${e.prefixCls}-list`), t = mt("file-list-container"), [n, a] = I(!1), i = ht();

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({
@@ -33,7 +33,9 @@ const ce = /* @__PURE__ */ j({
     variant: null,
     shape: null,
     onTypingComplete: null,
-    header: null,
+    header: {
+      type: Function
+    },
     footer: {
       type: Function
     }
@@ -55,26 +57,26 @@ 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}`, {
+    const [F, V, w] = Z(() => t), B = r(() => [t, e.rootClassName, n.value.className, V.value, w, `${t}-${e.placement}`, {
       [`${t}-rtl`]: b.value === "rtl"
     }, {
       [`${t}-typing`]: u.value && !e.loading && !e.messageRender && !a.message && !C.value
-    }]), F = r(() => a.avatar ? a.avatar() : z(e.avatar) ? e.avatar : l(L, e.avatar, null)), I = r(() => a.message ? a.message({
+    }]), E = r(() => a.avatar ? a.avatar() : z(e.avatar) ? e.avatar : l(L, e.avatar, null)), I = r(() => a.message ? a.message({
       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 +85,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,
@@ -104,12 +108,12 @@ const ce = /* @__PURE__ */ j({
     });
     return x({
       nativeElement: y
-    }), () => V(l("div", J({
+    }), () => F(l("div", J({
       style: {
         ...n.value.style
         // ...(style as object),
       },
-      class: i(E)
+      class: c(B)
     }, $, {
       ref: y
     }), [(a.avatar || e.avatar) && l("div", {
@@ -118,9 +122,9 @@ const ce = /* @__PURE__ */ j({
         ...e.styles.avatar
       },
       class: [`${t}-avatar`, n.value.classNames.avatar, e.classNames.avatar]
-    }, [i(F)]), i(A)]));
+    }, [c(E)]), c(A)]));
   }
 });
 export {
-  ce as default
+  ie 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
 };