@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/Bubble/MessagesContent/BubbleExtra.js

@@ -1,62 +1,253 @@
-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/BubbleExtra.tsx
-import {
-  DislikeFilled,
-  DislikeOutlined,
-  LikeFilled,
-  LikeOutlined
-} from "@ant-design/icons";
+    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 { DislikeFilled, DislikeOutlined, LikeFilled, LikeOutlined } from "@ant-design/icons";
 import { ConfigProvider, Divider } from "antd";
 import classNames from "classnames";
 import copy from "copy-to-clipboard";
@@ -68,310 +259,427 @@ import { Loading } from "../../Components/Loading";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { CopyButton } from "./CopyButton";
 import { VoiceButton } from "./VoiceButton";
-var BubbleExtra = (_a) => {
-  var _b = _a, {
-    onReply,
-    bubble,
-    readonly,
-    pure,
-    placement
-  } = _b, props = __objRest(_b, [
-    "onReply",
-    "bubble",
-    "readonly",
-    "pure",
-    "placement"
-  ]);
-  var _a2, _b2, _c, _d, _e, _f, _g, _h;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const context = useContext(BubbleConfigContext);
-  const [feedbackLoading, setFeedbackLoading] = useState(false);
-  const originalData = bubble == null ? void 0 : bubble.originData;
-  const prefixCls = getPrefixCls("chat-item-extra");
-  const alreadyFeedback = ["thumbsDown", "thumbsUp"].includes(
-    (originalData == null ? void 0 : originalData.feedback) || ""
-  );
-  const shouldShowLike = !((_a2 = originalData == null ? void 0 : originalData.extra) == null ? void 0 : _a2.answerStatus) && !readonly && (props.onLike || (originalData == null ? void 0 : originalData.feedback)) && (originalData == null ? void 0 : originalData.feedback) !== "thumbsDown";
-  const shouldShowDisLike = !((_b2 = originalData == null ? void 0 : originalData.extra) == null ? void 0 : _b2.answerStatus) && !readonly && (props.onDisLike || (originalData == null ? void 0 : originalData.feedback)) && (originalData == null ? void 0 : originalData.feedback) !== "thumbsUp";
-  const likeButtonTitle = useMemo(() => {
-    var _a3, _b3, _c2;
-    if (alreadyFeedback && (originalData == null ? void 0 : originalData.feedback) === "thumbsUp") {
-      if (props.onCancelLike) {
-        return ((_a3 = context == null ? void 0 : context.locale) == null ? void 0 : _a3["chat.message.cancel-like"]) || "取消点赞";
-      } else {
-        return ((_b3 = context == null ? void 0 : context.locale) == null ? void 0 : _b3["chat.message.feedback-success"]) || "已经反馈过了哦";
-      }
-    } else {
-      return ((_c2 = context == null ? void 0 : context.locale) == null ? void 0 : _c2["chat.message.like"]) || "喜欢";
-    }
-  }, [
-    alreadyFeedback,
-    originalData == null ? void 0 : originalData.feedback,
-    !!props.onCancelLike,
-    context == null ? void 0 : context.locale
-  ]);
-  const getDislikeButtonTitle = useMemo(() => {
-    var _a3, _b3;
-    if (alreadyFeedback) {
-      return ((_a3 = context == null ? void 0 : context.locale) == null ? void 0 : _a3["chat.message.feedback-success"]) || "已经反馈过了哦";
-    } else {
-      return ((_b3 = context == null ? void 0 : context.locale) == null ? void 0 : _b3["chat.message.dislike"]) || "不喜欢";
-    }
-  }, [alreadyFeedback, context == null ? void 0 : context.locale]);
-  const typing = (originalData == null ? void 0 : originalData.isAborted) !== true && (originalData == null ? void 0 : originalData.isFinished) === false && ((_c = originalData == null ? void 0 : originalData.extra) == null ? void 0 : _c.isHistory) === void 0 && (originalData == null ? void 0 : originalData.isFinished) !== void 0;
-  const like = useMemo(
-    () => shouldShowLike && !typing ? /* @__PURE__ */ React.createElement(
-      ActionIconBox,
-      {
-        "data-testid": "like-button",
-        active: (originalData == null ? void 0 : originalData.feedback) === "thumbsUp",
-        title: likeButtonTitle,
-        onClick: (e) => __async(void 0, null, function* () {
-          var _a3, _b3, _c2, _d2;
-          (_a3 = e == null ? void 0 : e.preventDefault) == null ? void 0 : _a3.call(e);
-          (_b3 = e == null ? void 0 : e.stopPropagation) == null ? void 0 : _b3.call(e);
-          try {
-            if (alreadyFeedback) {
-              if ((originalData == null ? void 0 : originalData.feedback) === "thumbsUp") {
-                yield (_c2 = props.onCancelLike) == null ? void 0 : _c2.call(props, bubble.originData);
-              }
-              return;
+/**
+ * BubbleExtra 组件用于显示聊天项的额外操作按钮，如点赞、踩、复制等。
+ *
+ * @param {BubbleExtraProps} props - 组件的属性。
+ * @param {Function} props.onReply - 回复操作的回调函数。
+ * @param {Object} props.bubble - 聊天项的数据对象。
+ * @param {boolean} props.readonly - 是否为只读模式。
+ * @param {Function} [props.onLike] - 点赞操作的回调函数。
+ * @param {Function} [props.onDisLike] - 踩操作的回调函数。
+ *
+ * @returns {JSX.Element} 返回一个包含操作按钮的 JSX 元素。
+ *
+ * @example
+ * ```tsx
+ * <BubbleExtra
+ *   onReply={handleReply}
+ *   bubble={bubbleData}
+ *   readonly={false}
+ *   onLike={handleLike}
+ *   onDisLike={handleDisLike}
+ * />
+ * ```
+ */ export var BubbleExtra = function(_param) {
+    var onReply = _param.onReply, bubble = _param.bubble, readonly = _param.readonly, pure = _param.pure, placement = _param.placement, props = _object_without_properties(_param, [
+        "onReply",
+        "bubble",
+        "readonly",
+        "pure",
+        "placement"
+    ]);
+    var _originalData_extra, _originalData_extra1, _originalData_extra2, _originalData_extra3, _bubble_originData, _bubble_originData1, _props_rightRender, _context_locale;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var context = useContext(BubbleConfigContext);
+    var _useState = _sliced_to_array(useState(false), 2), feedbackLoading = _useState[0], setFeedbackLoading = _useState[1];
+    // 获取聊天项的原始数据
+    var originalData = bubble === null || bubble === void 0 ? void 0 : bubble.originData;
+    var prefixCls = getPrefixCls('chat-item-extra');
+    // 判断是否已经点过赞或踩
+    var alreadyFeedback = [
+        'thumbsDown',
+        'thumbsUp'
+    ].includes((originalData === null || originalData === void 0 ? void 0 : originalData.feedback) || '');
+    // 判断是否应该显示点赞
+    var shouldShowLike = !(originalData === null || originalData === void 0 ? void 0 : (_originalData_extra = originalData.extra) === null || _originalData_extra === void 0 ? void 0 : _originalData_extra.answerStatus) && !readonly && (props.onLike || (originalData === null || originalData === void 0 ? void 0 : originalData.feedback)) && (originalData === null || originalData === void 0 ? void 0 : originalData.feedback) !== 'thumbsDown';
+    // 判断是否应该显示踩
+    var shouldShowDisLike = !(originalData === null || originalData === void 0 ? void 0 : (_originalData_extra1 = originalData.extra) === null || _originalData_extra1 === void 0 ? void 0 : _originalData_extra1.answerStatus) && !readonly && (props.onDisLike || (originalData === null || originalData === void 0 ? void 0 : originalData.feedback)) && (originalData === null || originalData === void 0 ? void 0 : originalData.feedback) !== 'thumbsUp';
+    // 获取点赞按钮的标题文本
+    var likeButtonTitle = useMemo(function() {
+        if (alreadyFeedback && (originalData === null || originalData === void 0 ? void 0 : originalData.feedback) === 'thumbsUp') {
+            // 已经点赞的情况
+            if (props.onCancelLike) {
+                var _context_locale;
+                return (context === null || context === void 0 ? void 0 : (_context_locale = context.locale) === null || _context_locale === void 0 ? void 0 : _context_locale['chat.message.cancel-like']) || '取消点赞';
+            } else {
+                var _context_locale1;
+                return (context === null || context === void 0 ? void 0 : (_context_locale1 = context.locale) === null || _context_locale1 === void 0 ? void 0 : _context_locale1['chat.message.feedback-success']) || '已经反馈过了哦';
+            }
+        } else {
+            var _context_locale2;
+            // 未点赞的情况
+            return (context === null || context === void 0 ? void 0 : (_context_locale2 = context.locale) === null || _context_locale2 === void 0 ? void 0 : _context_locale2['chat.message.like']) || '喜欢';
+        }
+    }, [
+        alreadyFeedback,
+        originalData === null || originalData === void 0 ? void 0 : originalData.feedback,
+        !!props.onCancelLike,
+        context === null || context === void 0 ? void 0 : context.locale
+    ]);
+    // 获取点踩按钮的标题文本
+    var getDislikeButtonTitle = useMemo(function() {
+        if (alreadyFeedback) {
+            var _context_locale;
+            return (context === null || context === void 0 ? void 0 : (_context_locale = context.locale) === null || _context_locale === void 0 ? void 0 : _context_locale['chat.message.feedback-success']) || '已经反馈过了哦';
+        } else {
+            var _context_locale1;
+            return (context === null || context === void 0 ? void 0 : (_context_locale1 = context.locale) === null || _context_locale1 === void 0 ? void 0 : _context_locale1['chat.message.dislike']) || '不喜欢';
+        }
+    }, [
+        alreadyFeedback,
+        context === null || context === void 0 ? void 0 : context.locale
+    ]);
+    var typing = (originalData === null || originalData === void 0 ? void 0 : originalData.isAborted) !== true && (originalData === null || originalData === void 0 ? void 0 : originalData.isFinished) === false && (originalData === null || originalData === void 0 ? void 0 : (_originalData_extra2 = originalData.extra) === null || _originalData_extra2 === void 0 ? void 0 : _originalData_extra2.isHistory) === undefined && (originalData === null || originalData === void 0 ? void 0 : originalData.isFinished) !== undefined;
+    var like = useMemo(function() {
+        return shouldShowLike && !typing ? /*#__PURE__*/ React.createElement(ActionIconBox, {
+            "data-testid": "like-button",
+            active: (originalData === null || originalData === void 0 ? void 0 : originalData.feedback) === 'thumbsUp',
+            title: likeButtonTitle,
+            onClick: /*#__PURE__*/ function() {
+                var _ref = _async_to_generator(function(e) {
+                    var _e_preventDefault, _e_stopPropagation, _props_onLike, _props_onCancelLike, error;
+                    return _ts_generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                e === null || e === void 0 ? void 0 : (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+                                e === null || e === void 0 ? void 0 : (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+                                _state.label = 1;
+                            case 1:
+                                _state.trys.push([
+                                    1,
+                                    6,
+                                    ,
+                                    7
+                                ]);
+                                if (!alreadyFeedback) return [
+                                    3,
+                                    4
+                                ];
+                                if (!((originalData === null || originalData === void 0 ? void 0 : originalData.feedback) === 'thumbsUp')) return [
+                                    3,
+                                    3
+                                ];
+                                return [
+                                    4,
+                                    (_props_onCancelLike = props.onCancelLike) === null || _props_onCancelLike === void 0 ? void 0 : _props_onCancelLike.call(props, bubble.originData)
+                                ];
+                            case 2:
+                                _state.sent();
+                                _state.label = 3;
+                            case 3:
+                                return [
+                                    2
+                                ];
+                            case 4:
+                                return [
+                                    4,
+                                    (_props_onLike = props.onLike) === null || _props_onLike === void 0 ? void 0 : _props_onLike.call(props)
+                                ];
+                            case 5:
+                                _state.sent();
+                                return [
+                                    3,
+                                    7
+                                ];
+                            case 6:
+                                error = _state.sent();
+                                return [
+                                    3,
+                                    7
+                                ];
+                            case 7:
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                });
+                return function(e) {
+                    return _ref.apply(this, arguments);
+                };
+            }()
+        }, (originalData === null || originalData === void 0 ? void 0 : originalData.feedback) === 'thumbsUp' ? /*#__PURE__*/ React.createElement(LikeFilled, null) : /*#__PURE__*/ React.createElement(LikeOutlined, null)) : null;
+    }, [
+        shouldShowLike,
+        alreadyFeedback,
+        originalData === null || originalData === void 0 ? void 0 : originalData.isFinished,
+        typing,
+        feedbackLoading,
+        props.onCancelLike
+    ]);
+    var disLike = useMemo(function() {
+        return shouldShowDisLike && !typing ? /*#__PURE__*/ React.createElement(ActionIconBox, {
+            "data-testid": "dislike-button",
+            loading: feedbackLoading,
+            onLoadingChange: setFeedbackLoading,
+            title: getDislikeButtonTitle,
+            onClick: /*#__PURE__*/ _async_to_generator(function() {
+                var _props_onDisLike, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _state.trys.push([
+                                0,
+                                2,
+                                ,
+                                3
+                            ]);
+                            if (alreadyFeedback) {
+                                // message.error('您已经点过赞或踩了');
+                                return [
+                                    2
+                                ];
+                            }
+                            return [
+                                4,
+                                (_props_onDisLike = props.onDisLike) === null || _props_onDisLike === void 0 ? void 0 : _props_onDisLike.call(props)
+                            ];
+                        case 1:
+                            _state.sent();
+                            return [
+                                3,
+                                3
+                            ];
+                        case 2:
+                            error = _state.sent();
+                            return [
+                                3,
+                                3
+                            ];
+                        case 3:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })
+        }, (originalData === null || originalData === void 0 ? void 0 : originalData.feedback) === 'thumbsDown' ? /*#__PURE__*/ React.createElement(DislikeFilled, null) : /*#__PURE__*/ React.createElement(DislikeOutlined, null)) : null;
+    }, [
+        shouldShowDisLike,
+        feedbackLoading,
+        alreadyFeedback,
+        originalData === null || originalData === void 0 ? void 0 : originalData.isFinished,
+        typing
+    ]);
+    /**
+   * 判断是否应该显示复制选项。
+   *
+   * 复制选项显示需要满足以下条件：
+   * 1. 基础条件（必须全部满足）：
+   *    - `navigator.clipboard` API 可用。
+   *    - 聊天项的原始数据包含内容
+   *    - 聊天项的原始数据在额外字段中没有回答状态
+   *    - 聊天项的内容不等于本地化的 'chat.message.aborted' 消息或其默认值 '回答已停止生成'
+   * 2. 第4个条件：shouldShowCopy 控制
+   *    - 如果用户传递了 shouldShowCopy 函数，则调用函数判断
+   *    - 如果用户传递了 shouldShowCopy 布尔值，则直接使用该值
+   *    - 如果用户未传递 shouldShowCopy（undefined），则默认为 true
+   *
+   * @constant
+   * @type {boolean}
+   */ var shouldShowCopy = useMemo(function() {
+        var _originalData_extra, _context_locale;
+        var defaultConditions = (originalData === null || originalData === void 0 ? void 0 : originalData.content) && !(originalData === null || originalData === void 0 ? void 0 : (_originalData_extra = originalData.extra) === null || _originalData_extra === void 0 ? void 0 : _originalData_extra.answerStatus) && (originalData === null || originalData === void 0 ? void 0 : originalData.content) !== ((context === null || context === void 0 ? void 0 : (_context_locale = context.locale) === null || _context_locale === void 0 ? void 0 : _context_locale['chat.message.aborted']) || '回答已停止生成');
+        if (!defaultConditions) {
+            return false;
+        }
+        if (typeof props.shouldShowCopy === 'function') {
+            return props.shouldShowCopy(bubble);
+        } else if (typeof props.shouldShowCopy === 'boolean') {
+            return props.shouldShowCopy;
+        }
+        return true;
+    }, [
+        props.shouldShowCopy,
+        bubble,
+        originalData === null || originalData === void 0 ? void 0 : originalData.content,
+        originalData === null || originalData === void 0 ? void 0 : (_originalData_extra3 = originalData.extra) === null || _originalData_extra3 === void 0 ? void 0 : _originalData_extra3.answerStatus,
+        context === null || context === void 0 ? void 0 : context.locale
+    ]);
+    var copyDom = useMemo(function() {
+        var _context_locale;
+        return shouldShowCopy ? /*#__PURE__*/ React.createElement(CopyButton, {
+            "data-testid": "chat-item-copy-button",
+            title: (context === null || context === void 0 ? void 0 : (_context_locale = context.locale) === null || _context_locale === void 0 ? void 0 : _context_locale['chat.message.copy']) || '复制',
+            onClick: function() {
+                try {
+                    var _bubble_originData;
+                    copy(((_bubble_originData = bubble.originData) === null || _bubble_originData === void 0 ? void 0 : _bubble_originData.content) || '');
+                } catch (error) {
+                    // 复制失败时静默处理
+                    console.error('复制失败:', error);
+                }
+            },
+            showTitle: false
+        }, /*#__PURE__*/ React.createElement(Copy, null)) : null;
+    }, [
+        shouldShowCopy,
+        context === null || context === void 0 ? void 0 : context.locale,
+        (_bubble_originData = bubble.originData) === null || _bubble_originData === void 0 ? void 0 : _bubble_originData.content
+    ]);
+    var voiceDom = useMemo(function() {
+        var _originalData_extra, _context_locale, _bubble_originData;
+        /**
+     * 判断是否应该显示语音选项。
+     *
+     * 语音选项显示需要满足以下条件：
+     * 基础条件（必须全部满足）：
+     *    - 聊天项的原始数据包含内容
+     *    - 聊天项的原始数据在额外字段中没有回答状态
+     *    - 聊天项的内容不等于本地化的 'chat.message.aborted' 消息或其默认值 '回答已停止生成'
+     * */ var defaultShow = !!(originalData === null || originalData === void 0 ? void 0 : originalData.content) && !(originalData === null || originalData === void 0 ? void 0 : (_originalData_extra = originalData.extra) === null || _originalData_extra === void 0 ? void 0 : _originalData_extra.answerStatus) && !typing && (originalData === null || originalData === void 0 ? void 0 : originalData.content) !== ((context === null || context === void 0 ? void 0 : (_context_locale = context.locale) === null || _context_locale === void 0 ? void 0 : _context_locale['chat.message.aborted']) || '回答已停止生成');
+        if (!props.shouldShowVoice || !defaultShow) return null;
+        return /*#__PURE__*/ React.createElement(VoiceButton, {
+            text: ((_bubble_originData = bubble.originData) === null || _bubble_originData === void 0 ? void 0 : _bubble_originData.content) || '',
+            defaultRate: 1,
+            rateOptions: [
+                1.5,
+                1.25,
+                1,
+                0.75
+            ],
+            useSpeech: props.useSpeech
+        });
+    }, [
+        props.shouldShowVoice,
+        props.useSpeech,
+        (_bubble_originData1 = bubble.originData) === null || _bubble_originData1 === void 0 ? void 0 : _bubble_originData1.content
+    ]);
+    var dom = useMemo(function() {
+        return voiceDom || copyDom || like || disLike ? /*#__PURE__*/ React.createElement(motion.div, {
+            style: {
+                display: 'flex',
+                gap: 8,
+                alignItems: 'center'
+            },
+            variants: {
+                visible: {
+                    opacity: 1,
+                    transition: {
+                        when: 'beforeChildren',
+                        staggerChildren: 0.1,
+                        delayChildren: 0.5
+                    }
+                },
+                hidden: {
+                    opacity: 0,
+                    transition: {
+                        when: 'afterChildren'
+                    }
+                }
+            },
+            whileInView: "visible",
+            initial: "hidden",
+            animate: "visible",
+            className: classNames("".concat(prefixCls, "-action-box"))
+        }, voiceDom ? voiceDom : null, copyDom ? copyDom : null, (voiceDom || copyDom) && (like || disLike) && /*#__PURE__*/ React.createElement(Divider, {
+            type: "vertical",
+            style: {
+                margin: '0px 2px'
             }
-            yield (_d2 = props.onLike) == null ? void 0 : _d2.call(props);
-          } catch (error) {
-          }
-        })
-      },
-      (originalData == null ? void 0 : originalData.feedback) === "thumbsUp" ? /* @__PURE__ */ React.createElement(LikeFilled, null) : /* @__PURE__ */ React.createElement(LikeOutlined, null)
-    ) : null,
-    [
-      shouldShowLike,
-      alreadyFeedback,
-      originalData == null ? void 0 : originalData.isFinished,
-      typing,
-      feedbackLoading,
-      props.onCancelLike
-    ]
-  );
-  const disLike = useMemo(
-    () => shouldShowDisLike && !typing ? /* @__PURE__ */ React.createElement(
-      ActionIconBox,
-      {
-        "data-testid": "dislike-button",
-        loading: feedbackLoading,
-        onLoadingChange: setFeedbackLoading,
-        title: getDislikeButtonTitle,
-        onClick: () => __async(void 0, null, function* () {
-          var _a3;
-          try {
-            if (alreadyFeedback) {
-              return;
+        }), like ? like : null, disLike ? disLike : null) : null;
+    }, [
+        voiceDom,
+        copyDom,
+        like,
+        disLike,
+        prefixCls
+    ]);
+    var reSend = useMemo(function() {
+        var _originalData_extra_preMessage, _originalData_extra, _context_locale, _context_locale1;
+        if ((originalData === null || originalData === void 0 ? void 0 : originalData.isAborted) && !originalData.isFinished) {
+            var _context_locale2;
+            return /*#__PURE__*/ React.createElement("span", null, (context === null || context === void 0 ? void 0 : (_context_locale2 = context.locale) === null || _context_locale2 === void 0 ? void 0 : _context_locale2['chat.message.aborted']) || '回答已停止生成');
+        }
+        if (!(originalData === null || originalData === void 0 ? void 0 : (_originalData_extra = originalData.extra) === null || _originalData_extra === void 0 ? void 0 : (_originalData_extra_preMessage = _originalData_extra.preMessage) === null || _originalData_extra_preMessage === void 0 ? void 0 : _originalData_extra_preMessage.content)) return null;
+        if (typing) return null;
+        return /*#__PURE__*/ React.createElement(ActionIconBox, {
+            "data-testid": "reply-button",
+            borderLess: true,
+            onClick: /*#__PURE__*/ _async_to_generator(function() {
+                var _bubble_originData_extra_preMessage, _bubble_originData_extra, _bubble_originData, _context_locale;
+                return _ts_generator(this, function(_state) {
+                    onReply === null || onReply === void 0 ? void 0 : onReply(((_bubble_originData = bubble.originData) === null || _bubble_originData === void 0 ? void 0 : (_bubble_originData_extra = _bubble_originData.extra) === null || _bubble_originData_extra === void 0 ? void 0 : (_bubble_originData_extra_preMessage = _bubble_originData_extra.preMessage) === null || _bubble_originData_extra_preMessage === void 0 ? void 0 : _bubble_originData_extra_preMessage.content) || (context === null || context === void 0 ? void 0 : (_context_locale = context.locale) === null || _context_locale === void 0 ? void 0 : _context_locale['chat.message.retrySend']) || '重新生成');
+                    return [
+                        2
+                    ];
+                });
+            }),
+            title: (context === null || context === void 0 ? void 0 : (_context_locale = context.locale) === null || _context_locale === void 0 ? void 0 : _context_locale['chat.message.retrySend']) || '重新生成'
+        }, /*#__PURE__*/ React.createElement("div", {
+            style: {
+                gap: 4,
+                display: 'flex',
+                cursor: 'pointer',
+                alignItems: 'center'
             }
-            yield (_a3 = props.onDisLike) == null ? void 0 : _a3.call(props);
-          } catch (error) {
-          }
-        })
-      },
-      (originalData == null ? void 0 : originalData.feedback) === "thumbsDown" ? /* @__PURE__ */ React.createElement(DislikeFilled, null) : /* @__PURE__ */ React.createElement(DislikeOutlined, null)
-    ) : null,
-    [
-      shouldShowDisLike,
-      feedbackLoading,
-      alreadyFeedback,
-      originalData == null ? void 0 : originalData.isFinished,
-      typing
-    ]
-  );
-  const shouldShowCopy = useMemo(() => {
-    var _a3, _b3;
-    const defaultConditions = (originalData == null ? void 0 : originalData.content) && !((_a3 = originalData == null ? void 0 : originalData.extra) == null ? void 0 : _a3.answerStatus) && (originalData == null ? void 0 : originalData.content) !== (((_b3 = context == null ? void 0 : context.locale) == null ? void 0 : _b3["chat.message.aborted"]) || "回答已停止生成");
-    if (!defaultConditions) {
-      return false;
+        }, /*#__PURE__*/ React.createElement(RotateCwSquare, null), /*#__PURE__*/ React.createElement("span", null, (context === null || context === void 0 ? void 0 : (_context_locale1 = context.locale) === null || _context_locale1 === void 0 ? void 0 : _context_locale1['chat.message.retrySend']) || '重新生成')));
+    }, [
+        originalData === null || originalData === void 0 ? void 0 : originalData.isAborted,
+        typing,
+        originalData === null || originalData === void 0 ? void 0 : originalData.isFinished
+    ]);
+    useEffect(function() {
+        var _props_onRenderExtraNull;
+        (_props_onRenderExtraNull = props.onRenderExtraNull) === null || _props_onRenderExtraNull === void 0 ? void 0 : _props_onRenderExtraNull.call(props, !dom && !reSend);
+    }, [
+        dom
+    ]);
+    // 检查是否有任何内容需要渲染
+    var hasLeftContent = typing && originalData.content !== '...' || reSend;
+    var rightDom = props.rightRender === false ? null : props.rightRender ? (_props_rightRender = props.rightRender) === null || _props_rightRender === void 0 ? void 0 : _props_rightRender.call(props, _object_spread_props(_object_spread({}, props), {
+        bubble: bubble,
+        onReply: onReply,
+        onRenderExtraNull: props.onRenderExtraNull
+    }), {
+        like: like,
+        disLike: disLike,
+        copy: copyDom,
+        reply: reSend
+    }) : dom;
+    var hasRightContent = (originalData === null || originalData === void 0 ? void 0 : originalData.isAborted) ? copyDom : props.rightRender === false ? false : !!rightDom;
+    // 如果没有任何内容，直接返回 null
+    if (!hasLeftContent && !hasRightContent) return null;
+    if (!copyDom && (originalData === null || originalData === void 0 ? void 0 : originalData.isAborted) && !reSend) {
+        return null;
     }
-    if (typeof props.shouldShowCopy === "function") {
-      return props.shouldShowCopy(bubble);
-    } else if (typeof props.shouldShowCopy === "boolean") {
-      return props.shouldShowCopy;
+    if (pure) {
+        return [
+            reSend,
+            like,
+            disLike,
+            copyDom,
+            voiceDom
+        ];
     }
-    return true;
-  }, [
-    props.shouldShowCopy,
-    bubble,
-    originalData == null ? void 0 : originalData.content,
-    (_d = originalData == null ? void 0 : originalData.extra) == null ? void 0 : _d.answerStatus,
-    context == null ? void 0 : context.locale
-  ]);
-  const copyDom = useMemo(
-    () => {
-      var _a3;
-      return shouldShowCopy ? /* @__PURE__ */ React.createElement(
-        CopyButton,
-        {
-          "data-testid": "chat-item-copy-button",
-          title: ((_a3 = context == null ? void 0 : context.locale) == null ? void 0 : _a3["chat.message.copy"]) || "复制",
-          onClick: () => {
-            var _a4;
-            try {
-              copy(((_a4 = bubble.originData) == null ? void 0 : _a4.content) || "");
-            } catch (error) {
-              console.error("复制失败:", error);
-            }
-          },
-          showTitle: false
-        },
-        /* @__PURE__ */ React.createElement(Copy, null)
-      ) : null;
-    },
-    [shouldShowCopy, context == null ? void 0 : context.locale, (_e = bubble.originData) == null ? void 0 : _e.content]
-  );
-  const voiceDom = useMemo(() => {
-    var _a3, _b3, _c2;
-    const defaultShow = !!(originalData == null ? void 0 : originalData.content) && !((_a3 = originalData == null ? void 0 : originalData.extra) == null ? void 0 : _a3.answerStatus) && !typing && (originalData == null ? void 0 : originalData.content) !== (((_b3 = context == null ? void 0 : context.locale) == null ? void 0 : _b3["chat.message.aborted"]) || "回答已停止生成");
-    if (!props.shouldShowVoice || !defaultShow)
-      return null;
-    return /* @__PURE__ */ React.createElement(
-      VoiceButton,
-      {
-        text: ((_c2 = bubble.originData) == null ? void 0 : _c2.content) || "",
-        defaultRate: 1,
-        rateOptions: [1.5, 1.25, 1, 0.75],
-        useSpeech: props.useSpeech
-      }
-    );
-  }, [props.shouldShowVoice, props.useSpeech, (_f = bubble.originData) == null ? void 0 : _f.content]);
-  const dom = useMemo(
-    () => voiceDom || copyDom || like || disLike ? /* @__PURE__ */ React.createElement(
-      motion.div,
-      {
+    return /*#__PURE__*/ React.createElement("div", {
+        className: prefixCls,
+        style: _object_spread({
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            width: '100%',
+            paddingLeft: placement === 'right' ? 0 : 'var(--padding-5x)',
+            paddingRight: placement === 'right' ? 0 : 'var(--padding-5x)',
+            paddingBottom: placement === 'right' ? 0 : 'var(--padding-2x)',
+            color: 'var(--color-gray-text-secondary)',
+            fontSize: (context === null || context === void 0 ? void 0 : context.compact) ? '11px' : '13px',
+            gap: 4
+        }, props.style)
+    }, typing && originalData.content !== '...' ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(Loading, {
         style: {
-          display: "flex",
-          gap: 8,
-          alignItems: "center"
-        },
-        variants: {
-          visible: {
-            opacity: 1,
-            transition: {
-              when: "beforeChildren",
-              staggerChildren: 0.1,
-              delayChildren: 0.5
-            }
-          },
-          hidden: {
-            opacity: 0,
-            transition: {
-              when: "afterChildren"
-            }
-          }
-        },
-        whileInView: "visible",
-        initial: "hidden",
-        animate: "visible",
-        className: classNames(`${prefixCls}-action-box`)
-      },
-      voiceDom ? voiceDom : null,
-      copyDom ? copyDom : null,
-      (voiceDom || copyDom) && (like || disLike) && /* @__PURE__ */ React.createElement(
-        Divider,
-        {
-          type: "vertical",
-          style: {
-            margin: "0px 2px"
-          }
+            fontSize: (context === null || context === void 0 ? void 0 : context.compact) ? 20 : 16
         }
-      ),
-      like ? like : null,
-      disLike ? disLike : null
-    ) : null,
-    [voiceDom, copyDom, like, disLike, prefixCls]
-  );
-  const reSend = useMemo(() => {
-    var _a3, _b3, _c2, _d2, _e2;
-    if ((originalData == null ? void 0 : originalData.isAborted) && !originalData.isFinished) {
-      return /* @__PURE__ */ React.createElement("span", null, ((_a3 = context == null ? void 0 : context.locale) == null ? void 0 : _a3["chat.message.aborted"]) || "回答已停止生成");
-    }
-    if (!((_c2 = (_b3 = originalData == null ? void 0 : originalData.extra) == null ? void 0 : _b3.preMessage) == null ? void 0 : _c2.content))
-      return null;
-    if (typing)
-      return null;
-    return /* @__PURE__ */ React.createElement(
-      ActionIconBox,
-      {
-        "data-testid": "reply-button",
-        borderLess: true,
-        onClick: () => __async(void 0, null, function* () {
-          var _a4, _b4, _c3, _d3;
-          onReply == null ? void 0 : onReply(
-            ((_c3 = (_b4 = (_a4 = bubble.originData) == null ? void 0 : _a4.extra) == null ? void 0 : _b4.preMessage) == null ? void 0 : _c3.content) || ((_d3 = context == null ? void 0 : context.locale) == null ? void 0 : _d3["chat.message.retrySend"]) || "重新生成"
-          );
-        }),
-        title: ((_d2 = context == null ? void 0 : context.locale) == null ? void 0 : _d2["chat.message.retrySend"]) || "重新生成"
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            gap: 4,
-            display: "flex",
-            cursor: "pointer",
-            alignItems: "center"
-          }
-        },
-        /* @__PURE__ */ React.createElement(RotateCwSquare, null),
-        /* @__PURE__ */ React.createElement("span", null, ((_e2 = context == null ? void 0 : context.locale) == null ? void 0 : _e2["chat.message.retrySend"]) || "重新生成")
-      )
-    );
-  }, [originalData == null ? void 0 : originalData.isAborted, typing, originalData == null ? void 0 : originalData.isFinished]);
-  useEffect(() => {
-    var _a3;
-    (_a3 = props.onRenderExtraNull) == null ? void 0 : _a3.call(props, !dom && !reSend);
-  }, [dom]);
-  const hasLeftContent = typing && originalData.content !== "..." || reSend;
-  const rightDom = props.rightRender === false ? null : props.rightRender ? (_g = props.rightRender) == null ? void 0 : _g.call(
-    props,
-    __spreadProps(__spreadValues({}, props), {
-      bubble,
-      onReply,
-      onRenderExtraNull: props.onRenderExtraNull
-    }),
-    {
-      like,
-      disLike,
-      copy: copyDom,
-      reply: reSend
-    }
-  ) : dom;
-  const hasRightContent = (originalData == null ? void 0 : originalData.isAborted) ? copyDom : props.rightRender === false ? false : !!rightDom;
-  if (!hasLeftContent && !hasRightContent)
-    return null;
-  if (!copyDom && (originalData == null ? void 0 : originalData.isAborted) && !reSend) {
-    return null;
-  }
-  if (pure) {
-    return [reSend, like, disLike, copyDom, voiceDom];
-  }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: prefixCls,
-      style: __spreadValues({
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        width: "100%",
-        paddingLeft: placement === "right" ? 0 : "var(--padding-5x)",
-        paddingRight: placement === "right" ? 0 : "var(--padding-5x)",
-        paddingBottom: placement === "right" ? 0 : "var(--padding-2x)",
-        color: "var(--color-gray-text-secondary)",
-        fontSize: (context == null ? void 0 : context.compact) ? "11px" : "13px",
-        gap: 4
-      }, props.style)
-    },
-    typing && originalData.content !== "..." ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Loading, { style: { fontSize: (context == null ? void 0 : context.compact) ? 20 : 16 } }), /* @__PURE__ */ React.createElement("span", null, ((_h = context == null ? void 0 : context.locale) == null ? void 0 : _h["chat.message.generating"]) || "")) : null,
-    reSend || null,
-    (originalData == null ? void 0 : originalData.isAborted) ? copyDom : rightDom
-  );
-};
-export {
-  BubbleExtra
+    }), /*#__PURE__*/ React.createElement("span", null, (context === null || context === void 0 ? void 0 : (_context_locale = context.locale) === null || _context_locale === void 0 ? void 0 : _context_locale['chat.message.generating']) || '')) : null, reSend || null, (originalData === null || originalData === void 0 ? void 0 : originalData.isAborted) ? copyDom : rightDom);
 };