@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/Bubble/UserBubble.js

@@ -1,21 +1,77 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-
-// src/Bubble/UserBubble.tsx
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { memo, useContext } from "react";
 import { ConfigProvider, Flex } from "antd";
 import cx from "classnames";
@@ -29,281 +85,164 @@ import { useStyle } from "./style";
 import { runRender } from "./AIBubble";
 import { BubbleFileView } from "./FileView";
 import { BubbleTitle } from "./Title";
-var USER_PLACEMENT = "right";
+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;
-  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("agentic");
-  const { wrapSSR, hashId } = useStyle(prefixClass, classNames);
-  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,
-    props,
-    /* @__PURE__ */ React.createElement(
-      BubbleTitle,
-      {
+var getContentContainerStyle = function() {
+    return {
+        display: 'flex',
+        gap: 4,
+        flexDirection: 'column',
+        alignItems: 'flex-end'
+    };
+};
+var getFileViewStyle = function(standalone, customStyle) {
+    return _object_spread({
+        minWidth: standalone ? 'min(296px,100%)' : '0px',
+        paddingLeft: FILE_VIEW_PADDING_LEFT
+    }, customStyle);
+};
+var getContentStyle = function(standalone, customStyle) {
+    return _object_spread({
+        minWidth: standalone ? 'min(16px,100%)' : '0px'
+    }, customStyle);
+};
+/**
+ * UserBubble 组件
+ *
+ * 显示用户发送的消息，采用右侧布局
+ *
+ * @example
+ * ```tsx
+ * <UserBubble
+ *   avatar={{ avatar: "url", title: "用户" }}
+ *   time={new Date()}
+ * >
+ *   用户消息内容
+ * </UserBubble>
+ * ```
+ */ export var UserBubble = /*#__PURE__*/ memo(function(props) {
+    var _originData_fileMap, _props_bubbleRenderConfig, _props_styles, _props_bubbleRenderConfig1, _bubbleRenderConfig_render;
+    var className = props.className, style = props.style, bubbleRenderConfig = props.bubbleRenderConfig, classNames = props.classNames, styles = props.styles, originData = props.originData, quote = props.quote;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var context = useContext(BubbleConfigContext);
+    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone, locale = _ref.locale;
+    var prefixClass = getPrefixCls('agentic');
+    var _useStyle = useStyle(prefixClass, classNames), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var time = (originData === null || originData === void 0 ? void 0 : originData.createAt) || props.time;
+    var placement = USER_PLACEMENT;
+    var hasFileMap = ((originData === null || originData === void 0 ? void 0 : (_originData_fileMap = originData.fileMap) === null || _originData_fileMap === void 0 ? void 0 : _originData_fileMap.size) || 0) > 0;
+    var quoteElement = (quote === null || quote === void 0 ? void 0 : quote.quoteDescription) ? /*#__PURE__*/ React.createElement(Quote, quote) : null;
+    var titleDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.titleRender, 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,
-    {
-      markdownRenderConfig: props.markdownRenderConfig,
-      docListProps: props.docListProps,
-      bubbleListRef: props.bubbleListRef,
-      bubbleListItemExtraStyle: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
-      bubbleRef: props.bubbleRef,
-      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,
-      placement,
-      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
-    }
-  );
-  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,
-      {
+        bubbleNameClassName: classNames === null || classNames === void 0 ? void 0 : classNames.bubbleNameClassName,
+        className: classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemTitleClassName,
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemTitleStyle,
+        prefixClass: cx("".concat(prefixClass, "-bubble-title")),
+        title: '',
+        placement: placement,
+        time: time
+    }));
+    var _props_readonly;
+    var messageContent = /*#__PURE__*/ React.createElement(BubbleMessageDisplay, {
+        markdownRenderConfig: props.markdownRenderConfig,
+        docListProps: props.docListProps,
+        bubbleListRef: props.bubbleListRef,
+        bubbleListItemExtraStyle: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
+        bubbleRef: props.bubbleRef,
+        content: originData === null || originData === void 0 ? void 0 : originData.content,
+        key: originData === null || originData === void 0 ? void 0 : originData.id,
+        "data-id": originData === null || originData === void 0 ? void 0 : originData.id,
+        avatar: originData === null || originData === void 0 ? void 0 : originData.meta,
+        readonly: (_props_readonly = props.readonly) !== null && _props_readonly !== void 0 ? _props_readonly : false,
+        onReply: props.onReply,
+        id: props.id,
+        originData: originData,
+        placement: placement,
+        time: (originData === null || originData === void 0 ? void 0 : originData.updateAt) || (originData === null || originData === void 0 ? void 0 : originData.createAt),
+        customConfig: bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.customConfig,
+        pure: props.pure,
+        shouldShowCopy: props.shouldShowCopy,
+        fileViewEvents: props.fileViewEvents,
+        fileViewConfig: props.fileViewConfig,
+        renderFileMoreAction: props.renderFileMoreAction,
+        bubbleRenderConfig: bubbleRenderConfig
+    });
+    var childrenDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentRender, props, messageContent);
+    var contentBeforeDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentBeforeRender, props, null);
+    var contentAfterDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentAfterRender, props, null);
+    var contentContainerStyle = getContentContainerStyle();
+    var fileViewStyle = getFileViewStyle(standalone, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle);
+    var contentStyle = getContentStyle(standalone, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle);
+    var _obj;
+    var itemDom = wrapSSR(/*#__PURE__*/ React.createElement(BubbleConfigContext.Provider, {
         value: {
-          compact,
-          standalone: !!standalone,
-          locale,
-          bubble: props
+            compact: compact,
+            standalone: !!standalone,
+            locale: locale,
+            bubble: props
         }
-      },
-      /* @__PURE__ */ React.createElement(
-        Flex,
-        {
-          className: cx(
-            hashId,
-            className,
-            `${prefixClass}-bubble`,
-            `${prefixClass}-bubble-${placement}`,
-            `${prefixClass}-bubble-user`,
-            { [`${prefixClass}-bubble-compact`]: compact },
-            classNames == null ? void 0 : classNames.bubbleClassName
-          ),
-          style,
-          vertical: true,
-          id: props.id,
-          "data-id": props.id,
-          gap: BUBBLE_GAP
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style,
-            className: cx(`${prefixClass}-bubble-container`, hashId)
-          },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: contentContainerStyle,
-              className: cx(
-                `${prefixClass}-bubble-container`,
-                `${prefixClass}-bubble-container-${placement}`,
-                `${prefixClass}-bubble-container-user`,
-                { [`${prefixClass}-bubble-container-pure`]: props.pure },
-                classNames == null ? void 0 : classNames.bubbleContainerClassName,
-                hashId
-              ),
-              "data-testid": "chat-message"
-            },
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: cx(
-                  `${prefixClass}-bubble-avatar-title`,
-                  `${prefixClass}-bubble-avatar-title-${placement}`,
-                  `${prefixClass}-bubble-avatar-title-ai`,
-                  classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
-                  hashId,
-                  {
-                    [`${prefixClass}-bubble-avatar-title-pure`]: props.pure,
-                    [`${prefixClass}-bubble-avatar-title-quote`]: quote == null ? void 0 : quote.quoteDescription
-                  }
-                )
-              },
-              titleDom
-            ),
-            contentBeforeDom && /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
-                className: cx(
-                  `${prefixClass}-bubble-before`,
-                  `${prefixClass}-bubble-before-${placement}`,
-                  `${prefixClass}-bubble-before-user`,
-                  hashId
-                ),
-                "data-testid": "message-before"
-              },
-              contentBeforeDom
-            ),
-            hasFileMap && /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: fileViewStyle,
-                className: cx(
-                  `${prefixClass}-bubble-after`,
-                  `${prefixClass}-bubble-after-${placement}`,
-                  `${prefixClass}-bubble-after-ai`,
-                  hashId
-                ),
-                "data-testid": "message-after"
-              },
-              /* @__PURE__ */ React.createElement(
-                BubbleFileView,
-                {
-                  bubbleListRef: props.bubbleListRef,
-                  bubble: props,
-                  placement
-                }
-              )
-            ),
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: contentStyle,
-                className: cx(
-                  `${prefixClass}-bubble-content`,
-                  `${prefixClass}-bubble-content-${placement}`,
-                  `${prefixClass}-bubble-content-user`,
-                  { [`${prefixClass}-bubble-content-pure`]: props.pure },
-                  classNames == null ? void 0 : classNames.bubbleListItemContentClassName,
-                  hashId
-                ),
-                onDoubleClick: props.onDoubleClick,
-                "data-testid": "message-content"
-              },
-              childrenDom
-            ),
-            contentAfterDom
-          )
-        )
-      )
-    )
-  );
-  if ((bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) === false)
-    return null;
-  return /* @__PURE__ */ React.createElement(
-    MessagesContext.Provider,
-    {
-      value: {
-        message: props.originData,
-        hidePadding,
-        setHidePadding,
-        setMessage: (message) => {
-          var _a2, _b2, _c2;
-          (_c2 = (_b2 = (_a2 = props == null ? void 0 : props.bubbleRef) == null ? void 0 : _a2.current) == null ? void 0 : _b2.setMessageItem) == null ? void 0 : _c2.call(
-            _b2,
-            props.id,
-            message
-          );
+    }, /*#__PURE__*/ React.createElement(Flex, {
+        className: cx(hashId, className, "".concat(prefixClass, "-bubble"), "".concat(prefixClass, "-bubble-").concat(placement), "".concat(prefixClass, "-bubble-user"), _define_property({}, "".concat(prefixClass, "-bubble-compact"), compact), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleClassName),
+        style: style,
+        vertical: true,
+        id: props.id,
+        "data-id": props.id,
+        gap: BUBBLE_GAP
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: style,
+        className: cx("".concat(prefixClass, "-bubble-container"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: contentContainerStyle,
+        className: cx("".concat(prefixClass, "-bubble-container"), "".concat(prefixClass, "-bubble-container-").concat(placement), "".concat(prefixClass, "-bubble-container-user"), _define_property({}, "".concat(prefixClass, "-bubble-container-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleContainerClassName, hashId),
+        "data-testid": "chat-message"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: cx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-ai"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId, (_obj = {}, _define_property(_obj, "".concat(prefixClass, "-bubble-avatar-title-pure"), props.pure), _define_property(_obj, "".concat(prefixClass, "-bubble-avatar-title-quote"), quote === null || quote === void 0 ? void 0 : quote.quoteDescription), _obj))
+    }, titleDom), contentBeforeDom && /*#__PURE__*/ React.createElement("div", {
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
+        className: cx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), "".concat(prefixClass, "-bubble-before-user"), hashId),
+        "data-testid": "message-before"
+    }, contentBeforeDom), hasFileMap && /*#__PURE__*/ React.createElement("div", {
+        style: fileViewStyle,
+        className: cx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
+        "data-testid": "message-after"
+    }, /*#__PURE__*/ React.createElement(BubbleFileView, {
+        bubbleListRef: props.bubbleListRef,
+        bubble: props,
+        placement: placement
+    })), /*#__PURE__*/ React.createElement("div", {
+        style: contentStyle,
+        className: cx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-user"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
+        onDoubleClick: props.onDoubleClick,
+        "data-testid": "message-content"
+    }, childrenDom), contentAfterDom)))));
+    if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
+    return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
+        value: {
+            message: props.originData,
+            hidePadding: hidePadding,
+            setHidePadding: setHidePadding,
+            setMessage: function(message) {
+                var _props_bubbleRef_current_setMessageItem, _props_bubbleRef_current, _props_bubbleRef;
+                props === null || props === void 0 ? void 0 : (_props_bubbleRef = props.bubbleRef) === null || _props_bubbleRef === void 0 ? void 0 : (_props_bubbleRef_current = _props_bubbleRef.current) === null || _props_bubbleRef_current === void 0 ? void 0 : (_props_bubbleRef_current_setMessageItem = _props_bubbleRef_current.setMessageItem) === null || _props_bubbleRef_current_setMessageItem === void 0 ? void 0 : _props_bubbleRef_current_setMessageItem.call(_props_bubbleRef_current, props.id, message);
+            }
         }
-      }
-    },
-    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _f.call(
-      bubbleRenderConfig,
-      props,
-      {
+    }, /*#__PURE__*/ React.createElement(React.Fragment, null, (bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : (_bubbleRenderConfig_render = bubbleRenderConfig.render) === null || _bubbleRenderConfig_render === void 0 ? void 0 : _bubbleRenderConfig_render.call(bubbleRenderConfig, props, {
         avatar: null,
         title: null,
         header: null,
-        extra: ((_c = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _c.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
-          BubbleExtra,
-          {
+        extra: (props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig === void 0 ? void 0 : _props_bubbleRenderConfig.extraRender) === false ? null : /*#__PURE__*/ React.createElement(BubbleExtra, {
             pure: true,
-            style: (_d = props.styles) == null ? void 0 : _d.bubbleListItemExtraStyle,
+            style: (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.bubbleListItemExtraStyle,
             readonly: props.readonly,
-            rightRender: (_e = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _e.extraRightRender,
+            rightRender: props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig1 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig1 === void 0 ? void 0 : _props_bubbleRenderConfig1.extraRightRender,
             shouldShowCopy: props.shouldShowCopy,
             useSpeech: props.useSpeech,
             shouldShowVoice: props.shouldShowVoice,
             bubble: props
-          }
-        ),
-        messageContent,
-        itemDom
-      },
-      itemDom
-    )) || itemDom)
-  );
+        }),
+        messageContent: messageContent,
+        itemDom: itemDom
+    }, itemDom)) || itemDom));
 });
