@ant-design/agentic-ui 2.8.0 → 2.10.0

package/dist/Bubble/PureBubble.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/PureBubble.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 { memo, useContext } from "react";
 import { ConfigProvider, Flex } from "antd";
 import cx from "classnames";
@@ -63,288 +259,205 @@ import { MessagesContext } from "./MessagesContent/BubbleContext";
 import { BubbleExtra } from "./MessagesContent/BubbleExtra";
 import { useStyle } from "./style";
 import { BubbleTitle } from "./Title";
-var PureBubble = memo((props) => {
-  var _a, _c, _d, _e, _f;
-  const {
-    onAvatarClick,
-    className,
-    style,
-    bubbleRenderConfig,
-    classNames,
-    styles,
-    originData
-  } = props;
-  const [hidePadding, setHidePadding] = React.useState(false);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const context = useContext(BubbleConfigContext);
-  const { compact, standalone, locale } = context || {};
-  const prefixClass = getPrefixCls("agentic");
-  const { wrapSSR, hashId } = useStyle(prefixClass);
-  const placement = (_a = props.placement) != null ? _a : "left";
-  const isRightPlacement = placement === "right";
-  const time = (originData == null ? void 0 : originData.createAt) || props.time;
-  const avatar = (originData == null ? void 0 : originData.meta) || props.avatar;
-  const defaultMarkdown = typeof (originData == null ? void 0 : originData.content) === "string" ? originData.content : "";
-  const _b = props.markdownRenderConfig || {}, {
-    initValue: configInitValue,
-    readonly: configReadonly
-  } = _b, markdownConfig = __objRest(_b, [
-    "initValue",
-    "readonly"
-  ]);
-  const editorInitValue = configInitValue != null ? configInitValue : defaultMarkdown;
-  const editorReadonly = (_d = (_c = props.readonly) != null ? _c : configReadonly) != null ? _d : false;
-  const titleDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
-    props,
-    /* @__PURE__ */ React.createElement(
-      BubbleTitle,
-      {
-        bubbleNameClassName: classNames == null ? void 0 : classNames.bubbleNameClassName,
-        className: classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
-        style: styles == null ? void 0 : styles.bubbleListItemTitleStyle,
-        prefixClass: cx(`${prefixClass}-bubble-title`),
-        title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
-        placement,
-        time
-      }
-    )
-  );
-  const avatarDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.avatarRender,
-    props,
-    /* @__PURE__ */ React.createElement(
-      BubbleAvatar,
-      {
-        className: classNames == null ? void 0 : classNames.bubbleListItemAvatarClassName,
-        avatar: avatar == null ? void 0 : avatar.avatar,
-        background: avatar == null ? void 0 : avatar.backgroundColor,
-        title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
+export var PureBubble = /*#__PURE__*/ memo(function(props) {
+    var _props_bubbleRenderConfig, _bubbleRenderConfig_render;
+    var onAvatarClick = props.onAvatarClick, className = props.className, style = props.style, bubbleRenderConfig = props.bubbleRenderConfig, classNames = props.classNames, styles = props.styles, originData = props.originData;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var context = useContext(BubbleConfigContext);
+    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone, locale = _ref.locale;
+    var prefixClass = getPrefixCls('agentic');
+    var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var _props_placement;
+    var placement = (_props_placement = props.placement) !== null && _props_placement !== void 0 ? _props_placement : 'left';
+    var isRightPlacement = placement === 'right';
+    var time = (originData === null || originData === void 0 ? void 0 : originData.createAt) || props.time;
+    var avatar = (originData === null || originData === void 0 ? void 0 : originData.meta) || props.avatar;
+    var defaultMarkdown = typeof (originData === null || originData === void 0 ? void 0 : originData.content) === 'string' ? originData.content : '';
+    var _ref1 = props.markdownRenderConfig || {}, configInitValue = _ref1.initValue, configReadonly = _ref1.readonly, markdownConfig = _object_without_properties(_ref1, [
+        "initValue",
+        "readonly"
+    ]);
+    var editorInitValue = configInitValue !== null && configInitValue !== void 0 ? configInitValue : defaultMarkdown;
+    var _props_readonly, _ref2;
+    var editorReadonly = (_ref2 = (_props_readonly = props.readonly) !== null && _props_readonly !== void 0 ? _props_readonly : configReadonly) !== null && _ref2 !== void 0 ? _ref2 : false;
+    var titleDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.titleRender, props, /*#__PURE__*/ React.createElement(BubbleTitle, {
+        bubbleNameClassName: classNames === null || classNames === void 0 ? void 0 : classNames.bubbleNameClassName,
+        className: classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemTitleClassName,
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemTitleStyle,
+        prefixClass: cx("".concat(prefixClass, "-bubble-title")),
+        title: (avatar === null || avatar === void 0 ? void 0 : avatar.title) || (avatar === null || avatar === void 0 ? void 0 : avatar.name),
+        placement: placement,
+        time: time
+    }));
+    var avatarDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.avatarRender, props, /*#__PURE__*/ React.createElement(BubbleAvatar, {
+        className: classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemAvatarClassName,
+        avatar: avatar === null || avatar === void 0 ? void 0 : avatar.avatar,
+        background: avatar === null || avatar === void 0 ? void 0 : avatar.backgroundColor,
+        title: (avatar === null || avatar === void 0 ? void 0 : avatar.title) || (avatar === null || avatar === void 0 ? void 0 : avatar.name),
         onClick: onAvatarClick,
-        prefixCls: `${prefixClass}-bubble-avatar`,
-        style: styles == null ? void 0 : styles.bubbleListItemAvatarStyle
-      }
-    )
-  );
-  const markdownEditorDom = /* @__PURE__ */ React.createElement(
-    BaseMarkdownEditor,
-    __spreadProps(__spreadValues({}, markdownConfig), {
-      initValue: editorInitValue,
-      readonly: editorReadonly
-    })
-  );
-  const contentBeforeDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
-    props,
-    null
-  );
-  const contentAfterDom = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentAfterRender,
-    props,
-    null
-  );
-  const messageContent = runRender(
-    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender,
-    props,
-    markdownEditorDom
-  );
-  const extraDom = (bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
-    BubbleExtra,
-    {
-      pure: true,
-      style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
-      readonly: props.readonly,
-      rightRender: (_e = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _e.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 _a2, _b2, _c2, _d2;
-        try {
-          yield (_a2 = props.onDisLike) == null ? void 0 : _a2.call(props, props.originData);
-          (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(_c2, props.id, {
-            feedback: "thumbsDown"
-          });
-        } catch (error) {
-        }
-      }) : void 0,
-      bubble: props,
-      onLike: props.onLike ? () => __async(void 0, null, function* () {
-        var _a2, _b2, _c2, _d2;
-        try {
-          yield (_a2 = props.onLike) == null ? void 0 : _a2.call(props, props.originData);
-          (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(_c2, props.id, {
-            feedback: "thumbsUp"
-          });
-        } catch (error) {
-        }
-      }) : void 0
-    }
-  );
-  const itemDom = wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      BubbleConfigContext.Provider,
-      {
+        prefixCls: "".concat(prefixClass, "-bubble-avatar"),
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemAvatarStyle
+    }));
+    var markdownEditorDom = /*#__PURE__*/ React.createElement(BaseMarkdownEditor, _object_spread_props(_object_spread({}, markdownConfig), {
+        initValue: editorInitValue,
+        readonly: editorReadonly
+    }));
+    var contentBeforeDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentBeforeRender, props, null);
+    var contentAfterDom = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentAfterRender, props, null);
+    var messageContent = runRender(bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.contentRender, props, markdownEditorDom);
+    var extraDom = (bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.extraRender) === false ? null : /*#__PURE__*/ React.createElement(BubbleExtra, {
+        pure: true,
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
+        readonly: props.readonly,
+        rightRender: props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig === void 0 ? void 0 : _props_bubbleRenderConfig.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, _props_bubbleRef_current_setMessageItem, _props_bubbleRef_current, _props_bubbleRef, 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();
+                        (_props_bubbleRef = props.bubbleRef) === null || _props_bubbleRef === void 0 ? void 0 : (_props_bubbleRef_current = _props_bubbleRef.current) === null || _props_bubbleRef_current === void 0 ? void 0 : (_props_bubbleRef_current_setMessageItem = _props_bubbleRef_current.setMessageItem) === null || _props_bubbleRef_current_setMessageItem === void 0 ? void 0 : _props_bubbleRef_current_setMessageItem.call(_props_bubbleRef_current, props.id, {
+                            feedback: 'thumbsDown'
+                        });
+                        return [
+                            3,
+                            3
+                        ];
+                    case 2:
+                        error = _state.sent();
+                        return [
+                            3,
+                            3
+                        ];
+                    case 3:
+                        return [
+                            2
+                        ];
+                }
+            });
+        }) : undefined,
+        bubble: props,
+        onLike: props.onLike ? /*#__PURE__*/ _async_to_generator(function() {
+            var _props_onLike, _props_bubbleRef_current_setMessageItem, _props_bubbleRef_current, _props_bubbleRef, 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();
+                        (_props_bubbleRef = props.bubbleRef) === null || _props_bubbleRef === void 0 ? void 0 : (_props_bubbleRef_current = _props_bubbleRef.current) === null || _props_bubbleRef_current === void 0 ? void 0 : (_props_bubbleRef_current_setMessageItem = _props_bubbleRef_current.setMessageItem) === null || _props_bubbleRef_current_setMessageItem === void 0 ? void 0 : _props_bubbleRef_current_setMessageItem.call(_props_bubbleRef_current, props.id, {
+                            feedback: 'thumbsUp'
+                        });
+                        return [
+                            3,
+                            3
+                        ];
+                    case 2:
+                        error = _state.sent();
+                        return [
+                            3,
+                            3
+                        ];
+                    case 3:
+                        return [
+                            2
+                        ];
+                }
+            });
+        }) : undefined
+    });
+    var itemDom = wrapSSR(/*#__PURE__*/ React.createElement(BubbleConfigContext.Provider, {
         value: {
-          compact,
-          standalone: !!standalone,
-          locale,
-          bubble: props
+            compact: compact,
+            standalone: !!standalone,
+            locale: locale,
+            bubble: props
         }
-      },
-      /* @__PURE__ */ React.createElement(
-        Flex,
-        {
-          className: cx(
-            hashId,
-            className,
-            `${prefixClass}-bubble`,
-            `${prefixClass}-bubble-${placement}`,
-            `${prefixClass}-bubble-pure`,
-            {
-              [`${prefixClass}-bubble-compact`]: compact
-            },
-            classNames == null ? void 0 : classNames.bubbleClassName
-          ),
-          style,
-          vertical: true,
-          id: props.id,
-          "data-id": props.id,
-          gap: 12
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style,
-            className: cx(
-              `${prefixClass}-bubble-container`,
-              `${prefixClass}-bubble-container-${placement}`,
-              {
-                [`${prefixClass}-bubble-container-pure`]: props.pure
-              },
-              hashId
-            )
-          },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: cx(
-                `${prefixClass}-bubble-avatar-title`,
-                `${prefixClass}-bubble-avatar-title-${placement}`,
-                `${prefixClass}-bubble-avatar-title-pure`,
-                classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
-                hashId,
-                {
-                  [`${prefixClass}-bubble-avatar-title-compact`]: compact
-                }
-              )
-            },
-            isRightPlacement ? titleDom : avatarDom,
-            isRightPlacement ? avatarDom : titleDom
-          ),
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: __spreadValues({
-                display: "flex",
-                gap: 4,
-                flexDirection: "column",
-                alignItems: isRightPlacement ? "flex-end" : "flex-start"
-              }, styles == null ? void 0 : styles.bubbleListItemContentStyle),
-              className: cx(
-                `${prefixClass}-bubble-content-wrapper`,
-                hashId,
-                classNames == null ? void 0 : classNames.bubbleContainerClassName
-              ),
-              "data-testid": "chat-message"
-            },
-            contentBeforeDom ? /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
-                className: cx(
-                  `${prefixClass}-bubble-before`,
-                  `${prefixClass}-bubble-before-${placement}`,
-                  hashId
-                ),
-                "data-testid": "message-before"
-              },
-              contentBeforeDom
-            ) : null,
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: cx(
-                  `${prefixClass}-bubble-content`,
-                  `${prefixClass}-bubble-content-${placement}`,
-                  `${prefixClass}-bubble-content-pure`,
-                  classNames == null ? void 0 : classNames.bubbleListItemContentClassName,
-                  hashId
-                ),
-                onDoubleClick: props.onDoubleClick,
-                "data-testid": "message-content"
-              },
-              messageContent
-            ),
-            contentAfterDom
-          )
-        )
-      )
-    )
-  );
-  if ((bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) === false)
-    return null;
-  return /* @__PURE__ */ React.createElement(
-    MessagesContext.Provider,
-    {
-      value: {
-        message: props.originData,
-        hidePadding,
-        setHidePadding,
-        setMessage: (message) => {
-          var _a2, _b2, _c2;
-          (_c2 = (_b2 = (_a2 = props == null ? void 0 : props.bubbleRef) == null ? void 0 : _a2.current) == null ? void 0 : _b2.setMessageItem) == null ? void 0 : _c2.call(
-            _b2,
-            props.id,
-            message
-          );
+    }, /*#__PURE__*/ React.createElement(Flex, {
+        className: cx(hashId, className, "".concat(prefixClass, "-bubble"), "".concat(prefixClass, "-bubble-").concat(placement), "".concat(prefixClass, "-bubble-pure"), _define_property({}, "".concat(prefixClass, "-bubble-compact"), compact), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleClassName),
+        style: style,
+        vertical: true,
+        id: props.id,
+        "data-id": props.id,
+        gap: 12
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: style,
+        className: cx("".concat(prefixClass, "-bubble-container"), "".concat(prefixClass, "-bubble-container-").concat(placement), _define_property({}, "".concat(prefixClass, "-bubble-container-pure"), props.pure), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: cx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-pure"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId, _define_property({}, "".concat(prefixClass, "-bubble-avatar-title-compact"), compact))
+    }, isRightPlacement ? titleDom : avatarDom, isRightPlacement ? avatarDom : titleDom), /*#__PURE__*/ React.createElement("div", {
+        style: _object_spread({
+            display: 'flex',
+            gap: 4,
+            flexDirection: 'column',
+            alignItems: isRightPlacement ? 'flex-end' : 'flex-start'
+        }, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle),
+        className: cx("".concat(prefixClass, "-bubble-content-wrapper"), hashId, classNames === null || classNames === void 0 ? void 0 : classNames.bubbleContainerClassName),
+        "data-testid": "chat-message"
+    }, contentBeforeDom ? /*#__PURE__*/ React.createElement("div", {
+        style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
+        className: cx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), hashId),
+        "data-testid": "message-before"
+    }, contentBeforeDom) : null, /*#__PURE__*/ React.createElement("div", {
+        className: cx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-pure"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
+        onDoubleClick: props.onDoubleClick,
+        "data-testid": "message-content"
+    }, messageContent), contentAfterDom)))));
+    if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
+    return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
+        value: {
+            message: props.originData,
+            hidePadding: hidePadding,
+            setHidePadding: setHidePadding,
+            setMessage: function(message) {
+                var _props_bubbleRef_current_setMessageItem, _props_bubbleRef_current, _props_bubbleRef;
+                props === null || props === void 0 ? void 0 : (_props_bubbleRef = props.bubbleRef) === null || _props_bubbleRef === void 0 ? void 0 : (_props_bubbleRef_current = _props_bubbleRef.current) === null || _props_bubbleRef_current === void 0 ? void 0 : (_props_bubbleRef_current_setMessageItem = _props_bubbleRef_current.setMessageItem) === null || _props_bubbleRef_current_setMessageItem === void 0 ? void 0 : _props_bubbleRef_current_setMessageItem.call(_props_bubbleRef_current, props.id, message);
+            }
         }
