@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/Bubble/MessagesContent/EXCEPTION.js

@@ -1,25 +1,45 @@
-// src/Bubble/MessagesContent/EXCEPTION.tsx
 import { theme } from "antd";
 import React from "react";
-var EXCEPTION = ({
-  extra,
-  content
-}) => {
-  const { token } = theme.useToken();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        color: token.colorError,
-        lineHeight: "24px",
-        padding: "4px 20px",
-        wordBreak: "break-all",
-        textWrap: "wrap"
-      }
-    },
-    content
-  ), extra);
-};
-export {
-  EXCEPTION
+/**
+ * EXCEPTION 组件 - 异常消息组件
+ *
+ * 该组件用于显示异常或错误消息，使用错误主题色进行样式化。
+ * 主要用于显示系统错误、网络异常或其他异常状态的消息。
+ *
+ * @component
+ * @description 异常消息组件，用于显示错误和异常信息
+ * @param {Object} props - 组件属性
+ * @param {React.ReactNode} props.extra - 额外的内容，显示在错误消息下方
+ * @param {string} props.content - 异常消息内容
+ * @param {Record<string, any> & MessageBubbleData} [props.originData] - 原始消息数据
+ *
+ * @example
+ * ```tsx
+ * import { EXCEPTION } from './EXCEPTION';
+ *
+ * <EXCEPTION
+ *   content="网络连接失败，请检查网络设置"
+ *   extra={<RetryButton onClick={handleRetry} />}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的异常消息组件
+ *
+ * @remarks
+ * - 使用 Ant Design 的错误主题色
+ * - 支持额外的内容显示
+ * - 自动换行和文本包装
+ * - 响应式设计
+ */ export var EXCEPTION = function(param) {
+    var extra = param.extra, content = param.content;
+    var token = theme.useToken().token;
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            color: token.colorError,
+            lineHeight: '24px',
+            padding: '4px 20px',
+            wordBreak: 'break-all',
+            textWrap: 'wrap'
+        }
+    }, content), extra);
 };

package/dist/Bubble/MessagesContent/MarkdownPreview.js

