@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/Bubble/MessagesContent/DocInfo.js

@@ -21,8 +21,8 @@ import classNames from "classnames";
 import dayjs from "dayjs";
 import { motion } from "framer-motion";
 import React, { useContext } from "react";
-import { ActionIconBox } from "../../components/ActionIconBox";
-import { I18nContext } from "../../i18n";
+import { ActionIconBox } from "../../Components/ActionIconBox";
+import { I18nContext } from "../../I18n";
 import { BaseMarkdownEditor } from "../../MarkdownEditor/BaseMarkdownEditor";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { useStyle } from "./docInfoStyle";

package/dist/Bubble/MessagesContent/VoiceButton/index.js

@@ -3,9 +3,9 @@ import { ChevronDown, Pause, Play } from "@sofa-design/icons";
 import { ConfigProvider, Dropdown, Flex, Tooltip } from "antd";
 import classNames from "classnames";
 import React, { useMemo, useState } from "react";
-import { useSpeechSynthesis } from "../../../hooks/useSpeechSynthesis";
-import VoicePlayLottie from "../../../icons/animated/VoicePlayLottie";
-import VoicingLottie from "../../../icons/animated/VoicingLottie";
+import { useSpeechSynthesis } from "../../../Hooks/useSpeechSynthesis";
+import VoicePlayLottie from "../../../Icons/animated/VoicePlayLottie";
+import VoicingLottie from "../../../Icons/animated/VoicingLottie";
 import { useStyle } from "./style";
 var VoiceButton = ({
   text,

package/dist/Bubble/MessagesContent/VoiceButton/style.js

@@ -22,7 +22,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import {
   resetComponent,
   useEditorStyleRegister
-} from "../../../hooks/useStyle";
+} from "../../../Hooks/useStyle";
 var genStyle = (token) => {
   const playBoxSize = 28;
   const innerBoxSize = 24;

package/dist/Bubble/MessagesContent/docInfoStyle.js

@@ -22,7 +22,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import {
   resetComponent,
   useEditorStyleRegister
-} from "../../hooks/useStyle";
+} from "../../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/Bubble/MessagesContent/index.js

@@ -54,8 +54,8 @@ var __async = (__this, __arguments, generator) => {
 import { ExportOutlined } from "@ant-design/icons";
 import { Popover, Tooltip, Typography } from "antd";
 import React, { useContext, useMemo } from "react";
-import { ActionIconBox } from "../../components/ActionIconBox";
-import { I18nContext } from "../../i18n";
+import { ActionIconBox } from "../../Components/ActionIconBox";
+import { I18nContext } from "../../I18n";
 import { MarkdownEditor, useRefFunction } from "../../index";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { BubbleExtra } from "./BubbleExtra";

package/dist/Bubble/Title.d.ts

@@ -1,61 +1,38 @@
 import React from 'react';
 import { BubbleProps, MessageBubbleData } from './type';
 /**
- * Props for the BubbleChatTitle component.
+ * BubbleTitle 组件属性
  */
 export interface TitleProps {
-    /**
-     * The title of the chat item's avatar.
-     */
+    /** 标题内容 */
     title: React.ReactNode;
-    /**
-     * The placement of the chat item.
-     */
+    /** 布局位置 */
     placement?: BubbleProps['placement'];
-    /**
-     * The time of the chat item.
-     */
+    /** 时间信息 */
     time?: MessageBubbleData['updateAt'] | MessageBubbleData['createAt'];
-    /**
-     * Additional class name for the component.
-     */
+    /** 自定义类名 */
     className?: string;
-    /**
-     * Prefix class name for the component.
-     */
+    /** 前缀类名 */
     prefixClass?: string;
-    /**
-     * Inline style for the component.
-     */
+    /** 自定义样式 */
     style?: React.CSSProperties;
+    /** 气泡名称类名 */
     bubbleNameClassName?: string;
+    /** 引用内容 */
     quote?: React.ReactNode;
 }
 /**
- * BubbleTitle 组件 - 聊天气泡标题组件
+ * BubbleTitle 组件
  *
- * 该组件用于显示聊天气泡的标题信息，包括标题文本和时间。
- * 支持左右布局，当鼠标悬停时显示时间信息。
- *
- * @component
- * @description 聊天气泡标题组件，显示标题和时间信息
- * @param {TitleProps} props - 组件属性
- * @param {React.ReactNode} [props.title] - 标题内容
- * @param {string | number | Date} [props.time] - 时间信息
- * @param {'left' | 'right'} [props.placement='left'] - 布局方向
- * @param {string} [props.className] - 自定义CSS类名
- * @param {string} [props.prefixClass] - 前缀类名
- * @param {React.CSSProperties} [props.style] - 自定义样式
+ * 显示聊天气泡的标题和时间，支持左右布局
  *
  * @example
  * ```tsx
  * <BubbleTitle
- *   title="用户消息"
+ *   title="AI助手"
  *   time={new Date()}
  *   placement="left"
  * />
  * ```
- *
- * @returns {React.ReactElement} 渲染的标题组件
  */
 export declare const BubbleTitle: React.FC<TitleProps>;

package/dist/Bubble/Title.js

@@ -25,8 +25,12 @@ import React from "react";
 import {
   resetComponent,
   useEditorStyleRegister
-} from "../hooks/useStyle";
-import { formatTime } from "../utils/formatTime";
+} from "../Hooks/useStyle";
+import { formatTime } from "../Utils/formatTime";
+var TITLE_GAP = 8;
+var getFlexDirection = (placement) => {
+  return placement === "left" ? "row" : "row-reverse";
+};
 var genStyle = (token) => {
   return {
     [token.componentCls]: {
@@ -48,14 +52,14 @@ var genStyle = (token) => {
     }
   };
 };
-function useStyle(prefixCls) {
+var useStyle = (prefixCls) => {
   return useEditorStyleRegister("Title", (token) => {
-    const proChatToken = __spreadProps(__spreadValues({}, token), {
+    const titleToken = __spreadProps(__spreadValues({}, token), {
       componentCls: `.${prefixCls}`
     });
-    return [resetComponent(proChatToken), genStyle(proChatToken)];
+    return [resetComponent(titleToken), genStyle(titleToken)];
   });
-}
+};
 var BubbleTitle = ({
   style,
   prefixClass,
@@ -67,20 +71,21 @@ var BubbleTitle = ({
   title
 }) => {
   const { wrapSSR, hashId } = useStyle(prefixClass);
+  const flexStyle = __spreadValues({
+    flexDirection: getFlexDirection(placement),
+    display: "flex",
+    alignItems: "center"
+  }, style);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       Flex,
       {
         className: cx(hashId, prefixClass, className),
-        style: __spreadValues({
-          flexDirection: placement === "left" ? "row" : "row-reverse",
-          display: "flex",
-          alignItems: "center"
-        }, style),
-        gap: 8,
+        style: flexStyle,
+        gap: TITLE_GAP,
         "data-testid": "bubble-title"
       },
-      title ? /* @__PURE__ */ React.createElement("span", { className: bubbleNameClassName }, title) : null,
+      title && /* @__PURE__ */ React.createElement("span", { className: bubbleNameClassName }, title),
       time && /* @__PURE__ */ React.createElement(
         "time",
         {

package/dist/Bubble/UserBubble.d.ts

@@ -3,42 +3,19 @@ import React from 'react';
 import { QuoteProps } from '../Quote';
 import type { BubbleProps } from './type';
 /**
- * UserBubble 组件 - 用户消息气泡组件
+ * UserBubble 组件
  *
- * 该组件专门用于显示用户发送的消息，采用右侧布局，简化了交互功能。
- * 用户消息通常不需要显示复杂的操作按钮，主要展示消息内容。
- *
- * @component
- * @description 用户消息气泡组件，专门处理用户发送的消息
- * @param {BubbleProps & {deps?: any[], bubbleRef?: MutableRefObject<any>}} props - 组件属性
- * @param {string} [props.placement='right'] - 气泡位置，固定为 'right'
- * @param {BubbleAvatarProps} [props.avatar] - 头像配置
- * @param {string | number | Date} [props.time] - 消息时间
- * @param {React.ReactNode} [props.children] - 消息内容
- * @param {string} [props.className] - 自定义CSS类名
- * @param {React.CSSProperties} [props.style] - 自定义样式
- * @param {BubbleRenderConfig} [props.bubbleRenderConfig] - 气泡渲染配置
- * @param {BubbleClassNames} [props.classNames] - 自定义类名配置
- * @param {BubbleStyles} [props.styles] - 自定义样式配置
- * @param {Function} [props.onAvatarClick] - 头像点击回调
- * @param {any[]} [props.deps] - 依赖数组
- * @param {MutableRefObject} [props.bubbleRef] - 气泡引用
+ * 显示用户发送的消息，采用右侧布局
  *
  * @example
  * ```tsx
  * <UserBubble
- *   avatar={{
- *     avatar: "https://example.com/user.jpg",
- *     title: "用户"
- *   }}
+ *   avatar={{ avatar: "url", title: "用户" }}
  *   time={new Date()}
- *   style={itemStyle}
  * >
- *   这是用户发送的消息
+ *   用户消息内容
  * </UserBubble>
  * ```
- *
- * @returns {React.ReactElement} 渲染的用户消息气泡组件
  */
 export declare const UserBubble: React.FC<BubbleProps & {
     deps?: any[];

package/dist/Bubble/UserBubble.js

@@ -16,7 +16,7 @@ var __spreadValues = (a, b) => {
 };
 
 // src/Bubble/UserBubble.tsx
-import { memo, useContext, useMemo } from "react";
+import { memo, useContext } from "react";
 import { ConfigProvider, Flex } from "antd";
 import cx from "classnames";
 import React from "react";
@@ -29,45 +29,60 @@ import { useStyle } from "./style";
 import { runRender } from "./AIBubble";
 import { BubbleFileView } from "./FileView";
 import { BubbleTitle } from "./Title";
+var USER_PLACEMENT = "right";
+var BUBBLE_GAP = 12;
+var FILE_VIEW_PADDING_LEFT = 12;
+var getContentContainerStyle = () => ({
+  display: "flex",
+  gap: 4,
+  flexDirection: "column",
+  alignItems: "flex-end"
+});
+var getFileViewStyle = (standalone, customStyle) => __spreadValues({
+  minWidth: standalone ? "min(296px,100%)" : "0px",
+  paddingLeft: FILE_VIEW_PADDING_LEFT
+}, customStyle);
+var getContentStyle = (standalone, customStyle) => __spreadValues({
+  minWidth: standalone ? "min(16px,100%)" : "0px"
+}, customStyle);
 var UserBubble = memo((props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
-  const { className, style, bubbleRenderConfig, classNames, styles } = props;
-  const time = ((_a = props == null ? void 0 : props.originData) == null ? void 0 : _a.createAt) || props.time;
-  const avatar = ((_b = props == null ? void 0 : props.originData) == null ? void 0 : _b.meta) || props.avatar;
+  var _a, _b, _c, _d, _e, _f;
+  const {
+    className,
+    style,
+    bubbleRenderConfig,
+    classNames,
+    styles,
+    originData,
+    quote
+  } = props;
   const [hidePadding, setHidePadding] = React.useState(false);
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const context = useContext(BubbleConfigContext);
   const { compact, standalone, locale } = context || {};
   const prefixClass = getPrefixCls("agent");
   const { wrapSSR, hashId } = useStyle(prefixClass, classNames);
-  const placement = "right";
-  const titleDom = useMemo(() => {
-    var _a2;
-    return runRender(
-      bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
-      props,
-      /* @__PURE__ */ React.createElement(
-        BubbleTitle,
-        {
-          quote: ((_a2 = props.quote) == null ? void 0 : _a2.quoteDescription) ? /* @__PURE__ */ React.createElement(Quote, __spreadValues({}, props.quote)) : null,
-          bubbleNameClassName: classNames == null ? void 0 : classNames.bubbleNameClassName,
-          className: classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
-          style: styles == null ? void 0 : styles.bubbleListItemTitleStyle,
-          prefixClass: cx(`${prefixClass}-bubble-title`),
-          title: "",
-          placement,
-          time
-        }
-      )
-    );
-  }, [
+  const time = (originData == null ? void 0 : originData.createAt) || props.time;
+  const placement = USER_PLACEMENT;
+  const hasFileMap = (((_a = originData == null ? void 0 : originData.fileMap) == null ? void 0 : _a.size) || 0) > 0;
+  const quoteElement = (quote == null ? void 0 : quote.quoteDescription) ? /* @__PURE__ */ React.createElement(Quote, __spreadValues({}, quote)) : null;
+  const titleDom = runRender(
     bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
-    classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
-    (_c = props.originData) == null ? void 0 : _c.updateAt,
-    time,
-    styles == null ? void 0 : styles.bubbleListItemTitleStyle,
-    avatar == null ? void 0 : avatar.title
-  ]);
+    props,
+    /* @__PURE__ */ React.createElement(
+      BubbleTitle,
+      {
+        quote: quoteElement,
+        bubbleNameClassName: classNames == null ? void 0 : classNames.bubbleNameClassName,
+        className: classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
+        style: styles == null ? void 0 : styles.bubbleListItemTitleStyle,
+        prefixClass: cx(`${prefixClass}-bubble-title`),
+        title: "",
+        placement,
+        time
+      }
+    )
+  );
   const messageContent = /* @__PURE__ */ React.createElement(
     BubbleMessageDisplay,
     {
@@ -76,60 +91,49 @@ var UserBubble = memo((props) => {
       bubbleListRef: props.bubbleListRef,
       bubbleListItemExtraStyle: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
       bubbleRef: props.bubbleRef,
-      content: (_d = props == null ? void 0 : props.originData) == null ? void 0 : _d.content,
-      key: (_e = props == null ? void 0 : props.originData) == null ? void 0 : _e.id,
-      "data-id": (_f = props == null ? void 0 : props.originData) == null ? void 0 : _f.id,
-      avatar: (_g = props == null ? void 0 : props.originData) == null ? void 0 : _g.meta,
-      readonly: (_h = props.readonly) != null ? _h : false,
+      content: originData == null ? void 0 : originData.content,
+      key: originData == null ? void 0 : originData.id,
+      "data-id": originData == null ? void 0 : originData.id,
+      avatar: originData == null ? void 0 : originData.meta,
+      readonly: (_b = props.readonly) != null ? _b : false,
       onReply: props.onReply,
       id: props.id,
-      originData: props.originData,
+      originData,
       placement,
-      time: ((_i = props.originData) == null ? void 0 : _i.updateAt) || ((_j = props.originData) == null ? void 0 : _j.createAt),
-      customConfig: (_k = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _k.customConfig,
+      time: (originData == null ? void 0 : originData.updateAt) || (originData == null ? void 0 : originData.createAt),
+      customConfig: bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.customConfig,
       pure: props.pure,
       shouldShowCopy: props.shouldShowCopy,
       fileViewEvents: props.fileViewEvents,
       fileViewConfig: props.fileViewConfig,
       renderFileMoreAction: props.renderFileMoreAction,
-      bubbleRenderConfig: props.bubbleRenderConfig
+      bubbleRenderConfig
     }
   );
-  const childrenDom = useMemo(() => {
-    return runRender(bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender, props, messageContent);
-  }, [
-    (_l = props.originData) == null ? void 0 : _l.content,
-    (_m = props.originData) == null ? void 0 : _m.feedback,
-    (_n = props.originData) == null ? void 0 : _n.isAborted,
-    (_o = props.originData) == null ? void 0 : _o.isFinished,
-    props.deps
-  ]);
-  const contentBeforeDom = useMemo(
-    () => runRender(
-      bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
-      props,
-      null
-      // 用户消息通常不需要 before 内容
-    ),
-    [
-      bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
-      props.placement,
-      (_p = props.originData) == null ? void 0 : _p.role,
-      (_r = (_q = props.originData) == null ? void 0 : _q.extra) == null ? void 0 : _r.white_box_process,
-      (_s = props.originData) == null ? void 0 : _s.isAborted,
-      (_t = props.originData) == null ? void 0 : _t.isFinished,
-      (_u = props.originData) == null ? void 0 : _u.updateAt,
-      (_v = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _v.enable,
-      (_w = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _w.alwaysRender,
-      (_x = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _x.render,
-      props.deps
-    ]
+  const childrenDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender,
+    props,
+    messageContent
+  );
+  const contentBeforeDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
+    props,
+    null
   );
   const contentAfterDom = runRender(
     bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentAfterRender,
     props,
     null
   );
+  const contentContainerStyle = getContentContainerStyle();
+  const fileViewStyle = getFileViewStyle(
+    standalone,
+    styles == null ? void 0 : styles.bubbleListItemExtraStyle
+  );
+  const contentStyle = getContentStyle(
+    standalone,
+    styles == null ? void 0 : styles.bubbleListItemContentStyle
+  );
   const itemDom = wrapSSR(
     /* @__PURE__ */ React.createElement(
       BubbleConfigContext.Provider,
@@ -150,17 +154,14 @@ var UserBubble = memo((props) => {
             `${prefixClass}-bubble`,
             `${prefixClass}-bubble-${placement}`,
             `${prefixClass}-bubble-user`,
-            // 添加用户消息特定的类名
-            {
-              [`${prefixClass}-bubble-compact`]: compact
-            },
+            { [`${prefixClass}-bubble-compact`]: compact },
             classNames == null ? void 0 : classNames.bubbleClassName
           ),
           style,
           vertical: true,
           id: props.id,
           "data-id": props.id,
-          gap: 12
+          gap: BUBBLE_GAP
         },
         /* @__PURE__ */ React.createElement(
           "div",
@@ -171,21 +172,12 @@ var UserBubble = memo((props) => {
           /* @__PURE__ */ React.createElement(
             "div",
             {
-              style: {
-                display: "flex",
-                gap: 4,
-                flexDirection: "column",
-                alignItems: "flex-end"
-                // 用户消息内容右对齐
-              },
+              style: contentContainerStyle,
               className: cx(
                 `${prefixClass}-bubble-container`,
                 `${prefixClass}-bubble-container-${placement}`,
                 `${prefixClass}-bubble-container-user`,
-                // 用户消息容器特定样式
-                {
-                  [`${prefixClass}-bubble-container-pure`]: props.pure
-                },
+                { [`${prefixClass}-bubble-container-pure`]: props.pure },
                 classNames == null ? void 0 : classNames.bubbleContainerClassName,
                 hashId
               ),
@@ -198,19 +190,17 @@ var UserBubble = memo((props) => {
                   `${prefixClass}-bubble-avatar-title`,
                   `${prefixClass}-bubble-avatar-title-${placement}`,
                   `${prefixClass}-bubble-avatar-title-ai`,
-                  // AI消息头像标题特定样式
-                  // 用户消息头像标题特定样式
                   classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
                   hashId,
                   {
                     [`${prefixClass}-bubble-avatar-title-pure`]: props.pure,
-                    [`${prefixClass}-bubble-avatar-title-quote`]: (_y = props.quote) == null ? void 0 : _y.quoteDescription
+                    [`${prefixClass}-bubble-avatar-title-quote`]: quote == null ? void 0 : quote.quoteDescription
                   }
                 )
               },
               titleDom
             ),
-            contentBeforeDom ? /* @__PURE__ */ React.createElement(
+            contentBeforeDom && /* @__PURE__ */ React.createElement(
               "div",
               {
                 style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
@@ -218,25 +208,20 @@ var UserBubble = memo((props) => {
                   `${prefixClass}-bubble-before`,
                   `${prefixClass}-bubble-before-${placement}`,
                   `${prefixClass}-bubble-before-user`,
-                  // 用户消息 before 特定样式
                   hashId
                 ),
                 "data-testid": "message-before"
               },
               contentBeforeDom
-            ) : null,
-            (((_A = (_z = props == null ? void 0 : props.originData) == null ? void 0 : _z.fileMap) == null ? void 0 : _A.size) || 0) > 0 ? /* @__PURE__ */ React.createElement(
+            ),
+            hasFileMap && /* @__PURE__ */ React.createElement(
               "div",
               {
-                style: __spreadValues({
-                  minWidth: standalone ? "min(296px,100%)" : "0px",
-                  paddingLeft: 12
-                }, styles == null ? void 0 : styles.bubbleListItemExtraStyle),
+                style: fileViewStyle,
                 className: cx(
                   `${prefixClass}-bubble-after`,
                   `${prefixClass}-bubble-after-${placement}`,
                   `${prefixClass}-bubble-after-ai`,
-                  // AI消息 after 特定样式
                   hashId
                 ),
                 "data-testid": "message-after"
@@ -249,21 +234,16 @@ var UserBubble = memo((props) => {
                   placement
                 }
               )
-            ) : null,
+            ),
             /* @__PURE__ */ React.createElement(
               "div",
               {
-                style: __spreadValues({
-                  minWidth: standalone ? "min(16px,100%)" : "0px"
-                }, styles == null ? void 0 : styles.bubbleListItemContentStyle),
+                style: contentStyle,
                 className: cx(
                   `${prefixClass}-bubble-content`,
                   `${prefixClass}-bubble-content-${placement}`,
                   `${prefixClass}-bubble-content-user`,
-                  // 用户消息内容特定样式
-                  {
-                    [`${prefixClass}-bubble-content-pure`]: props.pure
-                  },
+                  { [`${prefixClass}-bubble-content-pure`]: props.pure },
                   classNames == null ? void 0 : classNames.bubbleListItemContentClassName,
                   hashId
                 ),
@@ -297,20 +277,20 @@ var UserBubble = memo((props) => {
         }
       }
     },
-    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_E = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _E.call(
+    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _f.call(
       bubbleRenderConfig,
       props,
       {
         avatar: null,
         title: null,
         header: null,
-        extra: ((_B = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _B.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
+        extra: ((_c = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _c.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
           BubbleExtra,
           {
             pure: true,
-            style: (_C = props.styles) == null ? void 0 : _C.bubbleListItemExtraStyle,
+            style: (_d = props.styles) == null ? void 0 : _d.bubbleListItemExtraStyle,
             readonly: props.readonly,
-            rightRender: (_D = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _D.extraRightRender,
+            rightRender: (_e = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _e.extraRightRender,
             shouldShowCopy: props.shouldShowCopy,
             useSpeech: props.useSpeech,
             shouldShowVoice: props.shouldShowVoice,

package/dist/Bubble/style.js

@@ -22,7 +22,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import {
   resetComponent,
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token, classNames) => {
   return {
     [token.componentCls]: {

package/dist/ChatBoot/ButtonTabGroupStyle.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/ChatBoot/ButtonTabGroupStyle.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/ChatBoot/ButtonTabStyle.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/ChatBoot/ButtonTabStyle.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/ChatBoot/CaseReplyStyle.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/ChatBoot/CaseReplyStyle.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/ChatBoot/style.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/ChatBoot/style.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/ChatLayout/index.d.ts

@@ -66,7 +66,7 @@ import type { ChatLayoutProps, ChatLayoutRef } from './types';
  * @returns {React.ReactElement} 渲染的聊天布局组件
  */
 declare const ChatLayout: React.ForwardRefExoticComponent<ChatLayoutProps & React.RefAttributes<ChatLayoutRef>>;
-export { LayoutHeader as ChatFlowHeader } from '../components/LayoutHeader';
-export type { LayoutHeaderProps as ChatFlowHeaderProps } from '../components/LayoutHeader';
+export { LayoutHeader as ChatFlowHeader } from '../Components/LayoutHeader';
+export type { LayoutHeaderProps as ChatFlowHeaderProps } from '../Components/LayoutHeader';
 export type { ChatLayoutProps, ChatLayoutRef } from './types';
 export { ChatLayout };

package/dist/ChatLayout/index.js

@@ -16,12 +16,12 @@ var __spreadValues = (a, b) => {
 };
 
 // src/ChatLayout/index.tsx
-import useAutoScroll from "../hooks/useAutoScroll";
 import { ConfigProvider } from "antd";
 import React, { forwardRef, useContext, useImperativeHandle } from "react";
-import { LayoutHeader } from "../components/LayoutHeader";
+import { LayoutHeader } from "../Components/LayoutHeader";
+import useAutoScroll from "../Hooks/useAutoScroll";
 import { useStyle } from "./style";
-import { LayoutHeader as LayoutHeader2 } from "../components/LayoutHeader";
+import { LayoutHeader as LayoutHeader2 } from "../Components/LayoutHeader";
 var ChatLayout = forwardRef(
   ({ header, children, footer, className, style }, ref) => {
     const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);