-      }
-    },
-    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _f.call(
-      bubbleRenderConfig,
-      props,
-      {
+    }, /*#__PURE__*/ React.createElement(React.Fragment, null, (bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : (_bubbleRenderConfig_render = bubbleRenderConfig.render) === null || _bubbleRenderConfig_render === void 0 ? void 0 : _bubbleRenderConfig_render.call(bubbleRenderConfig, props, {
         avatar: avatarDom,
         title: titleDom,
-        header: /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: cx(
-              `${prefixClass}-bubble-avatar-title`,
-              `${prefixClass}-bubble-avatar-title-${placement}`,
-              `${prefixClass}-bubble-avatar-title-pure`,
-              classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
-              hashId
-            )
-          },
-          isRightPlacement ? titleDom : avatarDom,
-          isRightPlacement ? avatarDom : titleDom
-        ),
+        header: /*#__PURE__*/ React.createElement("div", {
+            className: cx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-pure"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId)
+        }, isRightPlacement ? titleDom : avatarDom, isRightPlacement ? avatarDom : titleDom),
         extra: extraDom,
-        messageContent,
-        itemDom
-      },
-      itemDom
-    )) || itemDom)
-  );
+        messageContent: messageContent,
+        itemDom: itemDom
+    }, itemDom)) || itemDom));
+});
+export var PureAIBubble = /*#__PURE__*/ memo(function(props) {
+    return /*#__PURE__*/ React.createElement(PureBubble, _object_spread_props(_object_spread({}, props), {
+        placement: "left"
+    }));
+});
+export var PureUserBubble = /*#__PURE__*/ memo(function(props) {
+    return /*#__PURE__*/ React.createElement(PureBubble, _object_spread_props(_object_spread({}, props), {
+        placement: "right"
+    }));
 });
-var PureAIBubble = memo((props) => /* @__PURE__ */ React.createElement(PureBubble, __spreadProps(__spreadValues({}, props), { placement: "left" })));
-var PureUserBubble = memo((props) => /* @__PURE__ */ React.createElement(PureBubble, __spreadProps(__spreadValues({}, props), { placement: "right" })));
-export {
-  PureAIBubble,
-  PureBubble,
-  PureUserBubble
-};