@agentscope-ai/chat 1.1.4 → 1.1.7

package/{dist/bubble → lib/Bubble}/Avatar.js

@@ -1,11 +1,13 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Avatar as AAvatar } from 'antd';
 import classnames from 'classnames';
 import React from 'react';
-import "./style/avatar.less";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Avatar = function Avatar(props) {
   var avatar = props.avatar,
     msgStatus = props.msgStatus,
@@ -13,10 +15,11 @@ var Avatar = function Avatar(props) {
     prefixCls = props.prefixCls,
     className = props.className,
     style = props.style;
-  var avatarNode = /*#__PURE__*/React.isValidElement(avatar) ? avatar : /*#__PURE__*/React.createElement(AAvatar, avatar);
-  return /*#__PURE__*/React.createElement("div", {
+  var avatarNode = /*#__PURE__*/React.isValidElement(avatar) ? avatar : /*#__PURE__*/_jsx(AAvatar, _objectSpread({}, avatar));
+  return /*#__PURE__*/_jsx("div", {
     className: classnames("".concat(prefixCls, "-avatar"), _defineProperty({}, "".concat(prefixCls, "-avatar-loading"), isAssistant && msgStatus === 'generating'), className),
-    style: style
-  }, avatarNode);
+    style: style,
+    children: avatarNode
+  });
 };
 export default Avatar;

package/lib/Bubble/Bubble.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { BubbleProps } from './interface';
+export interface BubbleRef {
+    /**
+     * @description 气泡组件的原生DOM元素引用，用于直接操作DOM
+     * @descriptionEn Native DOM element reference of the bubble component for direct DOM manipulation
+     */
+    nativeElement: HTMLElement;
+}
+export interface BubbleContextProps {
+    /**
+     * @description 气泡内容更新时的回调函数，用于触发重新渲染
+     * @descriptionEn Callback function when bubble content updates for triggering re-render
+     */
+    onUpdate?: VoidFunction;
+}
+export declare const BubbleContext: React.Context<BubbleContextProps>;
+declare const _default: React.NamedExoticComponent<BubbleProps<string>>;
+export default _default;

package/{dist/bubble → lib/Bubble}/Bubble.js

@@ -4,24 +4,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classnames from 'classnames';
 import React from 'react';
-import { Space } from 'antd';
-import useStyle from "./style";
+import useStyle from "./style/index";
 import { Markdown, useProviderContext } from "./..";
 import Cards from "./Cards";
 import Spin from "./Spin";
 import Avatar from "./Avatar";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export var BubbleContext = /*#__PURE__*/React.createContext({});
 var Bubble = function Bubble(props) {
-  var customizePrefixCls = props.prefixCls,
-    className = props.className,
+  var className = props.className,
     rootClassName = props.rootClassName,
     style = props.style,
     _props$classNames = props.classNames,
@@ -32,31 +27,26 @@ var Bubble = function Bubble(props) {
     _props$content = props.content,
     content = _props$content === void 0 ? '' : _props$content,
     cards = props.cards,
-    variant = props.variant,
-    shape = props.shape,
     msgStatus = props.msgStatus,
     id = props.id,
-    role = props.role;
+    role = props.role,
+    variant = props.variant;
   var placement = {
     'assistant': 'start',
     'user': 'end'
   }[role] || 'start';
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
-  var prefixCls = getPrefixCls('bubble', customizePrefixCls);
-  var _useStyle = useStyle(prefixCls),
-    _useStyle2 = _slicedToArray(_useStyle, 3),
-    wrapCSSVar = _useStyle2[0],
-    hashId = _useStyle2[1],
-    cssVarCls = _useStyle2[2];
-  var mergedCls = classnames(prefixCls, rootClassName, className, hashId, cssVarCls, "".concat(prefixCls, "-").concat(placement));
+  var prefixCls = getPrefixCls('bubble');
+  var Style = useStyle();
+  var mergedCls = classnames(prefixCls, rootClassName, className, "".concat(prefixCls, "-").concat(placement));
   var contentNode;
   // @ts-ignore
   var isEmpty = !(content !== null && content !== void 0 && content.length) && !(cards !== null && cards !== void 0 && cards.length);
   if (props.msgStatus === 'generating' && isEmpty) {
-    contentNode = /*#__PURE__*/React.createElement(Spin, null);
+    contentNode = /*#__PURE__*/_jsx(Spin, {});
   } else {
-    contentNode = content ? /*#__PURE__*/React.createElement(Markdown, {
+    contentNode = content ? /*#__PURE__*/_jsx(Markdown, {
       typing: true,
       content: content,
       cursor: props.msgStatus === 'generating'
@@ -64,39 +54,36 @@ var Bubble = function Bubble(props) {
   }
   var isAssistant = placement === 'assistant' || placement === 'start';
   var variantClassname = "".concat(prefixCls, "-content-").concat(variant || (isAssistant ? 'borderless' : 'filled'));
-  var fullContent = /*#__PURE__*/React.createElement(Space, {
-    direction: "vertical",
+  var fullContent = /*#__PURE__*/_jsxs("div", {
     style: !isAssistant && contentNode ? {
       flexDirection: 'column-reverse'
     } : {},
     className: "".concat(prefixCls, "-content-wrapper"),
-    classNames: {
-      item: "".concat(prefixCls, "-content-wrapper-card")
-    }
-  }, Cards({
-    cards: cards,
-    id: id,
-    className: classnames("".concat(prefixCls, "-content"), variantClassname, shape && "".concat(prefixCls, "-content-").concat(shape), classNames.content)
-  }), contentNode && /*#__PURE__*/React.createElement("div", {
-    style: _objectSpread({}, styles.content),
-    className: classnames("".concat(prefixCls, "-content"), variantClassname, shape && "".concat(prefixCls, "-content-").concat(shape), classNames.content)
-  }, contentNode));
-  var node = wrapCSSVar( /*#__PURE__*/React.createElement("div", {
-    style: style,
-    className: mergedCls,
-    id: id,
-    "data-role": role
-  }, avatar && /*#__PURE__*/React.createElement(Avatar, {
-    avatar: avatar,
-    msgStatus: msgStatus,
-    isAssistant: isAssistant,
-    prefixCls: prefixCls,
-    className: classNames.avatar,
-    style: styles.avatar
-  }), fullContent));
-  return node;
+    children: [/*#__PURE__*/_jsx(Cards, {
+      cards: cards,
+      id: id,
+      className: classnames("".concat(prefixCls, "-content"), "".concat(prefixCls, "-content-wrapper-card"), variantClassname, classNames.content)
+    }), contentNode && /*#__PURE__*/_jsx("div", {
+      style: _objectSpread({}, styles.content),
+      className: classnames("".concat(prefixCls, "-content"), "".concat(prefixCls, "-content-wrapper-card"), variantClassname, classNames.content),
+      children: contentNode
+    })]
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      style: style,
+      className: mergedCls,
+      id: id,
+      "data-role": role,
+      children: [avatar && /*#__PURE__*/_jsx(Avatar, {
+        avatar: avatar,
+        msgStatus: msgStatus,
+        isAssistant: isAssistant,
+        prefixCls: prefixCls,
+        className: classNames.avatar,
+        style: styles.avatar
+      }), fullContent]
+    })]
+  });
 };
-if (process.env.NODE_ENV !== 'production') {
-  Bubble.displayName = 'Bubble';
-}
 export default /*#__PURE__*/React.memo(Bubble);

package/lib/Bubble/BubbleList.d.ts

@@ -0,0 +1,41 @@
+import type { BubbleProps } from './interface';
+import React from 'react';
+export interface BubbleListRef {
+    /**
+     * @description 滚动到列表底部的方法，用于自动滚动到最新消息
+     * @descriptionEn Method to scroll to the bottom of the list for auto-scrolling to latest messages
+     */
+    scrollToBottom(): void;
+}
+export type BubbleDataType = BubbleProps & {
+    key?: string | number;
+    role?: string;
+    id?: string;
+};
+export interface BubbleListProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @description 气泡消息数据数组，用于渲染消息列表
+     * @descriptionEn Bubble message data array for rendering message list
+     */
+    items?: BubbleDataType[];
+    /**
+     * @description 自定义子元素，用于扩展组件功能或自定义渲染
+     * @descriptionEn Custom child elements for extending component functionality or custom rendering
+     */
+    children?: React.ReactNode | React.ReactNode[];
+    /**
+     * @description 是否启用平滑滚动效果，影响滚动动画的流畅度
+     * @descriptionEn Whether to enable smooth scrolling effect, affects scrolling animation smoothness
+     */
+    smooth?: boolean;
+    /**
+     * @description 语义化CSS类名，用于为不同区域添加自定义类名
+     * @descriptionEn Semantic CSS class names for adding custom classes to different areas
+     */
+    classNames?: {
+        wrapper?: string;
+        list?: string;
+    };
+}
+declare const ForwardBubbleList: React.ForwardRefExoticComponent<BubbleListProps & React.RefAttributes<BubbleListRef>>;
+export default ForwardBubbleList;

package/lib/Bubble/BubbleList.js

@@ -0,0 +1,64 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["key"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(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 _objectWithoutPropertiesLoose(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; }
+import Bubble from "./Bubble";
+import ScrollToBottom from "./ScrollToBottom";
+import { StickToBottom } from 'use-stick-to-bottom';
+import useStyle from "./style/list";
+import { useProviderContext } from "./..";
+import React from 'react';
+import cls from 'classnames';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var BubbleList = function BubbleList(props, ref) {
+  var _props$classNames, _props$classNames2;
+  var _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    _props$smooth = props.smooth,
+    smooth = _props$smooth === void 0 ? true : _props$smooth;
+  var scrollToBottomRef = React.useRef();
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('bubble-list');
+  var Style = useStyle();
+  React.useImperativeHandle(ref, function () {
+    return {
+      scrollToBottom: function scrollToBottom() {
+        // @ts-ignore
+        scrollToBottomRef.current.scrollToBottom();
+      }
+    };
+  });
+  var resize = smooth ? 'smooth' : 'instant';
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs(StickToBottom, {
+      id: props.id,
+      className: cls("".concat(prefixCls, "-wrapper"), (_props$classNames = props.classNames) === null || _props$classNames === void 0 ? void 0 : _props$classNames.wrapper),
+      resize: resize,
+      initial: resize,
+      style: props.style,
+      children: [/*#__PURE__*/_jsx(StickToBottom.Content, {
+        className: cls("".concat(prefixCls), (_props$classNames2 = props.classNames) === null || _props$classNames2 === void 0 ? void 0 : _props$classNames2.list),
+        children: props.children ? props.children : items.map(function (_ref) {
+          var key = _ref.key,
+            bubble = _objectWithoutProperties(_ref, _excluded);
+          return /*#__PURE__*/_createElement(Bubble, _objectSpread(_objectSpread({}, bubble), {}, {
+            key: bubble.id || key
+          }));
+        })
+      }), /*#__PURE__*/_jsx(ScrollToBottom, {
+        ref: scrollToBottomRef
+      })]
+    })]
+  });
+};
+var ForwardBubbleList = /*#__PURE__*/React.forwardRef(BubbleList);
+export default ForwardBubbleList;

package/{dist/bubble → lib/Bubble}/Cards.d.ts

@@ -1,20 +1,14 @@
 import React from 'react';
-export declare function Card(props: {
-    code: string;
-    component?: React.FC;
-    data?: string | any;
-    index: number;
-    id: string;
-}): any;
 export default function Cards(props: {
     cards: {
+        id?: string;
         code: string;
         component?: React.FC;
         data?: string | any;
     }[];
     id: string;
     className?: string;
-}): React.JSX.Element[];
+}): import("react/jsx-runtime").JSX.Element[];
 export declare function createCard(code: string, data: any): {
     code: string;
     data: any;

package/{dist/bubble → lib/Bubble}/Cards.js

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { useCustomCardsContext } from "./..";
-export function Card(props) {
+import { jsx as _jsx } from "react/jsx-runtime";
+var Card = /*#__PURE__*/React.memo(function (props) {
   var cardConfig = useCustomCardsContext();
   var Component = useMemo(function () {
     if (props.component) return props.component;
@@ -10,7 +11,7 @@ export function Card(props) {
     };
   }, []);
   if (typeof Component === 'function') {
-    return /*#__PURE__*/React.createElement(Component, {
+    return /*#__PURE__*/_jsx(Component, {
       code: props.code,
       data: props.data,
       index: props.index,
@@ -19,23 +20,22 @@ export function Card(props) {
   } else {
     return Component;
   }
-}
+});
 export default function Cards(props) {
   var cards = props.cards;
   if (!(cards !== null && cards !== void 0 && cards.length)) return null;
   return cards.map(function (card, index) {
-    var cardComp = /*#__PURE__*/React.createElement(Card, {
-      key: index,
+    var cardComp = /*#__PURE__*/_jsx(Card, {
       code: card.code,
       component: card.component,
       data: card.data,
       index: index,
       id: props.id
-    });
-    if (card.code === 'Text') return /*#__PURE__*/React.createElement("div", {
+    }, (card === null || card === void 0 ? void 0 : card.id) || index + card.code);
+    if (card.code === 'Text') return /*#__PURE__*/_jsx("div", {
       className: props.className,
-      key: index
-    }, cardComp);
+      children: cardComp
+    }, index);
     return cardComp;
   });
 }

package/{dist/bubble → lib/Bubble}/ScrollToBottom.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './style/scrollToBottom.less';
 import { ScrollToBottomOptions } from 'use-stick-to-bottom';
 declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<{
     scrollToBottom(options?: ScrollToBottomOptions): void;

package/{dist/bubble → lib/Bubble}/ScrollToBottom.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { useProviderContext } from "./..";
-import "./style/scrollToBottom.less";
-import { Button } from 'antd';
-import { ArrowDownOutlined } from '@ant-design/icons';
 import cls from 'classnames';
 import { useStickToBottomContext } from 'use-stick-to-bottom';
+import { IconButton } from "@ali/agentscope-ai-design";
+import { SparkDownArrowLine } from '@agentscope-ai/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
 var ScrollToBottomButton = function ScrollToBottomButton(_, ref) {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
@@ -30,16 +30,17 @@ var ScrollToBottomButton = function ScrollToBottomButton(_, ref) {
     };
   });
   var prefixCls = getPrefixCls('bubble-list-scroll-to-bottom');
-  return /*#__PURE__*/React.createElement("div", {
-    className: cls(prefixCls, "".concat(prefixCls, "-").concat(!isAtBottom ? 'show' : 'hide'))
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return scrollToBottom({
-        animation: 'instant'
-      });
-    },
-    icon: /*#__PURE__*/React.createElement(ArrowDownOutlined, null),
-    shape: "circle"
-  }));
+  return /*#__PURE__*/_jsx("div", {
+    className: cls(prefixCls, "".concat(prefixCls, "-").concat(!isAtBottom ? 'show' : 'hide')),
+    children: /*#__PURE__*/_jsx(IconButton, {
+      icon: /*#__PURE__*/_jsx(SparkDownArrowLine, {}),
+      shape: "circle",
+      onClick: function onClick() {
+        return scrollToBottom({
+          animation: 'instant'
+        });
+      }
+    })
+  });
 };
 export default /*#__PURE__*/React.forwardRef(ScrollToBottomButton);

package/lib/Bubble/Spin.d.ts

@@ -0,0 +1 @@
+export default function (): import("react/jsx-runtime").JSX.Element;

package/lib/Bubble/Spin.js

@@ -0,0 +1,21 @@
+import { useProviderContext } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function () {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('bubble-loading');
+  return /*#__PURE__*/_jsxs("div", {
+    className: prefixCls,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-dot1")
+    }), /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-dot2")
+    }), /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-dot3")
+    }), /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-text"),
+      children: "-"
+    })]
+  });
+}

