@ant-design/agentic-ui 2.8.0 → 2.10.0

package/dist/Bubble/MessagesContent/index.js

@@ -1,56 +1,252 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
     }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+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 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 ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        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);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/Bubble/MessagesContent/index.tsx
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
 import { ExportOutlined } from "@ant-design/icons";
 import { Popover, Tooltip, Typography } from "antd";
 import React, { useContext, useMemo } from "react";
@@ -62,326 +258,371 @@ import { BubbleExtra } from "./BubbleExtra";
 import { DocInfoList } from "./DocInfo";
 import { EXCEPTION } from "./EXCEPTION";
 import { MarkdownPreview } from "./MarkdownPreview";
-var LOADING_FLAT = "...";
-var BubbleMessageDisplay = (_a) => {
-  var _b = _a, { content, bubbleRef, readonly, contentAfterDom } = _b, props = __objRest(_b, ["content", "bubbleRef", "readonly", "contentAfterDom"]);
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const context = useContext(BubbleConfigContext);
-  const { locale } = useContext(I18nContext);
-  const [isExtraNull, setIsExtraNull] = React.useState(false);
-  const [nodeList, setNodeList] = React.useState([]);
-  const funRender = useRefFunction((props2) => {
-    const node = nodeList.find((item) => item.placeholder === props2.identifier);
-    return node;
-  });
-  const typing = useMemo(() => {
-    var _a3, _b3, _c2, _d2, _e2;
-    return ((_a3 = props.originData) == null ? void 0 : _a3.isAborted) !== true && ((_b3 = props.originData) == null ? void 0 : _b3.isFinished) === false && ((_d2 = (_c2 = props == null ? void 0 : props.originData) == null ? void 0 : _c2.extra) == null ? void 0 : _d2.isHistory) === void 0 && ((_e2 = props.originData) == null ? void 0 : _e2.isFinished) !== void 0;
-  }, [
-    (_a2 = props.originData) == null ? void 0 : _a2.isAborted,
-    (_b2 = props.originData) == null ? void 0 : _b2.isFinished,
-    (_d = (_c = props.originData) == null ? void 0 : _c.extra) == null ? void 0 : _d.isHistory
-  ]);
-  const beforeContent = useMemo(() => {
-    var _a3;
-    return ((_a3 = props.bubbleRenderConfig) == null ? void 0 : _a3.beforeMessageRender) ? props.bubbleRenderConfig.beforeMessageRender(props, null) : null;
-  }, [(_e = props.bubbleRenderConfig) == null ? void 0 : _e.beforeMessageRender, typing, props.originData]);
-  const afterContent = useMemo(() => {
-    var _a3;
-    const userAfter = ((_a3 = props.bubbleRenderConfig) == null ? void 0 : _a3.afterMessageRender) ? props.bubbleRenderConfig.afterMessageRender(props, contentAfterDom) : contentAfterDom;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, userAfter);
-  }, [
-    (_f = props.bubbleRenderConfig) == null ? void 0 : _f.afterMessageRender,
-    typing,
-    props.originData,
-    (_g = props.bubbleRenderConfig) == null ? void 0 : _g.afterMessageRender,
-    contentAfterDom,
-    typing
-  ]);
-  const memo = useMemo(() => {
-    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
-    if (content === LOADING_FLAT || !((_a3 = props.originData) == null ? void 0 : _a3.isFinished) && !content) {
-      if (((_b3 = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _b3.alwaysRender) !== true) {
-        return /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style: {
-              padding: (context == null ? void 0 : context.compact) ? "8px" : "12px",
-              lineHeight: "24px",
-              display: "flex",
-              alignItems: "center",
-              gap: 8
-            },
-            className: "agent-item-default-content",
-            "data-testid": "message-content"
-          },
-          (locale == null ? void 0 : locale["chat.message.thinking"]) || "思考中..."
-        );
-      }
-      return null;
-    }
-    const defaultExtra = ((_c2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _c2.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
-      BubbleExtra,
-      {
-        placement: props.placement,
-        style: props.bubbleListItemExtraStyle,
-        readonly,
-        rightRender: (_d2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _d2.extraRightRender,
-        onReply: props.onReply,
-        onCancelLike: props.onCancelLike,
-        shouldShowCopy: props.shouldShowCopy,
-        useSpeech: props.useSpeech,
-        shouldShowVoice: props.shouldShowVoice,
-        onDisLike: props.onDisLike ? () => __async(void 0, null, function* () {
-          var _a4, _b4, _c3;
-          try {
-            yield (_a4 = props.onDisLike) == null ? void 0 : _a4.call(props, props.originData);
-            (_c3 = (_b4 = bubbleRef == null ? void 0 : bubbleRef.current) == null ? void 0 : _b4.setMessageItem) == null ? void 0 : _c3.call(_b4, props.id, {
-              feedback: "thumbsDown"
-            });
-          } catch (error) {
-          }
-        }) : void 0,
-        bubble: props,
-        onRenderExtraNull: (isNull) => setIsExtraNull(isNull),
-        onLike: props.onLike ? () => __async(void 0, null, function* () {
-          var _a4, _b4, _c3;
-          try {
-            yield (_a4 = props.onLike) == null ? void 0 : _a4.call(props, props.originData);
-            (_c3 = (_b4 = bubbleRef == null ? void 0 : bubbleRef.current) == null ? void 0 : _b4.setMessageItem) == null ? void 0 : _c3.call(_b4, props.id, {
-              feedback: "thumbsUp"
-            });
-          } catch (error) {
-          }
-        }) : void 0
-      }
-    );
-    const extra = ((_e2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _e2.extraRender) !== false && ((_f2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _f2.extraRender) ? (_h2 = (_g2 = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _g2.extraRender) == null ? void 0 : _h2.call(
-      _g2,
-      props,
-      defaultExtra
-    ) : defaultExtra;
-    if (content === "..." || React.isValidElement(content) || props.placement !== "left" || ((_l2 = (_k2 = (_j2 = (_i2 = props == null ? void 0 : props.originData) == null ? void 0 : _i2.extra) == null ? void 0 : _j2.tags) == null ? void 0 : _k2.includes) == null ? void 0 : _l2.call(_k2, "REJECT_TO_ANSWER")) || ((_m = props.originData) == null ? void 0 : _m.role) === "bot") {
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            lineHeight: "24px"
-          },
-          className: "agent-item-default-content",
-          "data-testid": "message-box-content",
-          onDoubleClick: props.onDoubleClick
-        },
-        /* @__PURE__ */ React.createElement(
-          MarkdownPreview,
-          {
-            beforeContent,
-            afterContent,
+export var LOADING_FLAT = '...';
+/**
+ * BubbleMessageDisplay 组件 - 聊天气泡消息显示组件
+ *
+ * 该组件负责渲染聊天气泡中的消息内容，支持多种内容类型的显示，
+ * 包括Markdown、异常消息、加载状态等。提供完整的交互功能。
+ *
+ * @component
+ * @description 聊天气泡消息显示组件，处理各种消息内容的渲染
+ * @param {BubbleProps & {content: MessageBubbleData['content'], bubbleListItemExtraStyle?: React.CSSProperties}} props - 组件属性
+ * @param {string} props.content - 消息内容
+ * @param {React.CSSProperties} [props.bubbleListItemExtraStyle] - 额外样式
+ * @param {MutableRefObject} [props.bubbleRef] - 气泡引用
+ * @param {boolean} [props.readonly] - 是否只读模式
+ * @param {BubbleRenderConfig} [props.bubbleRenderConfig] - 渲染配置
+ * @param {BubbleMetaData} [props.avatar] - 头像元数据
+ *
+ * @example
+ * ```tsx
+ * <BubbleMessageDisplay
+ *   content="这是一条消息内容"
+ *   readonly={false}
+ *   bubbleRef={bubbleRef}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的消息显示组件
+ *
+ * @remarks
+ * - 组件会自动处理 Markdown 内容的渲染
+ * - 支持异常消息的特殊展示
+ * - 提供完整的交互操作（点赞、点踩、复制等）
+ * - 可以通过 extraRender 完全自定义额外操作区域
+ *
+ * @see {@link BubbleProps} 了解更多关于聊天项属性的信息
+ * @see {@link BaseChatProps} 了解更多关于基础聊天属性的信息
+ */ export var BubbleMessageDisplay = function(_param) {
+    var content = _param.content, bubbleRef = _param.bubbleRef, readonly = _param.readonly, contentAfterDom = _param.contentAfterDom, props = _object_without_properties(_param, [
+        "content",
+        "bubbleRef",
+        "readonly",
+        "contentAfterDom"
+    ]);
+    var _props_originData, _props_originData1, _props_originData_extra, _props_originData2, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_originData3, _props_originData4, _props_originData5, _props_bubbleRenderConfig3, _props_bubbleRenderConfig4;
+    /**
+   * 获取聊天配置上下文
+   * @type {ChatConfigContext}
+   */ var context = useContext(BubbleConfigContext);
+    var locale = useContext(I18nContext).locale;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), isExtraNull = _React_useState[0], setIsExtraNull = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React.useState([]), 2), nodeList = _React_useState1[0], setNodeList = _React_useState1[1];
+    var funRender = useRefFunction(function(props) {
+        var node = nodeList.find(function(item) {
+            return item.placeholder === props.identifier;
+        });
+        return node;
+    });
+    var typing = useMemo(function() {
+        var _props_originData, _props_originData1, _props_originData_extra, _props_originData2, _props_originData3;
+        return ((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isAborted) !== true && ((_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.isFinished) === false && (props === null || props === void 0 ? void 0 : (_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : (_props_originData_extra = _props_originData2.extra) === null || _props_originData_extra === void 0 ? void 0 : _props_originData_extra.isHistory) === undefined && ((_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.isFinished) !== undefined;
+    }, [
+        (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isAborted,
+        (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.isFinished,
+        (_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : (_props_originData_extra = _props_originData2.extra) === null || _props_originData_extra === void 0 ? void 0 : _props_originData_extra.isHistory
+    ]);
+    // 处理 beforeContent 和 afterContent
+    var beforeContent = useMemo(function() {
+        var _props_bubbleRenderConfig;
+        return ((_props_bubbleRenderConfig = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig === void 0 ? void 0 : _props_bubbleRenderConfig.beforeMessageRender) ? props.bubbleRenderConfig.beforeMessageRender(props, null) : null;
+    }, [
+        (_props_bubbleRenderConfig = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig === void 0 ? void 0 : _props_bubbleRenderConfig.beforeMessageRender,
+        typing,
+        props.originData
+    ]);
+    var afterContent = useMemo(function() {
+        var _props_bubbleRenderConfig;
+        var userAfter = ((_props_bubbleRenderConfig = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig === void 0 ? void 0 : _props_bubbleRenderConfig.afterMessageRender) ? props.bubbleRenderConfig.afterMessageRender(props, contentAfterDom) : contentAfterDom;
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, userAfter);
+    }, [
+        (_props_bubbleRenderConfig1 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig1 === void 0 ? void 0 : _props_bubbleRenderConfig1.afterMessageRender,
+        typing,
+        props.originData,
+        (_props_bubbleRenderConfig2 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig2 === void 0 ? void 0 : _props_bubbleRenderConfig2.afterMessageRender,
+        contentAfterDom,
+        typing
+    ]);
+    var memo = useMemo(function() {
+        var _props_originData, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3, _props_bubbleRenderConfig_extraRender, _props_bubbleRenderConfig4, _props_originData_extra_tags_includes, _props_originData_extra_tags, _props_originData_extra, _props_originData1, _props_originData2, _props_originData_extra1, _props_originData3, _props_originData_extra2, _props_originData4, _props_originData5, _props_originData_extra3, _props_originData6, _props_docListProps, _props_originData7, _props_markdownRenderConfig, _props_originData8, _props_originData9, _props_originData10;
+        if (content === LOADING_FLAT || !((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isFinished) && !content) {
+            var _context_thoughtChain;
+            if ((context === null || context === void 0 ? void 0 : (_context_thoughtChain = context.thoughtChain) === null || _context_thoughtChain === void 0 ? void 0 : _context_thoughtChain.alwaysRender) !== true) {
+                return /*#__PURE__*/ React.createElement("div", {
+                    style: {
+                        padding: (context === null || context === void 0 ? void 0 : context.compact) ? '8px' : '12px',
+                        lineHeight: '24px',
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: 8
+                    },
+                    className: "agent-item-default-content",
+                    "data-testid": "message-content"
+                }, (locale === null || locale === void 0 ? void 0 : locale['chat.message.thinking']) || '思考中...');
+            }
+            return null;
+        }
+        var defaultExtra = (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, {
             placement: props.placement,
-            markdownRenderConfig: props.markdownRenderConfig,
-            isFinished: true,
-            style: ((_n = props.originData) == null ? void 0 : _n.role) === "bot" ? {} : {
-              color: "#343A45"
+            style: props.bubbleListItemExtraStyle,
+            readonly: readonly,
+            rightRender: props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig1 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig1 === void 0 ? void 0 : _props_bubbleRenderConfig1.extraRightRender,
+            onReply: props.onReply,
+            onCancelLike: props.onCancelLike,
+            shouldShowCopy: props.shouldShowCopy,
+            useSpeech: props.useSpeech,
+            shouldShowVoice: props.shouldShowVoice,
+            onDisLike: props.onDisLike ? /*#__PURE__*/ _async_to_generator(function() {
+                var _props_onDisLike, _bubbleRef_current_setMessageItem, _bubbleRef_current, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _state.trys.push([
+                                0,
+                                2,
+                                ,
+                                3
+                            ]);
+                            return [
+                                4,
+                                (_props_onDisLike = props.onDisLike) === null || _props_onDisLike === void 0 ? void 0 : _props_onDisLike.call(props, props.originData)
+                            ];
+                        case 1:
+                            _state.sent();
+                            bubbleRef === null || bubbleRef === void 0 ? void 0 : (_bubbleRef_current = bubbleRef.current) === null || _bubbleRef_current === void 0 ? void 0 : (_bubbleRef_current_setMessageItem = _bubbleRef_current.setMessageItem) === null || _bubbleRef_current_setMessageItem === void 0 ? void 0 : _bubbleRef_current_setMessageItem.call(_bubbleRef_current, props.id, {
+                                feedback: 'thumbsDown'
+                            });
+                            return [
+                                3,
+                                3
+                            ];
+                        case 2:
+                            error = _state.sent();
+                            return [
+                                3,
+                                3
+                            ];
+                        case 3:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            }) : undefined,
+            bubble: props,
+            onRenderExtraNull: function(isNull) {
+                return setIsExtraNull(isNull);
             },
-            extra,
-            typing: false,
-            originData: props.originData,
-            content: (_o = props.originData) == null ? void 0 : _o.content
-          }
-        )
-      );
-    }
-    if (((_q = (_p = props.originData) == null ? void 0 : _p.extra) == null ? void 0 : _q.answerStatus) === "EXCEPTION" || ((_s = (_r = props.originData) == null ? void 0 : _r.extra) == null ? void 0 : _s.answerStatus) && !((_t = props.originData) == null ? void 0 : _t.content)) {
-      return /* @__PURE__ */ React.createElement(
-        EXCEPTION,
-        {
-          content: props.originData.content,
-          originData: props.originData,
-          extra: isExtraNull ? null : extra
-        }
-      );
-    }
-    const docInfoList = [(_v = (_u = props == null ? void 0 : props.originData) == null ? void 0 : _u.extra) == null ? void 0 : _v.white_box_process].flat(
-      1
-    );
-    let docInfoDom = null;
-    if (Array.isArray(docInfoList) && docInfoList.length > 0 && (docInfoList == null ? void 0 : docInfoList.some((item) => {
-      var _a4, _b4;
-      return (((_b4 = (_a4 = item == null ? void 0 : item.output) == null ? void 0 : _a4.chunks) == null ? void 0 : _b4.length) || 0) > 0;
-    })) && ((_w = props.docListProps) == null ? void 0 : _w.enable) !== false) {
-      docInfoDom = /* @__PURE__ */ React.createElement(
-        DocInfoList,
-        __spreadProps(__spreadValues({
-          options: docInfoList.map((item) => {
-            var _a4;
-            return (_a4 = item.output) == null ? void 0 : _a4.chunks;
-          }).flat(1).filter((item) => item)
-        }, props.docListProps), {
-          reference_url_info_list: ((_x = props.docListProps) == null ? void 0 : _x.reference_url_info_list) || ((_z = (_y = props.originData) == null ? void 0 : _y.extra) == null ? void 0 : _z.reference_url_info_list) || []
-        })
-      );
-    }
-    return /* @__PURE__ */ React.createElement(
-      MarkdownPreview,
-      {
-        markdownRenderConfig: props.markdownRenderConfig,
-        isFinished: (_A = props.originData) == null ? void 0 : _A.isFinished,
-        beforeContent,
-        afterContent,
-        fncProps: __spreadValues({
-          render: (mdProps, _) => {
-            var _a4, _b4, _c3, _d3, _e3, _f3, _g3, _h3;
-            const reference_url_info_list = ((_b4 = (_a4 = props.originData) == null ? void 0 : _a4.extra) == null ? void 0 : _b4.reference_url_info_list) || [];
-            const item = reference_url_info_list.find(
-              (item2) => item2.placeholder === `[${mdProps.children}]` || item2.placeholder === `[^${mdProps.children}]`
-            ) || funRender(mdProps);
-            if (!item)
-              return;
-            if (!(item == null ? void 0 : item.origin_text))
-              return null;
-            return /* @__PURE__ */ React.createElement(
-              Popover,
-              {
-                title: /* @__PURE__ */ React.createElement(
-                  "div",
-                  {
-                    style: __spreadValues({
-                      display: "flex",
-                      justifyContent: "space-between",
-                      alignItems: "center",
-                      fontSize: "1em"
-                    }, ((_d3 = (_c3 = props == null ? void 0 : props.customConfig) == null ? void 0 : _c3.PopoverProps) == null ? void 0 : _d3.titleStyle) || {})
-                  },
-                  /* @__PURE__ */ React.createElement("div", null, (locale == null ? void 0 : locale["chat.message.referenceDocument"]) || "参考文档"),
-                  (item == null ? void 0 : item.origin_url) ? /* @__PURE__ */ React.createElement(
-                    ActionIconBox,
-                    {
-                      title: (locale == null ? void 0 : locale["chat.message.viewOriginal"]) || "查看原文",
-                      tooltipProps: (_e3 = props == null ? void 0 : props.customConfig) == null ? void 0 : _e3.TooltipProps,
-                      onClick: () => {
-                        var _a5, _b5, _c4, _d4;
-                        if ((_b5 = (_a5 = props.markdownRenderConfig) == null ? void 0 : _a5.fncProps) == null ? void 0 : _b5.onOriginUrlClick) {
-                          (_d4 = (_c4 = props.markdownRenderConfig) == null ? void 0 : _c4.fncProps) == null ? void 0 : _d4.onOriginUrlClick(
-                            item.origin_url
-                          );
-                          return;
-                        }
-                        window.open(item.origin_url);
-                      }
-                    },
-                    /* @__PURE__ */ React.createElement(ExportOutlined, null)
-                  ) : null
-                ),
-                content: /* @__PURE__ */ React.createElement(
-                  "div",
-                  {
-                    style: __spreadValues({
-                      width: 400,
-                      display: "flex",
-                      maxHeight: 400,
-                      overflow: "auto",
-                      flexDirection: "column",
-                      gap: 12
-                    }, ((_g3 = (_f3 = props == null ? void 0 : props.customConfig) == null ? void 0 : _f3.PopoverProps) == null ? void 0 : _g3.contentStyle) || {})
-                  },
-                  /* @__PURE__ */ React.createElement(
-                    MarkdownEditor,
-                    {
-                      style: {
-                        padding: 0,
-                        width: "100%"
-                      },
-                      tableConfig: {
-                        actions: {
-                          fullScreen: "modal"
-                        }
-                      },
-                      readonly: true,
-                      contentStyle: {
-                        padding: 0,
-                        width: "100%"
-                      },
-                      initValue: (_h3 = item == null ? void 0 : item.origin_text) == null ? void 0 : _h3.trim()
+            onLike: props.onLike ? /*#__PURE__*/ _async_to_generator(function() {
+                var _props_onLike, _bubbleRef_current_setMessageItem, _bubbleRef_current, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _state.trys.push([
+                                0,
+                                2,
+                                ,
+                                3
+                            ]);
+                            return [
+                                4,
+                                (_props_onLike = props.onLike) === null || _props_onLike === void 0 ? void 0 : _props_onLike.call(props, props.originData)
+                            ];
+                        case 1:
+                            _state.sent();
+                            bubbleRef === null || bubbleRef === void 0 ? void 0 : (_bubbleRef_current = bubbleRef.current) === null || _bubbleRef_current === void 0 ? void 0 : (_bubbleRef_current_setMessageItem = _bubbleRef_current.setMessageItem) === null || _bubbleRef_current_setMessageItem === void 0 ? void 0 : _bubbleRef_current_setMessageItem.call(_bubbleRef_current, props.id, {
+                                feedback: 'thumbsUp'
+                            });
+                            return [
+                                3,
+                                3
+                            ];
+                        case 2:
+                            error = _state.sent();
+                            return [
+                                3,
+                                3
+                            ];
+                        case 3:
+                            return [
+                                2
+                            ];
                     }
-                  ),
-                  (item == null ? void 0 : item.docId) && item.doc_name ? /* @__PURE__ */ React.createElement(
-                    Tooltip,
-                    {
-                      mouseEnterDelay: 0.3,
-                      title: /* @__PURE__ */ React.createElement(Typography.Text, { copyable: { text: item.docId } }, item.docId)
-                    },
-                    /* @__PURE__ */ React.createElement(
-                      "div",
-                      {
-                        style: {
-                          borderRadius: "20px",
-                          opacity: 1,
-                          display: "flex",
-                          flexDirection: "row",
-                          alignItems: "center",
-                          padding: "10px",
-                          gap: "10px",
-                          alignSelf: "stretch",
-                          background: "#FBFCFD",
-                          cursor: "pointer",
-                          zIndex: 1
-                        }
-                      },
-                      /* @__PURE__ */ React.createElement(
-                        "img",
-                        {
-                          style: {
-                            width: 24
-                          },
-                          src: "https://mdn.alipayobjects.com/huamei_ptjqan/afts/img/A*kF_GTppRbp4AAAAAAAAAAAAADkN6AQ/original"
-                        }
-                      ),
-                      /* @__PURE__ */ React.createElement(
-                        "div",
-                        {
-                          style: {
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            WebkitBoxOrient: "vertical",
-                            WebkitLineClamp: 2,
-                            display: "-webkit-box"
-                          }
-                        },
-                        item == null ? void 0 : item.doc_name
-                      )
-                    )
-                  ) : null
-                )
-              },
-              _
-            );
-          },
-          onFootnoteDefinitionChange: (nodeList2) => {
-            setNodeList(nodeList2);
-          }
-        }, ((_B = props.markdownRenderConfig) == null ? void 0 : _B.fncProps) || {}),
-        typing,
-        placement: props.placement,
-        docListNode: docInfoDom,
-        extra: isExtraNull ? null : extra,
-        htmlRef: props.bubbleListRef,
-        content: ((_C = props.originData) == null ? void 0 : _C.isFinished) ? ((_D = props.originData) == null ? void 0 : _D.content) || (locale == null ? void 0 : locale["chat.message.generateFailed"]) || "生成回答失败，请重试" : ((_E = props.originData) == null ? void 0 : _E.content) || "",
-        originData: props.originData
-      }
-    );
-  }, [
-    content,
-    (_h = props == null ? void 0 : props.originData) == null ? void 0 : _h.feedback,
-    (_i = props.originData) == null ? void 0 : _i.isFinished,
-    (_j = props.originData) == null ? void 0 : _j.isAborted,
-    isExtraNull,
-    props.deps,
-    (_k = props.bubbleRenderConfig) == null ? void 0 : _k.beforeMessageRender,
-    (_l = props.bubbleRenderConfig) == null ? void 0 : _l.afterMessageRender
-  ]);
-  return memo;
-};
-export {
-  BubbleMessageDisplay,
-  LOADING_FLAT
+                });
+            }) : undefined
+        });
+        var extra = (props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig2 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig2 === void 0 ? void 0 : _props_bubbleRenderConfig2.extraRender) !== false && (props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig3 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig3 === void 0 ? void 0 : _props_bubbleRenderConfig3.extraRender) ? props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig4 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig4 === void 0 ? void 0 : (_props_bubbleRenderConfig_extraRender = _props_bubbleRenderConfig4.extraRender) === null || _props_bubbleRenderConfig_extraRender === void 0 ? void 0 : _props_bubbleRenderConfig_extraRender.call(_props_bubbleRenderConfig4, props, defaultExtra) : defaultExtra;
+        if (content === '...' || /*#__PURE__*/ React.isValidElement(content) || props.placement !== 'left' || (props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : (_props_originData_extra = _props_originData1.extra) === null || _props_originData_extra === void 0 ? void 0 : (_props_originData_extra_tags = _props_originData_extra.tags) === null || _props_originData_extra_tags === void 0 ? void 0 : (_props_originData_extra_tags_includes = _props_originData_extra_tags.includes) === null || _props_originData_extra_tags_includes === void 0 ? void 0 : _props_originData_extra_tags_includes.call(_props_originData_extra_tags, 'REJECT_TO_ANSWER')) || ((_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.role) === 'bot') {
+            var _props_originData11, _props_originData12;
+            return /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    lineHeight: '24px'
+                },
+                className: "agent-item-default-content",
+                "data-testid": "message-box-content",
+                onDoubleClick: props.onDoubleClick
+            }, /*#__PURE__*/ React.createElement(MarkdownPreview, {
+                beforeContent: beforeContent,
+                afterContent: afterContent,
+                placement: props.placement,
+                markdownRenderConfig: props.markdownRenderConfig,
+                isFinished: true,
+                style: ((_props_originData11 = props.originData) === null || _props_originData11 === void 0 ? void 0 : _props_originData11.role) === 'bot' ? {} : {
+                    color: '#343A45'
+                },
+                extra: extra,
+                typing: false,
+                originData: props.originData,
+                content: (_props_originData12 = props.originData) === null || _props_originData12 === void 0 ? void 0 : _props_originData12.content
+            }));
+        }
+        // answerStatus= 'EXCEPTION'时 一定是异常情况
+        if (((_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : (_props_originData_extra1 = _props_originData3.extra) === null || _props_originData_extra1 === void 0 ? void 0 : _props_originData_extra1.answerStatus) === 'EXCEPTION' || ((_props_originData4 = props.originData) === null || _props_originData4 === void 0 ? void 0 : (_props_originData_extra2 = _props_originData4.extra) === null || _props_originData_extra2 === void 0 ? void 0 : _props_originData_extra2.answerStatus) && !((_props_originData5 = props.originData) === null || _props_originData5 === void 0 ? void 0 : _props_originData5.content)) {
+            return /*#__PURE__*/ React.createElement(EXCEPTION, {
+                content: props.originData.content,
+                originData: props.originData,
+                extra: isExtraNull ? null : extra
+            });
+        }
+        var docInfoList = [
+            props === null || props === void 0 ? void 0 : (_props_originData6 = props.originData) === null || _props_originData6 === void 0 ? void 0 : (_props_originData_extra3 = _props_originData6.extra) === null || _props_originData_extra3 === void 0 ? void 0 : _props_originData_extra3.white_box_process
+        ].flat(1);
+        var docInfoDom = null;
+        if (Array.isArray(docInfoList) && docInfoList.length > 0 && (docInfoList === null || docInfoList === void 0 ? void 0 : docInfoList.some(function(item) {
+            var _item_output_chunks, _item_output;
+            return ((item === null || item === void 0 ? void 0 : (_item_output = item.output) === null || _item_output === void 0 ? void 0 : (_item_output_chunks = _item_output.chunks) === null || _item_output_chunks === void 0 ? void 0 : _item_output_chunks.length) || 0) > 0;
+        })) && ((_props_docListProps = props.docListProps) === null || _props_docListProps === void 0 ? void 0 : _props_docListProps.enable) !== false) {
+            var _props_docListProps1, _props_originData_extra4, _props_originData13;
+            docInfoDom = /*#__PURE__*/ React.createElement(DocInfoList, _object_spread_props(_object_spread({
+                options: docInfoList.map(function(item) {
+                    var _item_output;
+                    return (_item_output = item.output) === null || _item_output === void 0 ? void 0 : _item_output.chunks;
+                }).flat(1).filter(function(item) {
+                    return item;
+                })
+            }, props.docListProps), {
+                reference_url_info_list: ((_props_docListProps1 = props.docListProps) === null || _props_docListProps1 === void 0 ? void 0 : _props_docListProps1.reference_url_info_list) || ((_props_originData13 = props.originData) === null || _props_originData13 === void 0 ? void 0 : (_props_originData_extra4 = _props_originData13.extra) === null || _props_originData_extra4 === void 0 ? void 0 : _props_originData_extra4.reference_url_info_list) || []
+            }));
+        }
+        return /*#__PURE__*/ React.createElement(MarkdownPreview, {
+            markdownRenderConfig: props.markdownRenderConfig,
+            isFinished: (_props_originData7 = props.originData) === null || _props_originData7 === void 0 ? void 0 : _props_originData7.isFinished,
+            beforeContent: beforeContent,
+            afterContent: afterContent,
+            fncProps: _object_spread({
+                render: function(mdProps, _) {
+                    var _props_originData_extra, _props_originData, _props_customConfig_PopoverProps, _props_customConfig, _props_customConfig1, _props_customConfig_PopoverProps1, _props_customConfig2, _item_origin_text;
+                    var reference_url_info_list = ((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : (_props_originData_extra = _props_originData.extra) === null || _props_originData_extra === void 0 ? void 0 : _props_originData_extra.reference_url_info_list) || [];
+                    var item = reference_url_info_list.find(function(item) {
+                        return item.placeholder === "[".concat(mdProps.children, "]") || item.placeholder === "[^".concat(mdProps.children, "]");
+                    }) || funRender(mdProps);
+                    if (!item) return;
+                    if (!(item === null || item === void 0 ? void 0 : item.origin_text)) return null;
+                    return /*#__PURE__*/ React.createElement(Popover, {
+                        title: /*#__PURE__*/ React.createElement("div", {
+                            style: _object_spread({
+                                display: 'flex',
+                                justifyContent: 'space-between',
+                                alignItems: 'center',
+                                fontSize: '1em'
+                            }, (props === null || props === void 0 ? void 0 : (_props_customConfig = props.customConfig) === null || _props_customConfig === void 0 ? void 0 : (_props_customConfig_PopoverProps = _props_customConfig.PopoverProps) === null || _props_customConfig_PopoverProps === void 0 ? void 0 : _props_customConfig_PopoverProps.titleStyle) || {})
+                        }, /*#__PURE__*/ React.createElement("div", null, (locale === null || locale === void 0 ? void 0 : locale['chat.message.referenceDocument']) || '参考文档'), (item === null || item === void 0 ? void 0 : item.origin_url) ? /*#__PURE__*/ React.createElement(ActionIconBox, {
+                            title: (locale === null || locale === void 0 ? void 0 : locale['chat.message.viewOriginal']) || '查看原文',
+                            tooltipProps: props === null || props === void 0 ? void 0 : (_props_customConfig1 = props.customConfig) === null || _props_customConfig1 === void 0 ? void 0 : _props_customConfig1.TooltipProps,
+                            onClick: function() {
+                                var _props_markdownRenderConfig_fncProps, _props_markdownRenderConfig;
+                                if ((_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : (_props_markdownRenderConfig_fncProps = _props_markdownRenderConfig.fncProps) === null || _props_markdownRenderConfig_fncProps === void 0 ? void 0 : _props_markdownRenderConfig_fncProps.onOriginUrlClick) {
+                                    var _props_markdownRenderConfig_fncProps1, _props_markdownRenderConfig1;
+                                    (_props_markdownRenderConfig1 = props.markdownRenderConfig) === null || _props_markdownRenderConfig1 === void 0 ? void 0 : (_props_markdownRenderConfig_fncProps1 = _props_markdownRenderConfig1.fncProps) === null || _props_markdownRenderConfig_fncProps1 === void 0 ? void 0 : _props_markdownRenderConfig_fncProps1.onOriginUrlClick(item.origin_url);
+                                    return;
+                                }
+                                window.open(item.origin_url);
+                            }
+                        }, /*#__PURE__*/ React.createElement(ExportOutlined, null)) : null),
+                        content: /*#__PURE__*/ React.createElement("div", {
+                            style: _object_spread({
+                                width: 400,
+                                display: 'flex',
+                                maxHeight: 400,
+                                overflow: 'auto',
+                                flexDirection: 'column',
+                                gap: 12
+                            }, (props === null || props === void 0 ? void 0 : (_props_customConfig2 = props.customConfig) === null || _props_customConfig2 === void 0 ? void 0 : (_props_customConfig_PopoverProps1 = _props_customConfig2.PopoverProps) === null || _props_customConfig_PopoverProps1 === void 0 ? void 0 : _props_customConfig_PopoverProps1.contentStyle) || {})
+                        }, /*#__PURE__*/ React.createElement(MarkdownEditor, {
+                            style: {
+                                padding: 0,
+                                width: '100%'
+                            },
+                            tableConfig: {
+                                actions: {
+                                    fullScreen: 'modal'
+                                }
+                            },
+                            readonly: true,
+                            contentStyle: {
+                                padding: 0,
+                                width: '100%'
+                            },
+                            initValue: item === null || item === void 0 ? void 0 : (_item_origin_text = item.origin_text) === null || _item_origin_text === void 0 ? void 0 : _item_origin_text.trim()
+                        }), (item === null || item === void 0 ? void 0 : item.docId) && item.doc_name ? /*#__PURE__*/ React.createElement(Tooltip, {
+                            mouseEnterDelay: 0.3,
+                            title: /*#__PURE__*/ React.createElement(Typography.Text, {
+                                copyable: {
+                                    text: item.docId
+                                }
+                            }, item.docId)
+                        }, /*#__PURE__*/ React.createElement("div", {
+                            style: {
+                                borderRadius: '20px',
+                                opacity: 1,
+                                display: 'flex',
+                                flexDirection: 'row',
+                                alignItems: 'center',
+                                padding: '10px',
+                                gap: '10px',
+                                alignSelf: 'stretch',
+                                background: '#FBFCFD',
+                                cursor: 'pointer',
+                                zIndex: 1
+                            }
+                        }, /*#__PURE__*/ React.createElement("img", {
+                            style: {
+                                width: 24
+                            },
+                            src: 'https://mdn.alipayobjects.com/huamei_ptjqan/afts/img/A*kF_GTppRbp4AAAAAAAAAAAAADkN6AQ/original'
+                        }), /*#__PURE__*/ React.createElement("div", {
+                            style: {
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                WebkitBoxOrient: 'vertical',
+                                WebkitLineClamp: 2,
+                                display: '-webkit-box'
+                            }
+                        }, item === null || item === void 0 ? void 0 : item.doc_name))) : null)
+                    }, _);
+                },
+                onFootnoteDefinitionChange: function(nodeList) {
+                    setNodeList(nodeList);
+                }
+            }, ((_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.fncProps) || {}),
+            typing: typing,
+            placement: props.placement,
+            docListNode: docInfoDom,
+            extra: isExtraNull ? null : extra,
+            htmlRef: props.bubbleListRef,
+            content: ((_props_originData8 = props.originData) === null || _props_originData8 === void 0 ? void 0 : _props_originData8.isFinished) ? ((_props_originData9 = props.originData) === null || _props_originData9 === void 0 ? void 0 : _props_originData9.content) || (locale === null || locale === void 0 ? void 0 : locale['chat.message.generateFailed']) || '生成回答失败，请重试' : ((_props_originData10 = props.originData) === null || _props_originData10 === void 0 ? void 0 : _props_originData10.content) || '',
+            originData: props.originData
+        });
+    }, [
+        content,
+        props === null || props === void 0 ? void 0 : (_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.feedback,
+        (_props_originData4 = props.originData) === null || _props_originData4 === void 0 ? void 0 : _props_originData4.isFinished,
+        (_props_originData5 = props.originData) === null || _props_originData5 === void 0 ? void 0 : _props_originData5.isAborted,
+        isExtraNull,
+        props.deps,
+        (_props_bubbleRenderConfig3 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig3 === void 0 ? void 0 : _props_bubbleRenderConfig3.beforeMessageRender,
+        (_props_bubbleRenderConfig4 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig4 === void 0 ? void 0 : _props_bubbleRenderConfig4.afterMessageRender
+    ]);
+    return memo;
 };