@@ -1,168 +1,218 @@
-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/MessagesContent/MarkdownPreview.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 { Popover, theme } from "antd";
 import React, { useContext, useEffect, useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
-import {
-  MarkdownEditor,
-  parserMdToSchema
-} from "../../";
+import { MarkdownEditor, parserMdToSchema } from "../..";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { MessagesContext } from "./BubbleContext";
-var MarkdownPreview = (props) => {
-  const {
-    content,
-    extra,
-    typing,
-    htmlRef,
-    fncProps,
-    docListNode,
-    isFinished,
-    beforeContent,
-    afterContent
-  } = props;
-  const MarkdownEditorRef = React.useRef(
-    void 0
-  );
-  const { hidePadding } = useContext(MessagesContext) || {};
-  const { locale, standalone } = useContext(BubbleConfigContext) || {};
-  const { token } = theme.useToken();
-  useEffect(() => {
-    var _a;
-    if (isFinished) {
-      (_a = MarkdownEditorRef.current) == null ? void 0 : _a.store.setMDContent(content);
-      return;
-    }
-  }, [isFinished]);
-  const isPaddingHidden = useMemo(() => {
-    return !!extra;
-  }, [extra, typing]);
-  useEffect(() => {
-    var _a;
-    const schema = parserMdToSchema(content).schema;
-    (_a = MarkdownEditorRef.current) == null ? void 0 : _a.store.updateNodeList(schema);
-  }, [content]);
-  const markdown = useMemo(() => {
-    var _a, _b, _c, _d;
-    const minWidth = ((_a = content == null ? void 0 : content.includes) == null ? void 0 : _a.call(content, "chartType")) ? standalone ? Math.max((((_b = htmlRef == null ? void 0 : htmlRef.current) == null ? void 0 : _b.clientWidth) || 600) - 23, 500) : Math.min((((_c = htmlRef == null ? void 0 : htmlRef.current) == null ? void 0 : _c.clientWidth) || 600) - 128, 500) : void 0;
-    return /* @__PURE__ */ React.createElement(
-      MarkdownEditor,
-      __spreadProps(__spreadValues({}, props.markdownRenderConfig || {}), {
-        fncProps,
-        editorRef: MarkdownEditorRef,
-        initValue: content,
-        toc: false,
-        width: "100%",
-        height: "auto",
-        contentStyle: props.style,
-        tableConfig: __spreadValues({
-          actions: {
-            fullScreen: "modal"
-          }
-        }, ((_d = props.markdownRenderConfig) == null ? void 0 : _d.tableConfig) || {}),
-        rootContainer: htmlRef,
-        editorStyle: {
-          fontSize: 14
-        },
-        typewriter: typing,
-        style: {
-          minWidth: minWidth ? `min(${minWidth}px,100%)` : void 0,
-          maxWidth: standalone ? "100%" : void 0,
-          padding: isPaddingHidden ? 0 : void 0,
-          margin: isPaddingHidden ? 0 : void 0
-        },
-        readonly: true
-      })
-    );
-  }, [hidePadding, typing, isPaddingHidden, content]);
-  const errorDom = /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        padding: "var(--padding-5x)",
-        background: " #FFFFFF",
-        color: token.colorError,
-        borderRadius: "16px 16px 2px 16px",
-        border: "1px solid " + token.colorErrorBorder,
-        marginLeft: props.placement === "right" ? 0 : 24,
-        marginRight: props.placement === "right" ? 24 : 0
-      }
-    },
-    (locale == null ? void 0 : locale["error.unexpected"]) || "出现点意外情况，请重新发送"
-  );
-  if (props.placement !== "right") {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
+/**
+ * Markdown 预览组件
+ * @component MarkdownPreview
+ *
+ * @param {Object} props - 组件属性
+ * @param {string} props.content - Markdown 内容
+ * @param {ReactNode} props.extra - 额外的内容
+ * @param {boolean} props.typing - 是否正在输入
+ * @param {React.RefObject} props.htmlRef - HTML 元素的引用
+ * @param {Object} props.fncProps - 功能属性
+ * @param {ReactNode} props.docListNode - 文档列表节点
+ * @param {boolean} props.isFinished - 内容是否已完成
+ * @param {ReactNode} props.beforeContent - 在 content 前面插入的 DOM 元素
+ * @param {ReactNode} props.afterContent - 在 content 后面插入的 DOM 元素
+ *
+ * @description
+ * 这是一个用于渲染 Markdown 内容的预览组件。它支持以下功能：
+ * - 普通 Markdown 渲染
+ * - 支持打字机效果
+ * - 错误边界处理
+ * - 支持 Apaasify 自定义渲染
+ * - 支持紧凑模式和标准模式
+ * - 支持弹出层展示额外内容
+ * - 支持在 content 前后插入自定义 DOM 元素
+ *
+ * @example
+ * ```tsx
+ * <MarkdownPreview
+ *   content="# Hello World"
+ *   typing={false}
+ *   htmlRef={ref}
+ *   beforeContent={<div>前置内容</div>}
+ *   afterContent={<div>后置内容</div>}
+ * />
+ * ```
+ */ export var MarkdownPreview = function(props) {
+    var content = props.content, extra = props.extra, typing = props.typing, htmlRef = props.htmlRef, fncProps = props.fncProps, docListNode = props.docListNode, isFinished = props.isFinished, beforeContent = props.beforeContent, afterContent = props.afterContent;
+    var MarkdownEditorRef = React.useRef(undefined);
+    var hidePadding = (useContext(MessagesContext) || {}).hidePadding;
+    var _ref = useContext(BubbleConfigContext) || {}, locale = _ref.locale, standalone = _ref.standalone;
+    var token = theme.useToken().token;
+    useEffect(function() {
+        if (isFinished) {
+            var _MarkdownEditorRef_current;
+            (_MarkdownEditorRef_current = MarkdownEditorRef.current) === null || _MarkdownEditorRef_current === void 0 ? void 0 : _MarkdownEditorRef_current.store.setMDContent(content);
+            return;
+        }
+    }, [
+        isFinished
+    ]);
+    var isPaddingHidden = useMemo(function() {
+        return !!extra;
+    }, [
+        extra,
+        typing
+    ]);
+    useEffect(function() {
+        var _MarkdownEditorRef_current;
+        var schema = parserMdToSchema(content).schema;
+        (_MarkdownEditorRef_current = MarkdownEditorRef.current) === null || _MarkdownEditorRef_current === void 0 ? void 0 : _MarkdownEditorRef_current.store.updateNodeList(schema);
+    }, [
+        content
+    ]);
+    var markdown = useMemo(function() {
+        var _content_includes, _htmlRef_current, _htmlRef_current1, _props_markdownRenderConfig;
+        var minWidth = (content === null || content === void 0 ? void 0 : (_content_includes = content.includes) === null || _content_includes === void 0 ? void 0 : _content_includes.call(content, 'chartType')) ? standalone ? Math.max(((htmlRef === null || htmlRef === void 0 ? void 0 : (_htmlRef_current = htmlRef.current) === null || _htmlRef_current === void 0 ? void 0 : _htmlRef_current.clientWidth) || 600) - 23, 500) : Math.min(((htmlRef === null || htmlRef === void 0 ? void 0 : (_htmlRef_current1 = htmlRef.current) === null || _htmlRef_current1 === void 0 ? void 0 : _htmlRef_current1.clientWidth) || 600) - 128, 500) : undefined;
+        return /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({}, props.markdownRenderConfig || {}), {
+            fncProps: fncProps,
+            editorRef: MarkdownEditorRef,
+            initValue: content,
+            toc: false,
+            width: "100%",
+            height: "auto",
+            contentStyle: props.style,
+            tableConfig: _object_spread({
+                actions: {
+                    fullScreen: 'modal'
+                }
+            }, ((_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.tableConfig) || {}),
+            rootContainer: htmlRef,
+            editorStyle: {
+                fontSize: 14
+            },
+            typewriter: typing,
+            style: {
+                minWidth: minWidth ? "min(".concat(minWidth, "px,100%)") : undefined,
+                maxWidth: standalone ? '100%' : undefined,
+                padding: isPaddingHidden ? 0 : undefined,
+                margin: isPaddingHidden ? 0 : undefined
+            },
+            readonly: true
+        }));
+    }, [
+        hidePadding,
+        typing,
+        isPaddingHidden,
+        content
+    ]);
+    var errorDom = /*#__PURE__*/ React.createElement("div", {
         style: {
-          display: "flex",
-          flexDirection: "column",
-          minWidth: 0,
-          maxWidth: "100%"
+            padding: 'var(--padding-5x)',
+            background: ' #FFFFFF',
+            color: token.colorError,
+            borderRadius: '16px 16px 2px 16px',
+            border: '1px solid ' + token.colorErrorBorder,
+            marginLeft: props.placement === 'right' ? 0 : 24,
+            marginRight: props.placement === 'right' ? 24 : 0
         }
-      },
-      /* @__PURE__ */ React.createElement(ErrorBoundary, { fallback: errorDom }, beforeContent, markdown, docListNode, afterContent),
-      extra
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    Popover,
-    {
-      align: {
-        points: ["tr", "br"],
-        offset: [0, -12]
-      },
-      content: extra,
-      styles: {
-        root: {
-          padding: 0,
-          borderRadius: "var(--radius-control-sm)",
-          background: "var(--color-primary-bg-page)",
-          boxShadow: "var(--shadow-control-base)"
+    }, (locale === null || locale === void 0 ? void 0 : locale['error.unexpected']) || '出现点意外情况，请重新发送');
+    if (props.placement !== 'right') {
+        return /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                minWidth: 0,
+                maxWidth: '100%'
+            }
+        }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
+            fallback: errorDom
+        }, beforeContent, markdown, docListNode, afterContent), extra);
+    }
+    return /*#__PURE__*/ React.createElement(Popover, {
+        align: {
+            points: [
+                'tr',
+                'br'
+            ],
+            offset: [
+                0,
+                -12
+            ]
         },
-        body: {
-          padding: "var(--padding-0-5x)",
-          borderRadius: "var(--radius-control-sm)",
-          background: "var(--color-primary-bg-page)",
-          boxShadow: "var(--shadow-control-base)"
-        }
-      },
-      arrow: false,
-      placement: "bottomRight"
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
+        content: extra,
+        styles: {
+            root: {
+                padding: 0,
+                borderRadius: 'var(--radius-control-sm)',
+                background: 'var(--color-primary-bg-page)',
+                boxShadow: 'var(--shadow-control-base)'
+            },
+            body: {
+                padding: 'var(--padding-0-5x)',
+                borderRadius: 'var(--radius-control-sm)',
+                background: 'var(--color-primary-bg-page)',
+                boxShadow: 'var(--shadow-control-base)'
+            }
+        },
+        arrow: false,
+        placement: "bottomRight"
+    }, /*#__PURE__*/ React.createElement("div", {
         style: {
-          display: "flex",
-          flexDirection: "column",
-          minWidth: 0,
-          maxWidth: "100%"
+            display: 'flex',
+            flexDirection: 'column',
+            minWidth: 0,
+            maxWidth: '100%'
         }
-      },
-      /* @__PURE__ */ React.createElement(ErrorBoundary, { fallback: errorDom }, beforeContent, markdown, docListNode, afterContent)
-    )
-  );
-};
-export {
-  MarkdownPreview
+    }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
+        fallback: errorDom
+    }, beforeContent, markdown, docListNode, afterContent)));
 };