package/lib/Bubble/interface.d.ts

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+import type { AvatarProps } from 'antd';
+import type { AnyObject } from '../Util/type';
+type SemanticType = 'avatar' | 'content' | 'header' | 'footer';
+export type BubbleContentType = React.ReactNode | AnyObject;
+export interface BubbleProps<ContentType extends BubbleContentType = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
+    /**
+     * @description 自定义CSS类名前缀，用于样式隔离和主题定制
+     * @descriptionEn Custom CSS class name prefix for style isolation and theme customization
+     */
+    prefixCls?: string;
+    /**
+     * @description 自定义根容器的CSS类名，用于覆盖默认样式
+     * @descriptionEn Custom CSS class name for the root container to override default styles
+     */
+    rootClassName?: string;
+    /**
+     * @description 语义化样式对象，用于精确控制不同区域的样式
+     * @descriptionEn Semantic style object for precise control of different area styles
+     */
+    styles?: Partial<Record<SemanticType, React.CSSProperties>>;
+    /**
+     * @description 语义化CSS类名，用于为不同区域添加自定义类名
+     * @descriptionEn Semantic CSS class names for adding custom classes to different areas
+     */
+    classNames?: Partial<Record<SemanticType, string>>;
+    /**
+     * @description 用户头像配置，支持Antd Avatar属性或自定义React元素
+     * @descriptionEn User avatar configuration, supports Antd Avatar props or custom React elements
+     */
+    avatar?: AvatarProps | React.ReactElement;
+    /**
+     * @description 是否显示加载状态，影响组件的视觉反馈
+     * @descriptionEn Whether to display loading state, affects visual feedback of the component
+     */
+    loading?: boolean;
+    /**
+     * @description 气泡内容，支持文本、React元素或复杂数据结构
+     * @descriptionEn Bubble content, supports text, React elements, or complex data structures
+     */
+    content?: BubbleContentType;
+    /**
+     * @description 自定义渲染卡片配置，用于展示特殊类型的内容
+     * @descriptionEn Custom render card configuration for displaying special types of content
+     */
+    cards?: {
+        code: string;
+        data?: string | any;
+        component?: any;
+    }[];
+    /**
+     * @description 消息处理状态，影响显示样式和交互行为
+     * @descriptionEn Message processing status that affects display style and interaction behavior
+     */
+    msgStatus?: 'finished' | 'generating' | 'interrupted' | 'error';
+    /**
+     * @description 消息的唯一标识符，用于状态管理和事件处理
+     * @descriptionEn Unique identifier for the message, used for state management and event handling
+     */
+    id?: any;
+}
+export {};

