@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/Bubble/AIBubble.js

@@ -36,13 +36,13 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/Bubble/AIBubble.tsx
-import { memo, useContext, useMemo } from "react";
+import { memo, useContext } from "react";
 import { Loader } from "@sofa-design/icons";
 import { ConfigProvider, Flex } from "antd";
 import cx from "classnames";
 import React from "react";
 import { BubbleAvatar } from "./Avatar";
-import { BubbleBeforeNode } from "./before";
+import { BubbleBeforeNode } from "./BubbleBeforeNode";
 import { BubbleConfigContext } from "./BubbleConfigProvide";
 import { BubbleFileView } from "./FileView";
 import { BubbleMessageDisplay } from "./MessagesContent";
@@ -50,97 +50,88 @@ import { MessagesContext } from "./MessagesContent/BubbleContext";
 import { BubbleExtra } from "./MessagesContent/BubbleExtra";
 import { useStyle } from "./style";
 import { BubbleTitle } from "./Title";
+var AI_PLACEMENT = "left";
 var runRender = (render, props, defaultDom, ...rest) => {
-  if (render) {
-    return render(props, defaultDom, ...rest);
-  }
-  return defaultDom;
+  return render ? render(props, defaultDom, ...rest) : defaultDom;
+};
+var isTyping = (originData) => {
+  var _a;
+  return (originData == null ? void 0 : originData.isAborted) !== true && (originData == null ? void 0 : originData.isFinished) === false && ((_a = originData == null ? void 0 : originData.extra) == null ? void 0 : _a.isHistory) === void 0 && (originData == null ? void 0 : originData.isFinished) !== void 0;
+};
+var isSameRoleAsPrevious = (preMessage, originData) => {
+  if (!(preMessage == null ? void 0 : preMessage.role) || !(originData == null ? void 0 : originData.role))
+    return false;
+  return preMessage.role === originData.role;
+};
+var getTaskList = (originData) => {
+  var _a;
+  return [(_a = originData == null ? void 0 : originData.extra) == null ? void 0 : _a.white_box_process].flat(2).filter((item) => item == null ? void 0 : item.info);
+};
+var shouldRenderBeforeContent = (placement, role, thoughtChainConfig, taskListLength) => {
+  if (placement !== "left")
+    return false;
+  if (role === "bot")
+    return false;
+  if ((thoughtChainConfig == null ? void 0 : thoughtChainConfig.enable) === false)
+    return false;
+  if (taskListLength < 1 && !(thoughtChainConfig == null ? void 0 : thoughtChainConfig.alwaysRender))
+    return false;
+  return true;
 };
 var AIBubble = memo((props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const {
     onAvatarClick,
     className,
     style,
     bubbleRenderConfig,
     classNames,
-    styles
+    styles,
+    originData,
+    preMessage
   } = props;
-  const typing = useMemo(() => {
-    var _a2, _b2, _c2, _d2, _e2;
-    return ((_a2 = props.originData) == null ? void 0 : _a2.isAborted) !== true && ((_b2 = props.originData) == null ? void 0 : _b2.isFinished) === false && ((_d2 = (_c2 = props == null ? void 0 : props.originData) == null ? void 0 : _c2.extra) == null ? void 0 : _d2.isHistory) === void 0 && ((_e2 = props.originData) == null ? void 0 : _e2.isFinished) !== void 0;
-  }, [
-    (_a = props.originData) == null ? void 0 : _a.isAborted,
-    (_b = props.originData) == null ? void 0 : _b.isFinished,
-    (_d = (_c = props.originData) == null ? void 0 : _c.extra) == null ? void 0 : _d.isHistory
-  ]);
-  const preMessageSameRole = useMemo(() => {
-    var _a2, _b2, _c2, _d2;
-    if (((_a2 = props.preMessage) == null ? void 0 : _a2.role) === void 0 || ((_b2 = props.originData) == null ? void 0 : _b2.role) === void 0) {
-      return false;
-    }
-    return ((_c2 = props.preMessage) == null ? void 0 : _c2.role) === ((_d2 = props.originData) == null ? void 0 : _d2.role);
-  }, [props.preMessage, props.originData]);
   const [hidePadding, setHidePadding] = React.useState(false);
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const context = useContext(BubbleConfigContext);
   const { compact, standalone, locale } = context || {};
   const prefixClass = getPrefixCls("agent");
-  const time = ((_e = props == null ? void 0 : props.originData) == null ? void 0 : _e.createAt) || props.time;
-  const avatar = ((_f = props == null ? void 0 : props.originData) == null ? void 0 : _f.meta) || props.avatar;
   const { wrapSSR, hashId } = useStyle(prefixClass);
-  const placement = "left";
-  const titleDom = useMemo(() => {
-    return 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 typing = isTyping(originData);
+  const preMessageSameRole = isSameRoleAsPrevious(preMessage, originData);
+  const time = (originData == null ? void 0 : originData.createAt) || props.time;
+  const avatar = (originData == null ? void 0 : originData.meta) || props.avatar;
+  const placement = AI_PLACEMENT;
+  const titleDom = runRender(
     bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
-    classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
-    (_g = props.originData) == null ? void 0 : _g.updateAt,
-    time,
-    styles == null ? void 0 : styles.bubbleListItemTitleStyle,
-    avatar == null ? void 0 : avatar.title,
-    placement
-  ]);
-  const avatarDom = useMemo(
-    () => 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),
-          onClick: onAvatarClick,
-          prefixCls: `${prefixClass}-bubble-avatar`,
-          style: styles == null ? void 0 : styles.bubbleListItemAvatarStyle
-        }
-      )
-    ),
-    [
-      avatar == null ? void 0 : avatar.backgroundColor,
-      avatar == null ? void 0 : avatar.title,
-      (_h = props.originData) == null ? void 0 : _h.updateAt,
-      avatar == null ? void 0 : avatar.avatar,
-      classNames == null ? void 0 : classNames.bubbleListItemAvatarClassName,
-      styles == null ? void 0 : styles.bubbleListItemAvatarStyle
-    ]
+    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),
+        onClick: onAvatarClick,
+        prefixCls: `${prefixClass}-bubble-avatar`,
+        style: styles == null ? void 0 : styles.bubbleListItemAvatarStyle
+      }
+    )
   );
   const messageContent = /* @__PURE__ */ React.createElement(
     BubbleMessageDisplay,
@@ -150,19 +141,19 @@ var AIBubble = memo((props) => {
       bubbleListRef: props.bubbleListRef,
       bubbleListItemExtraStyle: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
       bubbleRef: props.bubbleRef,
-      content: (_i = props == null ? void 0 : props.originData) == null ? void 0 : _i.content,
-      key: (_j = props == null ? void 0 : props.originData) == null ? void 0 : _j.id,
-      "data-id": (_k = props == null ? void 0 : props.originData) == null ? void 0 : _k.id,
-      avatar: (_l = props == null ? void 0 : props.originData) == null ? void 0 : _l.meta,
-      readonly: (_m = props.readonly) != null ? _m : false,
+      content: (_a = props == null ? void 0 : props.originData) == null ? void 0 : _a.content,
+      key: (_b = props == null ? void 0 : props.originData) == null ? void 0 : _b.id,
+      "data-id": (_c = props == null ? void 0 : props.originData) == null ? void 0 : _c.id,
+      avatar: (_d = props == null ? void 0 : props.originData) == null ? void 0 : _d.meta,
+      readonly: (_e = props.readonly) != null ? _e : false,
       onReply: props.onReply,
       id: props.id,
       originData: props.originData,
       placement,
-      time: ((_n = props.originData) == null ? void 0 : _n.updateAt) || ((_o = props.originData) == null ? void 0 : _o.createAt),
+      time: ((_f = props.originData) == null ? void 0 : _f.updateAt) || ((_g = props.originData) == null ? void 0 : _g.createAt),
       onDisLike: props.onDisLike,
       onLike: props.onLike,
-      customConfig: (_p = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _p.customConfig,
+      customConfig: (_h = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _h.customConfig,
       pure: props.pure,
       onCancelLike: props.onCancelLike,
       shouldShowCopy: props.shouldShowCopy,
@@ -171,7 +162,7 @@ var AIBubble = memo((props) => {
       renderFileMoreAction: props.renderFileMoreAction,
       shouldShowVoice: props.shouldShowVoice,
       bubbleRenderConfig: props.bubbleRenderConfig,
-      contentAfterDom: (((_r = (_q = props == null ? void 0 : props.originData) == null ? void 0 : _q.fileMap) == null ? void 0 : _r.size) || 0) > 0 ? /* @__PURE__ */ React.createElement(
+      contentAfterDom: (((_j = (_i = props == null ? void 0 : props.originData) == null ? void 0 : _i.fileMap) == null ? void 0 : _j.size) || 0) > 0 ? /* @__PURE__ */ React.createElement(
         "div",
         {
           style: __spreadValues({
@@ -198,45 +189,24 @@ var AIBubble = memo((props) => {
       ) : null
     }
   );
-  const childrenDom = useMemo(() => {
-    return runRender(bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender, props, messageContent);
-  }, [
-    (_s = props.originData) == null ? void 0 : _s.content,
-    (_t = props.originData) == null ? void 0 : _t.feedback,
-    (_u = props.originData) == null ? void 0 : _u.isAborted,
-    (_v = props.originData) == null ? void 0 : _v.isFinished,
-    props.deps
-  ]);
-  const contentBeforeDom = useMemo(() => {
-    var _a2, _b2, _c2, _d2, _e2;
-    const _ = props;
-    let render = /* @__PURE__ */ React.createElement(BubbleBeforeNode, { bubble: props });
-    if (_.placement !== "left")
-      render = null;
-    if (((_a2 = _.originData) == null ? void 0 : _a2.role) === "bot")
-      render = null;
-    if (((_b2 = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _b2.enable) === false)
-      render = null;
-    const taskList = [(_d2 = (_c2 = _ == null ? void 0 : _.originData) == null ? void 0 : _c2.extra) == null ? void 0 : _d2.white_box_process].flat(
-      2
-    ).filter((item) => item == null ? void 0 : item.info);
-    if (taskList.length < 1 && !((_e2 = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _e2.alwaysRender)) {
-      render = null;
-    }
-    return runRender(bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender, props, render);
-  }, [
+  const childrenDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender,
+    props,
+    messageContent
+  );
+  const taskList = getTaskList(originData);
+  const shouldShowBeforeContent = shouldRenderBeforeContent(
+    placement,
+    originData == null ? void 0 : originData.role,
+    context == null ? void 0 : context.thoughtChain,
+    taskList.length
+  );
+  const beforeContent = shouldShowBeforeContent ? /* @__PURE__ */ React.createElement(BubbleBeforeNode, { bubble: props }) : null;
+  const contentBeforeDom = runRender(
     bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
-    props.placement,
-    (_w = props.originData) == null ? void 0 : _w.role,
-    (_y = (_x = props.originData) == null ? void 0 : _x.extra) == null ? void 0 : _y.white_box_process,
-    (_z = props.originData) == null ? void 0 : _z.isAborted,
-    (_A = props.originData) == null ? void 0 : _A.isFinished,
-    (_B = props.originData) == null ? void 0 : _B.updateAt,
-    (_C = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _C.enable,
-    (_D = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _D.alwaysRender,
-    (_E = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _E.render,
-    props.deps
-  ]);
+    props,
+    beforeContent
+  );
   const contentAfterDom = runRender(
     bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentAfterRender,
     props,
@@ -387,7 +357,7 @@ var AIBubble = memo((props) => {
         }
       }
     },
-    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_I = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _I.call(
+    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_n = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _n.call(
       bubbleRenderConfig,
       props,
       {
@@ -414,13 +384,13 @@ var AIBubble = memo((props) => {
           typing && /* @__PURE__ */ React.createElement(Loader, { style: { fontSize: 16 } }),
           titleDom
         ),
-        extra: ((_F = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _F.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
+        extra: ((_k = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _k.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
           BubbleExtra,
           {
             pure: true,
-            style: (_G = props.styles) == null ? void 0 : _G.bubbleListItemExtraStyle,
+            style: (_l = props.styles) == null ? void 0 : _l.bubbleListItemExtraStyle,
             readonly: props.readonly,
-            rightRender: (_H = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _H.extraRightRender,
+            rightRender: (_m = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _m.extraRightRender,
             onReply: props.onReply,
             onCancelLike: props.onCancelLike,
             shouldShowCopy: props.shouldShowCopy,

package/dist/Bubble/BubbleBeforeNode.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { WhiteBoxProcessInterface } from '../ThoughtChainList';
+import { BubbleProps } from './type';
+type BubbleBeforeNodeProps = {
+    bubble: BubbleProps<{
+        content: string;
+        uuid: number;
+        extra: {
+            white_box_process: WhiteBoxProcessInterface[] | WhiteBoxProcessInterface;
+            preMessage: {
+                content: string;
+            };
+        };
+    }>;
+    className?: string;
+    style?: React.CSSProperties;
+};
+/**
+ * BubbleBeforeNode 组件
+ *
+ * 在聊天气泡之前渲染思维链或任务列表，显示AI的思考过程
+ *
+ * @example
+ * ```tsx
+ * <BubbleBeforeNode bubble={bubbleData} />
+ * ```
+ */
+export declare const BubbleBeforeNode: React.FC<BubbleBeforeNodeProps>;
+export {};

package/dist/Bubble/BubbleBeforeNode.js

@@ -0,0 +1,80 @@
+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]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Bubble/BubbleBeforeNode.tsx
+import React, { useContext } from "react";
+import {
+  ThoughtChainList
+} from "../ThoughtChainList";
+import { BubbleConfigContext } from "./BubbleConfigProvide";
+var DEFAULT_TASK_LIST = [{ info: "理解问题" }];
+var getTaskList = (whiteBoxProcess) => {
+  return [whiteBoxProcess].flat(2).filter(
+    (item) => item == null ? void 0 : item.info
+  );
+};
+var canRenderThoughtChain = (placement, role, thoughtChainEnabled) => {
+  if (placement !== "left")
+    return false;
+  if (role === "bot")
+    return false;
+  if (thoughtChainEnabled === false)
+    return false;
+  return true;
+};
+var BubbleBeforeNode = ({
+  bubble,
+  className,
+  style
+}) => {
+  var _a, _b, _c, _d;
+  const context = useContext(BubbleConfigContext);
+  const { placement, originData } = bubble;
+  if (!canRenderThoughtChain(
+    placement,
+    originData == null ? void 0 : originData.role,
+    (_a = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _a.enable
+  )) {
+    return null;
+  }
+  const taskList = getTaskList((_b = originData == null ? void 0 : originData.extra) == null ? void 0 : _b.white_box_process);
+  if (taskList.length < 1 && !((_c = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _c.alwaysRender)) {
+    return null;
+  }
+  if ((_d = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _d.render) {
+    return context.thoughtChain.render(bubble, taskList.join(","));
+  }
+  const isFinished = (originData == null ? void 0 : originData.isFinished) || (originData == null ? void 0 : originData.isAborted);
+  const isLoading = (originData == null ? void 0 : originData.content) === "...";
+  return /* @__PURE__ */ React.createElement(
+    ThoughtChainList,
+    __spreadProps(__spreadValues({}, context == null ? void 0 : context.thoughtChain), {
+      className,
+      style,
+      bubble: __spreadProps(__spreadValues({}, originData), { isFinished }),
+      finishAutoCollapse: true,
+      thoughtChainList: taskList.length ? taskList : DEFAULT_TASK_LIST,
+      loading: isLoading
+    })
+  );
+};
+export {
+  BubbleBeforeNode
+};

package/dist/Bubble/BubbleConfigProvide.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { cnLabels } from '../i18n/locales';
+import { cnLabels } from '../I18n/locales';
 import { ThoughtChainListProps } from '../ThoughtChainList/types';
 import { BubbleProps } from './type';
 export type ChatConfigType = {

package/dist/Bubble/BubbleConfigProvide.js

@@ -1,6 +1,6 @@
 // src/Bubble/BubbleConfigProvide.tsx
 import React from "react";
-import { cnLabels } from "../i18n/locales";
+import { cnLabels } from "../I18n/locales";
 var BubbleConfigContext = React.createContext({
   standalone: false,
   locale: cnLabels

package/dist/Bubble/FileView.d.ts

@@ -1,27 +1,22 @@
 import React from 'react';
 import { BubbleProps } from './type';
-type BubbleBeforeNodeProps = {
-    /**
-     * 聊天项的数据
-     */
+type BubbleFileViewProps = {
     bubble: BubbleProps<{
-        /**
-         * 聊天内容
-         */
         content: string;
-        /**
-         * 聊天项的唯一标识
-         */
         uuid: number;
     }>;
     bubbleListRef: any;
     placement: 'left' | 'right';
 };
 /**
- * @description 聊天项文件视图组件，用于展示聊天项中的文件
- * @param props - 聊天项前置节点属性
- * @param props.bubble - 聊天项数据
- * @returns 如果聊天项中包含文件映射且不为空，则返回FileMapView组件；否则返回null
+ * BubbleFileView 组件
+ *
+ * 展示聊天气泡中的文件列表
+ *
+ * @example
+ * ```tsx
+ * <BubbleFileView bubble={bubbleData} placement="left" />
+ * ```
  */
-export declare const BubbleFileView: React.FC<BubbleBeforeNodeProps>;
+export declare const BubbleFileView: React.FC<BubbleFileViewProps>;
 export {};

package/dist/Bubble/FileView.js

@@ -1,82 +1,77 @@
 // src/Bubble/FileView.tsx
 import React from "react";
 import { FileMapView } from "../MarkdownInputField/FileMapView";
+var DEFAULT_DOWNLOAD_FILENAME = "download";
+var openFileInNewWindow = (file) => {
+  const url = (file == null ? void 0 : file.previewUrl) || (file == null ? void 0 : file.url);
+  if (url && typeof window !== "undefined") {
+    window.open(url, "_blank");
+  }
+};
+var downloadFile = (file) => {
+  const url = (file == null ? void 0 : file.url) || (file == null ? void 0 : file.previewUrl);
+  if (!url || typeof document === "undefined")
+    return;
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = (file == null ? void 0 : file.name) || DEFAULT_DOWNLOAD_FILENAME;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
 var defaultHandlers = {
-  onPreview: (file) => {
-    const url = (file == null ? void 0 : file.previewUrl) || (file == null ? void 0 : file.url);
-    if (url && typeof window !== "undefined")
-      window.open(url, "_blank");
-  },
-  onDownload: (file) => {
-    const url = (file == null ? void 0 : file.url) || (file == null ? void 0 : file.previewUrl);
-    if (!url || typeof document === "undefined")
-      return;
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = (file == null ? void 0 : file.name) || "download";
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-  },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onViewAll: (_files) => {
+  onPreview: openFileInNewWindow,
+  onDownload: downloadFile,
+  onViewAll: () => {
   }
 };
-var BubbleFileView = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const _ = props.bubble;
-  if (!((_a = _.originData) == null ? void 0 : _a.fileMap) || ((_b = _.originData) == null ? void 0 : _b.fileMap.size) === 0) {
-    return null;
+var renderMoreAction = (cfg, file) => {
+  if (!cfg)
+    return void 0;
+  if (React.isValidElement(cfg) || typeof cfg !== "function") {
+    return cfg;
   }
-  const override = ((_d = (_c = props.bubble).fileViewEvents) == null ? void 0 : _d.call(_c, defaultHandlers)) || {};
-  const allFiles = Array.from(((_f = (_e = _.originData) == null ? void 0 : _e.fileMap) == null ? void 0 : _f.values()) || []);
-  const onPreviewProp = override.onPreview ? (file) => {
-    var _a2;
-    return (_a2 = override.onPreview) == null ? void 0 : _a2.call(override, file);
-  } : void 0;
-  const onDownloadProp = override.onDownload ? (file) => {
-    var _a2;
-    return (_a2 = override.onDownload) == null ? void 0 : _a2.call(override, file);
-  } : void 0;
-  const onViewAllProp = override.onViewAll ? () => {
-    var _a2;
-    return (_a2 = override.onViewAll) == null ? void 0 : _a2.call(override, allFiles);
-  } : void 0;
-  const viewCfg = _.fileViewConfig || {};
-  const className = viewCfg.className;
-  const style = viewCfg.style;
-  const maxDisplayCount = viewCfg.maxDisplayCount;
-  const renderFileMoreAction = (file) => {
-    const cfg = viewCfg == null ? void 0 : viewCfg.renderFileMoreAction;
-    if (!cfg)
-      return void 0;
-    if (React.isValidElement(cfg) || typeof cfg !== "function") {
-      return cfg;
-    }
-    try {
-      if (cfg.length === 0) {
-        const res = cfg();
-        return typeof res === "function" ? res(file) : res;
-      }
-      return cfg(file);
-    } catch (_e2) {
-      return void 0;
+  try {
+    if (cfg.length === 0) {
+      const result = cfg();
+      return typeof result === "function" ? result(file) : result;
     }
-  };
+    return cfg(file);
+  } catch (e) {
+    return void 0;
+  }
+};
+var createEventHandler = (handler) => {
+  return handler ? (...args) => handler(...args) : void 0;
+};
+var BubbleFileView = ({
+  bubble,
+  placement
+}) => {
+  const { originData, fileViewEvents, fileViewConfig } = bubble;
+  if (!(originData == null ? void 0 : originData.fileMap) || originData.fileMap.size === 0) {
+    return null;
+  }
+  const allFiles = Array.from(originData.fileMap.values());
+  const eventOverrides = (fileViewEvents == null ? void 0 : fileViewEvents(defaultHandlers)) || {};
+  const config = fileViewConfig || {};
   return /* @__PURE__ */ React.createElement(
     FileMapView,
     {
-      className,
-      style,
-      maxDisplayCount,
-      showMoreButton: viewCfg == null ? void 0 : viewCfg.showMoreButton,
-      onPreview: onPreviewProp,
-      onDownload: onDownloadProp,
-      onViewAll: onViewAllProp,
-      renderMoreAction: renderFileMoreAction,
-      customSlot: viewCfg == null ? void 0 : viewCfg.customSlot,
-      placement: props.placement,
-      fileMap: (_g = _.originData) == null ? void 0 : _g.fileMap,
+      className: config.className,
+      style: config.style,
+      maxDisplayCount: config.maxDisplayCount,
+      showMoreButton: config.showMoreButton,
+      onPreview: createEventHandler(eventOverrides.onPreview),
+      onDownload: createEventHandler(eventOverrides.onDownload),
+      onViewAll: eventOverrides.onViewAll ? () => {
+        var _a;
+        return (_a = eventOverrides.onViewAll) == null ? void 0 : _a.call(eventOverrides, allFiles);
+      } : void 0,
+      renderMoreAction: (file) => renderMoreAction(config.renderFileMoreAction, file),
+      customSlot: config.customSlot,
+      placement,
+      fileMap: originData.fileMap,
       "data-testid": "file-item"
     }
   );

package/dist/Bubble/List/style.js

@@ -22,7 +22,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import {
   resetComponent,
   useEditorStyleRegister
-} from "../../hooks/useStyle";
+} from "../../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/Bubble/MessagesContent/BubbleExtra.js

@@ -63,8 +63,8 @@ import copy from "copy-to-clipboard";
 import { motion } from "framer-motion";
 import { Copy, RotateCwSquare } from "@sofa-design/icons";
 import React, { useContext, useEffect, useMemo, useState } from "react";
-import { ActionIconBox } from "../../components/ActionIconBox";
-import { Loading } from "../../components/Loading";
+import { ActionIconBox } from "../../Components/ActionIconBox";
+import { Loading } from "../../Components/Loading";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { CopyButton } from "./CopyButton";
 import { VoiceButton } from "./VoiceButton";

package/dist/Bubble/MessagesContent/CopyButton/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ActionIconBoxProps } from '../../../components/ActionIconBox';
+import { ActionIconBoxProps } from '../../../Components/ActionIconBox';
 /**
  * CopyIcon 组件 - 复制图标组件
  *

package/dist/Bubble/MessagesContent/CopyButton/index.js

@@ -56,8 +56,8 @@ import { CheckCircleFilled } from "@ant-design/icons";
 import React from "react";
 import {
   ActionIconBox
-} from "../../../components/ActionIconBox";
-import { useCopied } from "../../../hooks/useCopied";
+} from "../../../Components/ActionIconBox";
+import { useCopied } from "../../../Hooks/useCopied";
 import { BubbleConfigContext } from "../../BubbleConfigProvide";
 var CopyIcon = (props) => {
   return /* @__PURE__ */ React.createElement(