@ant-design/agentic-ui 2.27.6 → 2.27.8

package/dist/Bubble/Bubble.js

@@ -52,6 +52,7 @@ function _object_spread_props(target, source) {
 }
 import { memo } from "react";
 import React from "react";
+import { debugInfo } from "../Utils/debugUtils";
 import { AIBubble } from "./AIBubble";
 import { useSchemaEditorBridge } from "./schema-editor";
 import { UserBubble } from "./UserBubble";
@@ -104,11 +105,12 @@ import { UserBubble } from "./UserBubble";
  */ export var Bubble = /*#__PURE__*/ memo(function(props) {
     var originData = props.originData;
     /** 判断是否有可编辑的字符串内容 */ var hasEditableContent = !!(originData === null || originData === void 0 ? void 0 : originData.originContent) || typeof (originData === null || originData === void 0 ? void 0 : originData.content) === 'string';
-    /** 获取初始内容：优先 originContent，回退到字符串 content */ var initialContent = hasEditableContent ? (originData === null || originData === void 0 ? void 0 : originData.content) || (originData === null || originData === void 0 ? void 0 : originData.originContent) : '';
+    /** 获取初始内容：优先 originContent，回退到字符串 content */ var initialContent = hasEditableContent ? originData === null || originData === void 0 ? void 0 : originData.content : '';
     /**
    * Schema Editor Bridge Hook
    * @description 开发环境自动启用，生产环境返回原始内容
    */ var content = useSchemaEditorBridge(props.id, initialContent).content;
+    debugInfo('useSchemaEditorBridge', content);
     /** 根据角色自动选择组件 */ var isUserMessage = props.placement === undefined ? (originData === null || originData === void 0 ? void 0 : originData.role) === 'user' : props.placement === 'right';
     /** 构建传递给子组件的 props */ var bubbleProps = _object_spread_props(_object_spread({}, props), {
         placement: props.placement || (isUserMessage ? 'right' : 'left'),
@@ -116,6 +118,10 @@ import { UserBubble } from "./UserBubble";
             content: content
         }) : undefined
     });