package/lib/Bubble/loading.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Loading = function Loading(_ref) {
+  var prefixCls = _ref.prefixCls;
+  return /*#__PURE__*/_jsxs("span", {
+    className: "".concat(prefixCls, "-dot"),
+    children: [/*#__PURE__*/_jsx("i", {
+      className: "".concat(prefixCls, "-dot-item")
+    }, "item-".concat(1)), /*#__PURE__*/_jsx("i", {
+      className: "".concat(prefixCls, "-dot-item")
+    }, "item-".concat(2)), /*#__PURE__*/_jsx("i", {
+      className: "".concat(prefixCls, "-dot-item")
+    }, "item-".concat(3))]
+  });
+};
+export default Loading;

package/lib/Bubble/style/avatar.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/Bubble/style/avatar.js

@@ -0,0 +1,8 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from "../..";
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-avatar {\n  display: inline-flex;\n  justify-content: center;\n  align-self: flex-start;\n\n  &-loading .", "-avatar::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    width: 100%;\n    height: 200%;\n    background-image: url('data:image/png;base64,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');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    transform: rotate(-45deg);\n    filter: blur(2px);\n    animation: light_sweeping 1.5s infinite linear;\n  }\n}\n\n@keyframes light_sweeping {\n  0% {\n    transform: translate(-40%, -80%);\n    opacity: 0.2;\n  }\n\n  45% {\n    transform: translate(20%, 20%);\n    opacity: 0.8;\n  }\n\n  100% {\n    transform: translate(40%, 80%);\n    opacity: 0.2;\n  }\n}\n\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+});

