@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/Bubble/List/index.js

@@ -1,26 +1,57 @@
-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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/Bubble/List/index.tsx
+    return obj;
+}
+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;
+}
 import SkeletonList from "./SkeletonList";
-import { PureBubbleList } from "./PureBubbleList";
+export { PureBubbleList } from "./PureBubbleList";
 import { useContext, useMemo } from "react";
 import { ConfigProvider } from "antd";
 import cx from "classnames";
@@ -28,110 +59,142 @@ import React from "react";
 import { Bubble } from "../Bubble";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { useStyle } from "./style";
-var BubbleList = (props) => {
-  const {
-    bubbleListRef,
-    bubbleRenderConfig,
-    className,
-    loading: legacyLoading,
-    isLoading,
-    styles,
-    classNames,
-    markdownRenderConfig,
-    userMeta,
-    assistantMeta,
-    bubbleList = [],
-    style,
-    onScroll,
-    onWheel,
-    onTouchMove
-  } = props;
-  const loading = isLoading != null ? isLoading : legacyLoading;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const { compact } = useContext(BubbleConfigContext) || {};
-  const prefixClass = getPrefixCls("agentic-bubble-list");
-  const { wrapSSR, hashId } = useStyle(prefixClass);
-  const deps = useMemo(() => [props.style], [JSON.stringify(props.style)]);
-  const bubbleListDom = useMemo(() => {
-    return bubbleList.map((item, index) => {
-      var _a;
-      const isLast = bubbleList.length - 1 === index;
-      const placement = item.role === "user" ? "right" : "left";
-      item.isLatest = isLast;
-      item.isLast = isLast;
-      return /* @__PURE__ */ React.createElement(
-        Bubble,
-        {
-          key: item.id,
-          "data-id": item.id,
-          avatar: __spreadValues(__spreadValues({}, item.role === "user" ? userMeta : assistantMeta), item.meta),
-          preMessage: bubbleList[index - 1],
-          id: item.id,
-          style: __spreadValues({}, styles == null ? void 0 : styles.bubbleListItemStyle),
-          originData: item,
-          placement,
-          time: item.updateAt || item.createAt,
-          deps,
-          pure: props.pure,
-          bubbleListRef,
-          bubbleRenderConfig,
-          classNames,
-          bubbleRef: props.bubbleRef,
-          markdownRenderConfig,
-          docListProps: props.docListProps,
-          styles: __spreadProps(__spreadValues({}, styles), {
-            bubbleListItemContentStyle: __spreadValues(__spreadValues({}, styles == null ? void 0 : styles.bubbleListItemContentStyle), placement === "right" ? styles == null ? void 0 : styles.bubbleListRightItemContentStyle : styles == null ? void 0 : styles.bubbleListLeftItemContentStyle)
-          }),
-          readonly: props.readonly,
-          onReply: props.onReply,
-          onDisLike: props.onDisLike,
-          onLike: props.onLike,
-          onCancelLike: props.onCancelLike,
-          onAvatarClick: props.onAvatarClick,
-          onDoubleClick: props.onDoubleClick,
-          customConfig: (_a = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _a.customConfig,
-          shouldShowCopy: props.shouldShowCopy,
-          shouldShowVoice: props.shouldShowVoice
-        }
-      );
-    });
-  }, [bubbleList, props.style]);
-  if (loading)
-    return wrapSSR(
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: cx(prefixClass, `${prefixClass}-loading`, className, hashId),
-          ref: bubbleListRef,
-          style: {
+/**
+ * BubbleList 组件 - 聊天气泡列表组件
+ *
+ * 该组件用于渲染聊天气泡列表，支持用户和助手的消息显示、加载状态、滚动事件等。
+ * 提供完整的聊天界面功能，包括消息渲染、交互操作、样式自定义等。
+ *
+ * @component
+ * @description 聊天气泡列表组件，渲染聊天消息列表
+ * @param {BubbleListProps} props - 组件属性
+ * @param {BubbleProps[]} [props.bubbleList=[]] - 气泡列表数据
+ * @param {React.RefObject} [props.bubbleListRef] - 气泡列表引用
+ * @param {boolean} [props.loading] - 是否显示加载状态
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ * @param {BubbleRenderConfig} [props.bubbleRenderConfig] - 气泡渲染配置
+ * @param {MarkdownRenderConfig} [props.markdownRenderConfig] - Markdown渲染配置
+ * @param {BubbleMetaData} [props.userMeta] - 用户头像元数据
+ * @param {BubbleMetaData} [props.assistantMeta] - 助手头像元数据
+ * @param {BubbleStyles} [props.styles] - 自定义样式配置
+ * @param {BubbleClassNames} [props.classNames] - 自定义类名配置
+ * @param {boolean} [props.readonly] - 是否只读模式
+ * @param {Function} [props.onScroll] - 滚动事件回调
+ * @param {Function} [props.onWheel] - 滚轮事件回调
+ * @param {Function} [props.onTouchMove] - 触摸移动事件回调
+ * @param {Function} [props.onLike] - 点赞事件回调
+ * @param {Function} [props.onDisLike] - 点踩事件回调
+ * @param {Function} [props.onReply] - 回复事件回调
+ * @param {Function} [props.onCancelLike] - 取消点赞事件回调
+ * @param {Function} [props.onAvatarClick] - 头像点击事件回调
+ * @param {Function} [props.onDoubleClick] - 双击事件回调
+ * @param {boolean|Function} [props.shouldShowCopy] - 是否显示复制按钮
+ *
+ * @example
+ * ```tsx
+ * <BubbleList
+ *   bubbleList={chatMessages}
+ *   loading={false}
+ *   userMeta={{ avatar: "user.jpg", title: "用户" }}
+ *   assistantMeta={{ avatar: "assistant.jpg", title: "助手" }}
+ *   onLike={(message) => console.log('点赞:', message)}
+ *   onReply={(message) => console.log('回复:', message)}
+ *   onAvatarClick={() => console.log('点击了头像')}
+ *   onDoubleClick={() => console.log('双击了消息')}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的聊天气泡列表组件
+ *
+ * @remarks
+ * - 支持用户和助手消息的不同布局
+ * - 提供加载状态和骨架屏
+ * - 支持消息交互操作（点赞、点踩、回复等）
+ * - 支持自定义样式和类名
+ * - 支持Markdown内容渲染
+ * - 支持滚动和触摸事件
+ * - 提供消息复制功能
+ */ export var BubbleList = function(props) {
+    var bubbleListRef = props.bubbleListRef, bubbleRenderConfig = props.bubbleRenderConfig, className = props.className, legacyLoading = props.loading, isLoading = props.isLoading, styles = props.styles, classNames = props.classNames, markdownRenderConfig = props.markdownRenderConfig, userMeta = props.userMeta, assistantMeta = props.assistantMeta, _props_bubbleList = props.bubbleList, bubbleList = _props_bubbleList === void 0 ? [] : _props_bubbleList, style = props.style, onScroll = props.onScroll, onWheel = props.onWheel, onTouchMove = props.onTouchMove;
+    // 兼容旧属性
+    var loading = isLoading !== null && isLoading !== void 0 ? isLoading : legacyLoading;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var compact = (useContext(BubbleConfigContext) || {}).compact;
+    var prefixClass = getPrefixCls('agentic-bubble-list');
+    var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var deps = useMemo(function() {
+        return [
+            props.style
+        ];
+    }, [
+        JSON.stringify(props.style)
+    ]);
+    var bubbleListDom = useMemo(function() {
+        return bubbleList.map(function(item, index) {
+            var _props_bubbleRenderConfig;
+            var isLast = bubbleList.length - 1 === index;
+            var placement = item.role === 'user' ? 'right' : 'left';
+            // 保持向后兼容性，设置isLatest
+            item.isLatest = isLast;
+            item.isLast = isLast;
+            return /*#__PURE__*/ React.createElement(Bubble, {
+                key: item.id,
+                "data-id": item.id,
+                avatar: _object_spread({}, item.role === 'user' ? userMeta : assistantMeta, item.meta),
+                preMessage: bubbleList[index - 1],
+                id: item.id,
+                style: _object_spread({}, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemStyle),
+                originData: item,
+                placement: placement,
+                time: item.updateAt || item.createAt,
+                deps: deps,
+                pure: props.pure,
+                bubbleListRef: bubbleListRef,
+                bubbleRenderConfig: bubbleRenderConfig,
+                classNames: classNames,
+                bubbleRef: props.bubbleRef,
+                markdownRenderConfig: markdownRenderConfig,
+                docListProps: props.docListProps,
+                styles: _object_spread_props(_object_spread({}, styles), {
+                    bubbleListItemContentStyle: _object_spread({}, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle, placement === 'right' ? styles === null || styles === void 0 ? void 0 : styles.bubbleListRightItemContentStyle : styles === null || styles === void 0 ? void 0 : styles.bubbleListLeftItemContentStyle)
+                }),
+                readonly: props.readonly,
+                onReply: props.onReply,
+                onDisLike: props.onDisLike,
+                onLike: props.onLike,
+                onCancelLike: props.onCancelLike,
+                onAvatarClick: props.onAvatarClick,
+                onDoubleClick: props.onDoubleClick,
+                customConfig: props === null || props === void 0 ? void 0 : (_props_bubbleRenderConfig = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig === void 0 ? void 0 : _props_bubbleRenderConfig.customConfig,
+                shouldShowCopy: props.shouldShowCopy,
+                shouldShowVoice: props.shouldShowVoice
+            });
+        });
+    }, [
+        bubbleList,
+        props.style
+    ]);
+    if (loading) return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: cx(prefixClass, "".concat(prefixClass, "-loading"), className, hashId),
+        ref: bubbleListRef,
+        style: {
             padding: 24
-          }
-        },
-        /* @__PURE__ */ React.createElement(SkeletonList, null)
-      )
-    );
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cx(`${prefixClass}`, className, hashId, {
-          [`${prefixClass}-readonly`]: props.readonly,
-          [`${prefixClass}-compact`]: compact
-        }),
+        }
+    }, /*#__PURE__*/ React.createElement(SkeletonList, null)));
+    var _obj;
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: cx("".concat(prefixClass), className, hashId, (_obj = {}, _define_property(_obj, "".concat(prefixClass, "-readonly"), props.readonly), _define_property(_obj, "".concat(prefixClass, "-compact"), compact), _obj)),
         "data-chat-list": bubbleList.length,