+    debugInfo('bubbleProps', {
+        isUserMessage: isUserMessage,
+        bubbleProps: bubbleProps
+    });
     // 根据角色分发到对应的子组件
     if (isUserMessage) {
         return /*#__PURE__*/ React.createElement(UserBubble, _object_spread_props(_object_spread({}, bubbleProps), {

package/dist/Components/effects/EffectPlayer.js

@@ -124,8 +124,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { Player } from "@galacean/effects";
-import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { useLatest } from "react-use";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 function EffectPlayer(_param) {
     var sceneUrl = _param.sceneUrl, downgradeImage = _param.downgradeImage, _param_autoplay = _param.autoplay, autoplay = _param_autoplay === void 0 ? true : _param_autoplay, _param_size = _param.// TODO: 添加禁止循环播放功能
     // loop = true,
@@ -149,11 +150,9 @@ function EffectPlayer(_param) {
     // ==================== Downgrade Image ====================
     var downgradeImageRef = useLatest(downgradeImage);
     var _useState = _sliced_to_array(useState(), 2), fallbackImage = _useState[0], setFallbackImage = _useState[1];
-    var onError = useCallback(function() {
+    var onError = useRefFunction(function() {
         setFallbackImage(downgradeImageRef.current);
-    }, [
-        downgradeImageRef
-    ]);
+    });
     // ==================== Create Player ====================
     useLayoutEffect(function() {
         // create player

package/dist/History/components/HistoryItem.js

@@ -199,6 +199,7 @@ function _ts_generator(thisArg, body) {
 import { CloseCircleFill, FileCheckFill, WarningFill } from "@sofa-design/icons";
 import { Checkbox, ConfigProvider, Divider, Tooltip } from "antd";
 import React, { useContext } from "react";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 import { I18nContext } from "../../I18n";
 import { useStyle } from "../style";
 import { TaskStatusData } from "../types/HistoryData";
@@ -310,27 +311,21 @@ var getMaskStyle = function(isOverflow) {
         selectedIds,
         item.sessionId
     ]);
-    var handleClick = React.useCallback(function(e) {
+    var handleClick = useRefFunction(function(e) {
         e.stopPropagation();
         e.preventDefault();
         onClick(item.sessionId, item);
-    }, [
-        onClick,
-        item
-    ]);
+    });
     /**
      * 处理复选框状态变化事件
      * @param e - 复选框变化事件对象
-     */ var handleCheckboxChange = React.useCallback(function(e) {
+     */ var handleCheckboxChange = useRefFunction(function(e) {
         e.stopPropagation();
         onSelectionChange(item.sessionId, e.target.checked);
-    }, [
-        onSelectionChange,
-        item.sessionId
-    ]);
+    });
     /**
      * 处理删除历史记录项事件
-     */ var handleDelete = React.useCallback(/*#__PURE__*/ _async_to_generator(function() {
+     */ var handleDelete = useRefFunction(/*#__PURE__*/ _async_to_generator(function() {
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -351,10 +346,7 @@ var getMaskStyle = function(isOverflow) {
                     ];
             }
         });
-    }), [
-        onDeleteItem,
-        item.sessionId
-    ]);
+    }));
     /**
      * 渲染单行模式的历史记录项
      * @returns 历史记录项组件
@@ -496,27 +488,21 @@ HistoryItemSingle.displayName = 'HistoryItemSingle';
     /**
      * 处理点击事件
      * @param e - 鼠标点击事件对象
-     */ var handleClick = React.useCallback(function(e) {
+     */ var handleClick = useRefFunction(function(e) {
         e.stopPropagation();
         e.preventDefault();
         onClick(item.sessionId, item);
-    }, [
-        onClick,
-        item
-    ]);
+    });
     /**
      * 处理复选框状态变化事件
      * @param e - 复选框变化事件对象
-     */ var handleCheckboxChange = React.useCallback(function(e) {
+     */ var handleCheckboxChange = useRefFunction(function(e) {
         e.stopPropagation();
         onSelectionChange(item.sessionId, e.target.checked);
-    }, [
-        onSelectionChange,
-        item.sessionId
-    ]);
+    });
     /**
      * 处理删除事件
-     */ var handleDelete = React.useCallback(/*#__PURE__*/ _async_to_generator(function() {
+     */ var handleDelete = useRefFunction(/*#__PURE__*/ _async_to_generator(function() {
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -537,10 +523,7 @@ HistoryItemSingle.displayName = 'HistoryItemSingle';
                     ];
             }
         });
-    }), [
-        onDeleteItem,
-        item.sessionId
-    ]);
+    }));
     /**
      * 渲染多行模式的历史记录项
      * @returns 历史记录项组件

package/dist/History/components/LoadMoreComponent.js

@@ -197,7 +197,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { EllipsisOutlined, LoadingOutlined } from "@ant-design/icons";
-import React, { useCallback, useContext, useState } from "react";
+import React, { useContext, useState } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
 import { I18nContext } from "../../I18n";
 /**
@@ -298,14 +298,12 @@ export var HistoryLoadMore = function(param) {
             }
         });
     }));
-    var handleKeyDown = useCallback(function(event) {
+    var handleKeyDown = useRefFunction(function(event) {
         if (event.key === 'Enter' || event.key === ' ') {
             event.preventDefault();
             onClickFn();
         }
-    }, [
-        onClickFn
-    ]);
+    });
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
         className: "".concat(className),
         tabIndex: 0,

package/dist/History/components/NewChatComponent.js

@@ -170,7 +170,8 @@ function _ts_generator(thisArg, body) {
 }
 import { AiAgentManagement } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
-import React, { useCallback, useContext, useState } from "react";
+import React, { useContext, useState } from "react";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 import { I18nContext } from "../../I18n";
 import { useNewChatStyle } from "./NewChatComponent.style";
 /**
@@ -208,7 +209,7 @@ import { useNewChatStyle } from "./NewChatComponent.style";
     var _useNewChatStyle = useNewChatStyle(menuPrefixCls), wrapSSR = _useNewChatStyle.wrapSSR, hashId = _useNewChatStyle.hashId;
     var locale = useContext(I18nContext).locale;
     var _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1];
-    var handleClick = useCallback(/*#__PURE__*/ _async_to_generator(function() {
+    var handleClick = useRefFunction(/*#__PURE__*/ _async_to_generator(function() {
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -245,18 +246,13 @@ import { useNewChatStyle } from "./NewChatComponent.style";
                     ];
             }
         });
-    }), [
-        loading,
-        onNewChat
-    ]);
-    var handleKeyDown = useCallback(function(event) {
+    }));
+    var handleKeyDown = useRefFunction(function(event) {
         if (event.key === 'Enter' || event.key === ' ') {
             event.preventDefault();
             handleClick();
         }
-    }, [
-        handleClick
-    ]);
+    });
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         role: "button",
         tabIndex: 0,