package/lib/Bubble/style/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/Bubble/style/index.js

@@ -0,0 +1,46 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from "../..";
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble {\n  display: flex;\n\n  &-end,\n  &-user {\n    justify-content: flex-end;\n\n    .", "-bubble-content-wrapper {\n      align-items: flex-end;\n    }\n  }\n\n  &-content-wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  &-content-wrapper-card {\n  }\n\n  &-content {\n    position: relative;\n    box-sizing: border-box;\n    min-width: 0;\n    max-width: 100%;\n    color: ", ";\n    font-size: ", "px;\n    line-height: ", ";\n    word-break: break-word;\n  }\n}\n\n.", "-bubble {\n  &-content {\n    &-filled {\n      padding: 12px 16px;\n      border-radius: ", "px;\n      background-color: ", ";\n    }\n  }\n}\n\n\n\n.", "-bubble-loading {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  filter: invert(1) brightness(100%) saturate(0%);\n\n  &-text {\n    opacity: 0;\n  }\n\n  &-dot1 {\n    width: 4px;\n    height: 4px;\n    border-radius: 999px;\n    background: linear-gradient(\n        ", ",\n        ", "\n      ),\n      linear-gradient(\n        ", ",\n        ", "\n      );\n    background-blend-mode: multiply;\n    animation: dot_01 2.5s infinite ease;\n  }\n  &-dot2 {\n    width: 4px;\n    height: 4px;\n    border-radius: 999px;\n    background: linear-gradient(\n        ", ",\n        ", "\n      ),\n      linear-gradient(\n        ", ",\n        ", "\n      );\n    background-blend-mode: multiply;\n    animation: dot_02 2.5s infinite ease;\n  }\n  &-dot3 {\n    width: 4px;\n    height: 4px;\n    border-radius: 999px;\n    background: linear-gradient(\n        ", ",\n        ", "\n      ),\n      linear-gradient(\n        ", ",\n        ", "\n      );\n    background-blend-mode: multiply;\n    animation: dot_03 2.5s infinite ease;\n  }\n}\n\n@keyframes dot_01 {\n  0% {\n    transform: translateX(0px) scale(1);\n    z-index: 3;\n  }\n\n  30.3% {\n    transform: translateX(15px) scale(1);\n    z-index: 3;\n  }\n  33.3% {\n    transform: translateX(15px) scale(1);\n    z-index: 1;\n  }\n  63.6% {\n    transform: translateX(7.5px) scale(0.75);\n    z-index: 1;\n  }\n  66.6% {\n    transform: translateX(7.5px) scale(0.75);\n    z-index: 2;\n  }\n  97% {\n    transform: translateX(0px) scale(1);\n    z-index: 2;\n  }\n}\n\n@keyframes dot_02 {\n  0% {\n    transform: translateX(0px) scale(1);\n    z-index: 2;\n  }\n  23.3% {\n    transform: translateX(-7.5px) scale(1.33333);\n    z-index: 2;\n  }\n\n  30.3% {\n    transform: translateX(-7.5px) scale(1.33333);\n    z-index: 3;\n  }\n  56.6% {\n    transform: translateX(7.5px) scale(1.33333);\n    z-index: 3;\n  }\n  63.6% {\n    transform: translateX(7.5px) scale(1.33333);\n    z-index: 1;\n  }\n  97% {\n    transform: translateX(0px) scale(1);\n    z-index: 1;\n  }\n}\n\n@keyframes dot_03 {\n  0% {\n    transform: translateX(0px) scale(1);\n    z-index: 1;\n  }\n  23.3% {\n    transform: translateX(-7.5px) scale(0.75);\n    z-index: 1;\n  }\n\n  30.3% {\n    transform: translateX(-7.5px) scale(0.75);\n    z-index: 2;\n  }\n  56.6% {\n    transform: translateX(-15px) scale(1);\n    z-index: 2;\n  }\n  63.6% {\n    transform: translateX(-15px) scale(1);\n    z-index: 3;\n  }\n  97% {\n    transform: translateX(0px) scale(1);\n    z-index: 3;\n  }\n}\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.theme.fontSize;
+}, function (p) {
+  return p.theme.lineHeight;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.borderRadiusLG;
+}, function (p) {
+  return p.theme.colorPrimaryBg;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.theme.colorBgBase;
+}, function (p) {
+  return p.theme.colorBgBase;
+}, function (p) {
+  return p.theme.colorTextTertiary;
+}, function (p) {
+  return p.theme.colorTextTertiary;
+}, function (p) {
+  return p.theme.colorBgBase;
+}, function (p) {
+  return p.theme.colorBgBase;
+}, function (p) {
+  return p.theme.colorTextSecondary;
+}, function (p) {
+  return p.theme.colorTextSecondary;
+}, function (p) {
+  return p.theme.colorBgBase;
+}, function (p) {
+  return p.theme.colorBgBase;
+});

package/lib/Bubble/style/list.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/Bubble/style/list.js

@@ -0,0 +1,16 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from "../..";
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-list-wrapper {\n  position: relative;\n  overflow: hidden;\n  mask-image: linear-gradient(to bottom, white 98%, transparent);\n}\n\n.", "-bubble-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 16px 16px 0 16px;\n\n  &::after {\n    display: block;\n    content: ' ';\n    height: 16px;\n  }\n}\n\n.", "-bubble-list-scroll-to-bottom {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 10px;\n  display: flex;\n  justify-content: center;\n  transition: all 0.2s;\n  z-index: 10;\n\n  &-hide {\n    opacity: 0;\n    transform: translateY(100%);\n    pointer-events: none;\n  }\n\n  &-show {\n    opacity: 1;\n    transform: translateY(0%);\n  }\n\n  button {\n    &:hover {\n      border-color: ", " !important;\n      background-color: ", " !important;\n      color: ", " !important;\n    }\n  }\n}\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorPrimaryBorder;
+}, function (p) {
+  return p.theme.colorPrimaryBg;
+}, function (p) {
+  return p.theme.colorPrimary;
+});