-        style,
+        style: style,
         ref: bubbleListRef,
-        onScroll,
-        onWheel: (e) => onWheel == null ? void 0 : onWheel(e, (bubbleListRef == null ? void 0 : bubbleListRef.current) || null),
-        onTouchMove: (e) => onTouchMove == null ? void 0 : onTouchMove(e, (bubbleListRef == null ? void 0 : bubbleListRef.current) || null)
-      },
-      bubbleListDom
-    )
-  );
-};
-var List_default = BubbleList;
-export {
-  BubbleList,
-  PureBubbleList,
-  List_default as default
+        onScroll: onScroll,
+        onWheel: function(e) {
+            return onWheel === null || onWheel === void 0 ? void 0 : onWheel(e, (bubbleListRef === null || bubbleListRef === void 0 ? void 0 : bubbleListRef.current) || null);
+        },
+        onTouchMove: function(e) {
+            return onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(e, (bubbleListRef === null || bubbleListRef === void 0 ? void 0 : bubbleListRef.current) || null);
+        }
+    }, bubbleListDom));
 };
+export default BubbleList;

package/dist/Bubble/List/style.js

@@ -1,52 +1,81 @@
-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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/Bubble/List/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      overflowY: "auto",
-      minHeight: 200,
-      padding: "var(--padding-6x)",
-      [`${token.componentCls}-content-list`]: {
-        paddingTop: "var(--padding-3x)",
-        paddingBottom: "var(--padding-3x)"
-      },
-      "&-loading": {
-        padding: "0 var(--padding-6x)"
-      }
+    return obj;
+}
+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;
+}
+import { resetComponent, useEditorStyleRegister } from "../../Hooks/useStyle";
+var genStyle = function(token) {
+    var _obj;
+    return _define_property({}, token.componentCls, (_obj = {
+        overflowY: 'auto',
+        minHeight: 200,
+        padding: 'var(--padding-6x)'
+    }, _define_property(_obj, "".concat(token.componentCls, "-content-list"), {
+        paddingTop: 'var(--padding-3x)',
+        paddingBottom: 'var(--padding-3x)'
+    }), _define_property(_obj, '&-loading', {
+        padding: '0 var(--padding-6x)'
+    }), _obj));
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("BubbleItem", (token) => {
-    const proChatToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * BubbleItem
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('BubbleItem', function(token) {
+        var proChatToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(proChatToken),
+            resetComponent(proChatToken)
+        ];
     });
-    return [genStyle(proChatToken), resetComponent(proChatToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/Bubble/MessagesContent/BubbleContext.js

@@ -1,14 +1,8 @@
-// src/Bubble/MessagesContent/BubbleContext.tsx
 import React from "react";
-var MessagesContext = React.createContext({
-  setMessage: () => {
-  },
-  message: {},
-  hidePadding: false,
-  setHidePadding: () => {
-  },
-  typing: false
+export var MessagesContext = /*#__PURE__*/ React.createContext({
+    setMessage: function() {},
+    message: {},
+    hidePadding: false,
+    setHidePadding: function() {},
+    typing: false
 });
-export {
-  MessagesContext
-};