-export {
-  UserBubble
-};

package/dist/Bubble/index.js

@@ -1,19 +1,13 @@
-// src/Bubble/index.tsx
-import { AIBubble, runRender } from "./AIBubble";
-import { Bubble } from "./Bubble";
+/**
+ * @file Bubble 组件模块导出
+ *
+ * 该文件导出聊天气泡相关组件，包括 AI 消息气泡、用户消息气泡和通用气泡容器。
+ * 所有组件的详细文档请参考各自的组件定义文件。
+ */ export { AIBubble, runRender } from "./AIBubble";
+export { Bubble } from "./Bubble";
 export * from "./BubbleConfigProvide";
-import { PureBubbleList } from "./List/PureBubbleList";
-import { PureAIBubble, PureBubble, PureUserBubble } from "./PureBubble";
+export { PureBubbleList } from "./List/PureBubbleList";
+export { PureAIBubble, PureBubble, PureUserBubble } from "./PureBubble";
 export * from "./MessagesContent/BubbleContext";
 export * from "./type";
-import { UserBubble } from "./UserBubble";
-export {
-  AIBubble,
-  Bubble,
-  PureAIBubble,
-  PureBubble,
-  PureBubbleList,
-  PureUserBubble,
-  UserBubble,
-  runRender
-};
+export { UserBubble } from "./UserBubble";