package/dist/History/menu.js

@@ -55,24 +55,20 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { ConfigProvider, Spin } from "antd";
 import classNames from "classnames";
-import React, { useCallback, useContext } from "react";
+import React, { useContext } from "react";
+import { useRefFunction } from "../Hooks/useRefFunction";
 import { useStyle } from "./style";
 // 菜单项组件
 var MenuItem = function(param) {
     var item = param.item, isSelected = param.isSelected, _param_inlineIndent = param.inlineIndent, inlineIndent = _param_inlineIndent === void 0 ? 0 : _param_inlineIndent, onSelect = param.onSelect, _param_level = param.level, level = _param_level === void 0 ? 0 : _param_level, prefixCls = param.prefixCls, hashId = param.hashId, currentSelectedKey = param.currentSelectedKey, customClassNames = param.classNames;
     var baseClass = "".concat(prefixCls, "-item");
-    var handleClick = useCallback(function() {
+    var handleClick = useRefFunction(function() {
         if (!item.disabled) {
             var _item_onClick;
             onSelect(item.key);
             (_item_onClick = item.onClick) === null || _item_onClick === void 0 ? void 0 : _item_onClick.call(item);
         }
-    }, [
-        item.disabled,
-        item.key,
-        item.onClick,
-        onSelect
-    ]);
+    });
     // 如果是分组且有子项，并且嵌套层级小于2
     if (item.type === 'group' && item.children && level < 2) {
         return /*#__PURE__*/ React.createElement("div", {
@@ -134,13 +130,11 @@ var MenuItem = function(param) {
     var currentSelectedKey = selectedKeys && selectedKeys[0];
     // 直接使用传入的 items，支持最多双层嵌套
     var dataSource = items || [];
-    var handleSelect = useCallback(function(key) {
+    var handleSelect = useRefFunction(function(key) {
         onSelect === null || onSelect === void 0 ? void 0 : onSelect({
             key: key
         });
-    }, [
-        onSelect
-    ]);
+    });
     // 直接传递用户自定义的 classNames
     return wrapSSR(/*#__PURE__*/ React.createElement("div", _object_spread({
         className: classNames(prefixCls, hashId, className),

package/dist/MarkdownEditor/editor/Editor.js

@@ -234,7 +234,7 @@ function _ts_generator(thisArg, body) {
 }
 import { useDebounceFn } from "@ant-design/pro-components";
 import classNames from "classnames";
-import React, { useCallback, useContext, useEffect, useMemo, useRef } from "react";
+import React, { useContext, useEffect, useMemo, useRef } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { Editor, Node, Range, Transforms } from "slate";
 import { Editable, ReactEditor, Slate } from "slate-react";
@@ -327,7 +327,7 @@ var defaultAllowedTypes = [
     // 用于标记是否已在当前渲染周期重置过索引
     var hasResetIndexRef = useRef(false);
     // 计算懒加载元素总数的函数
-    var countLazyElements = useCallback(function(nodes) {
+    var countLazyElements = useRefFunction(function(nodes) {
         var count = 0;
         var traverse = function(nodeList) {
             nodeList.forEach(function(node) {
@@ -343,7 +343,7 @@ var defaultAllowedTypes = [
         };
         traverse(nodes);
         return count;
-    }, []);
+    });
     var changedMark = useRef(false);
     var value = useRef([
         EditorUtils.p
@@ -969,7 +969,7 @@ var defaultAllowedTypes = [
             }
         }
     };
-    var elementRenderElement = useCallback(function(eleProps) {
+    var elementRenderElement = useRefFunction(function(eleProps) {
         var _props_lazy;
         // 在每个渲染周期的第一次调用时重置索引
         if (!hasResetIndexRef.current) {
@@ -1045,13 +1045,7 @@ var defaultAllowedTypes = [
             }, renderedDom);
         }
         return renderedDom;
-    }, [
-        props.eleItemRender,
-        props.lazy,
-        plugins,
-        readonly,
-        countLazyElements
-    ]);
+    });
     var renderMarkdownLeaf = useRefFunction(function(leafComponentProps) {
         var defaultDom = /*#__PURE__*/ React.createElement(MLeaf, _object_spread_props(_object_spread({}, leafComponentProps), {
             fncProps: props.fncProps,

package/dist/MarkdownEditor/editor/components/MediaErrorLink.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * 媒体加载失败时的错误链接组件属性
+ */
+interface MediaErrorLinkProps {
+    /** 链接地址 */
+    url: string | undefined;
+    /** 备用链接地址 */
+    fallbackUrl?: string | undefined;
+    /** 显示文本 */
+    displayText: string;
+    /** 可选的样式覆盖 */
+    style?: React.CSSProperties;
+}
+export declare const MediaErrorLink: React.MemoExoticComponent<({ url, fallbackUrl, displayText, style, }: MediaErrorLinkProps) => React.JSX.Element>;
+export {};

package/dist/MarkdownEditor/editor/components/MediaErrorLink.js

@@ -0,0 +1,90 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _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;
+}
+import { ExclamationCircleOutlined } from "@ant-design/icons";
+import { SquareArrowUpRight } from "@sofa-design/icons";
+import React from "react";
+import { useEditorStore } from "../store";
+/**
+ * 媒体加载失败时的错误链接组件
+ *
+ * 当图片、视频或音频加载失败时，显示一个可点击的链接
+ * 支持自定义链接点击行为和打开方式
+ *
+ * @param props - 组件属性
+ * @returns 错误链接元素
+ *
+ * @example
+ * ```tsx
+ * <MediaErrorLink
+ *   url="https://example.com/image.jpg"
+ *   displayText="图片链接"
+ * />
+ * ```
+ */ var MediaErrorLinkComponent = function(param) {
+    var url = param.url, fallbackUrl = param.fallbackUrl, displayText = param.displayText, style = param.style;
+    var editorProps = useEditorStore().editorProps;
+    var handleClick = function(e) {
+        var _editorProps_linkConfig, _editorProps_linkConfig1;
+        var finalUrl = url || fallbackUrl;
+        if (!finalUrl) return;
+        e.stopPropagation();
+        e.preventDefault();
+        if ((_editorProps_linkConfig = editorProps.linkConfig) === null || _editorProps_linkConfig === void 0 ? void 0 : _editorProps_linkConfig.onClick) {
+            if (editorProps.linkConfig.onClick(finalUrl) === false) {
+                return;
+            }
+        }
+        if ((editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_linkConfig1 = editorProps.linkConfig) === null || _editorProps_linkConfig1 === void 0 ? void 0 : _editorProps_linkConfig1.openInNewTab) !== false) {
+            window.open(finalUrl, '_blank');
+        } else {
+            window.open(finalUrl, '_self');
+        }
+    };
+    return /*#__PURE__*/ React.createElement("span", {
+        onClick: handleClick,
+        style: _object_spread({
+            color: '#1890ff',
+            textDecoration: 'underline',
+            wordBreak: 'break-all',
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: '8px',
+            maxWidth: '100%',
+            padding: '8px 12px',
+            border: '1px dashed #d9d9d9',
+            borderRadius: '6px',
+            backgroundColor: '#fafafa'
+        }, style)
+    }, /*#__PURE__*/ React.createElement(ExclamationCircleOutlined, {
+        style: {
+            color: '#faad14'
+        }
+    }), displayText, /*#__PURE__*/ React.createElement(SquareArrowUpRight, null));
+};
+export var MediaErrorLink = /*#__PURE__*/ React.memo(MediaErrorLinkComponent);

package/dist/MarkdownEditor/editor/elements/{Blockquote.d.ts → Blockquote/index.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BlockQuoteNode, ElementProps } from '../../el';
+import { BlockQuoteNode, ElementProps } from '../../../el';
 /**
  * Blockquote 组件 - 引用块组件
  *

package/dist/MarkdownEditor/editor/elements/{Blockquote.js → Blockquote/index.js}

@@ -51,7 +51,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 import React from "react";
-import { useEditorStore } from "../store";
+import { useEditorStore } from "../../store";
 /**
  * Blockquote 组件 - 引用块组件
  *

package/dist/MarkdownEditor/editor/elements/{FootnoteDefinition.d.ts → FootnoteDefinition/index.d.ts}

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ElementProps, FootnoteDefinitionNode } from '../../el';
+import { ElementProps, FootnoteDefinitionNode } from '../../../el';
 export declare const FootnoteDefinition: (props: ElementProps<FootnoteDefinitionNode>) => React.JSX.Element;

package/dist/MarkdownEditor/editor/elements/{FootnoteDefinition.js → FootnoteDefinition/index.js}

@@ -53,8 +53,8 @@ function _object_spread_props(target, source) {
 import { ExportOutlined } from "@ant-design/icons";
 import React, { useMemo } from "react";
 import { Node } from "slate";
-import { useEditorStore } from "../store";
-import { DragHandle } from "../tools/DragHandle";
+import { useEditorStore } from "../../store";
+import { DragHandle } from "../../tools/DragHandle";
 export var FootnoteDefinition = function(props) {
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var element = props.element;

package/dist/MarkdownEditor/editor/elements/{FootnoteReference.d.ts → FootnoteReference/index.d.ts}

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ElementProps, FootnoteDefinitionNode } from '../../el';
+import { ElementProps, FootnoteDefinitionNode } from '../../../el';
 export declare const FootnoteReference: (props: ElementProps<FootnoteDefinitionNode>) => React.JSX.Element;

package/dist/MarkdownEditor/editor/elements/{FootnoteReference.js → FootnoteReference/index.js}

@@ -98,9 +98,9 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React from "react";
 import { Node } from "slate";
-import { useSelStatus } from "../../hooks/editor";
-import { useEditorStore } from "../store";
-import { DragHandle } from "../tools/DragHandle";
+import { useSelStatus } from "../../../hooks/editor";
+import { useEditorStore } from "../../store";
+import { DragHandle } from "../../tools/DragHandle";
 export var FootnoteReference = function(props) {
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var _useSelStatus = _sliced_to_array(useSelStatus(props.element), 1), selected = _useSelStatus[0];

package/dist/MarkdownEditor/editor/elements/{Head.d.ts → Head/index.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ElementProps, HeadNode } from '../../el';
+import { ElementProps, HeadNode } from '../../../el';
 export declare function Head({ element, attributes, children, }: ElementProps<HeadNode>): React.DOMElement<{
     id: string;
     "data-be": string;

package/dist/MarkdownEditor/editor/elements/{Head.js → Head/index.js}

@@ -99,10 +99,10 @@ function _unsupported_iterable_to_array(o, minLen) {
 import classNames from "classnames";
 import React, { createElement } from "react";
 import { Node } from "slate";
-import { useSelStatus } from "../../hooks/editor";
-import { useEditorStore } from "../store";
-import { DragHandle } from "../tools/DragHandle";
-import { slugify } from "../utils/dom";
+import { useSelStatus } from "../../../hooks/editor";
+import { useEditorStore } from "../../store";
+import { DragHandle } from "../../tools/DragHandle";
+import { slugify } from "../../utils/dom";
 export function Head(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
     var _useEditorStore = useEditorStore(), _useEditorStore_store = _useEditorStore.store, store = _useEditorStore_store === void 0 ? {} : _useEditorStore_store, markdownContainerRef = _useEditorStore.markdownContainerRef;

package/dist/MarkdownEditor/editor/elements/Image/index.d.ts

@@ -1,21 +1,21 @@
-import { ImageProps } from 'antd';
 import React from 'react';
 import { ElementProps, MediaNode } from '../../../el';
 /**
- * 图片组件，带有错误处理功能
+ * 只读模式下的图片组件，带有错误处理功能
  * 如果图片加载失败，将显示可点击的链接
  *
  * @component
- * @param props - 图片属性，继承自 ImageProps 接口
- * @param props.src - 图片的源地址
+ * @param props - 图片属性
  * @returns 返回一个图片组件，如果加载失败则返回一个链接
- *
- * @example
- * ```tsx
- * <ImageAndError src="https://example.com/image.jpg" alt="示例图片" />
- * ```
  */
-export declare const ImageAndError: React.FC<ImageProps>;
+interface ReadonlyImageProps {
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    crossOrigin?: 'anonymous' | 'use-credentials' | '';
+}
+export declare const ReadonlyImage: React.FC<ReadonlyImageProps>;
 /**
  * 修复图片大小的问题
  * @param props
@@ -34,3 +34,4 @@ export declare const ResizeImage: ({ onResizeStart, onResizeStop, selected, defa
     selected?: boolean | undefined;
 }) => React.JSX.Element;
 export declare function EditorImage({ element, attributes, children, }: ElementProps<MediaNode>): React.JSX.Element;
+export {};