@ant-design/agentic-ui 2.29.26 → 2.29.28

package/dist/Bubble/AIBubble.js

@@ -275,7 +275,7 @@ var shouldRenderBeforeContent = function shouldRenderBeforeContent(placement, ro
     var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var context = useContext(BubbleConfigContext);
-    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone, locale = _ref.locale;
+    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone;
     var prefixClass = getPrefixCls('agentic');
     var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var preMessageSameRole = isSameRoleAsPrevious(preMessage, originData);
@@ -356,7 +356,6 @@ var shouldRenderBeforeContent = function shouldRenderBeforeContent(placement, ro
         value: {
             compact: compact,
             standalone: !!standalone,
-            locale: locale,
             bubble: props
         }
     }, /*#__PURE__*/ React.createElement(Flex, {

package/dist/Bubble/BubbleConfigProvide.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { LocalKeys } from '../I18n';
 import { ThoughtChainListProps } from '../ThoughtChainList/types';
 import { BubbleProps } from './type';
 export type ChatConfigType = {
@@ -18,8 +17,6 @@ export type ChatConfigType = {
          */
         enable: boolean;
     };
-    /** 可选覆盖，与 I18nContext 合并时优先生效，国际化主数据源为 I18nContext */
-    locale?: Partial<LocalKeys>;
     bubble?: BubbleProps<{
         /**
          * 聊天内容

package/dist/Bubble/BubbleConfigProvide.js

@@ -1,5 +1,4 @@
 import React from "react";
 export var BubbleConfigContext = /*#__PURE__*/ React.createContext({
-    standalone: false,
-    locale: undefined
+    standalone: false
 });

package/dist/Bubble/MessagesContent/BubbleExtra.js

@@ -269,7 +269,7 @@ import { motion } from "framer-motion";
 import React, { useContext, useEffect, useMemo, useState } from "react";
 import { ActionIconBox } from "../../Components/ActionIconBox";
 import { Loading } from "../../Components/Loading";
-import { useMergedLocale } from "../../I18n";
+import { useLocale } from "../../I18n";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { CopyButton } from "./CopyButton";
 import { VoiceButton } from "./VoiceButton";
@@ -307,7 +307,7 @@ import { VoiceButton } from "./VoiceButton";
     var _originalData_extra, _originalData_extra1, _originalData_extra2, _originalData_extra3, _bubble_originData, _bubble_originData1, _props_rightRender;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var context = useContext(BubbleConfigContext);
-    var locale = useMergedLocale(context === null || context === void 0 ? void 0 : context.locale);
+    var locale = useLocale();
     var _useState = _sliced_to_array(useState(false), 2), feedbackLoading = _useState[0], setFeedbackLoading = _useState[1];
     // 获取聊天项的原始数据
     var originalData = bubble === null || bubble === void 0 ? void 0 : bubble.originData;

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

@@ -214,14 +214,13 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { memo, useContext } from "react";
+import { memo } from "react";
 import { CheckCircleFilled } from "@ant-design/icons";
 import { isFunction } from "lodash-es";
 import React from "react";
 import { ActionIconBox } from "../../../Components/ActionIconBox";
 import { useCopied } from "../../../Hooks/useCopied";
-import { useMergedLocale } from "../../../I18n";
-import { BubbleConfigContext } from "../../BubbleConfigProvide";
+import { useLocale } from "../../../I18n";
 /**
  * CopyIcon 组件 - 复制图标组件
  *
@@ -310,9 +309,8 @@ import { BubbleConfigContext } from "../../BubbleConfigProvide";
         "onClick",
         'data-testid'
     ]);
-    var _useContext;
     var _useCopied = useCopied(), copied = _useCopied.copied, setCopied = _useCopied.setCopied;
-    var locale = useMergedLocale((_useContext = useContext(BubbleConfigContext)) === null || _useContext === void 0 ? void 0 : _useContext.locale);
+    var locale = useLocale();
     var copySuccessText = (locale === null || locale === void 0 ? void 0 : locale['chat.message.copy.success']) || '复制成功';
     return /*#__PURE__*/ React.createElement(ActionIconBox, _object_spread_props(_object_spread({
         onClick: function onClick1(e) {

package/dist/Bubble/MessagesContent/MarkdownPreview.js

@@ -54,7 +54,7 @@ import { Popover, theme } from "antd";
 import React, { useContext, useEffect, useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { MarkdownEditor, parserMdToSchema } from "../..";
-import { useMergedLocale } from "../../I18n";
+import { useLocale } from "../../I18n";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { MessagesContext } from "./BubbleContext";
 /**
@@ -98,7 +98,7 @@ import { MessagesContext } from "./BubbleContext";
     var MarkdownEditorRef = React.useRef(undefined);
     var hidePadding = (useContext(MessagesContext) || {}).hidePadding;
     var config = useContext(BubbleConfigContext);
-    var locale = useMergedLocale(config === null || config === void 0 ? void 0 : config.locale);
+    var locale = useLocale();
     var standalone = config === null || config === void 0 ? void 0 : config.standalone;
     var token = theme.useToken().token;
     var isPaddingHidden = useMemo(function() {

package/dist/Bubble/PureBubble.js

@@ -279,7 +279,7 @@ export var PureBubble = /*#__PURE__*/ memo(function(props) {
     var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var context = useContext(BubbleConfigContext);
-    var _ref1 = context || {}, compact = _ref1.compact, standalone = _ref1.standalone, locale = _ref1.locale;
+    var _ref1 = context || {}, compact = _ref1.compact, standalone = _ref1.standalone;
     var prefixClass = getPrefixCls('agentic');
     var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var placement = (_props_placement = props.placement) !== null && _props_placement !== void 0 ? _props_placement : 'left';
@@ -452,7 +452,6 @@ export var PureBubble = /*#__PURE__*/ memo(function(props) {
         value: {
             compact: compact,
             standalone: !!standalone,
-            locale: locale,
             bubble: props
         }
     }, /*#__PURE__*/ React.createElement(Flex, {

package/dist/Bubble/UserBubble.js

@@ -128,7 +128,7 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
     var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var context = useContext(BubbleConfigContext);
-    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone, locale = _ref.locale;
+    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone;
     var prefixClass = getPrefixCls('agentic');
     var _useStyle = useStyle(prefixClass, classNames), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var time = (originData === null || originData === void 0 ? void 0 : originData.createAt) || props.time;
@@ -180,7 +180,6 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         value: {
             compact: compact,
             standalone: !!standalone,
-            locale: locale,
             bubble: props
         }
     }, /*#__PURE__*/ React.createElement(Flex, {
@@ -203,7 +202,12 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         className: cx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), "".concat(prefixClass, "-bubble-before-user"), hashId),
         "data-testid": "message-before"
-    }, contentBeforeDom), hasFileMap && /*#__PURE__*/ React.createElement("div", {
+    }, contentBeforeDom), /*#__PURE__*/ React.createElement("div", {
+        style: contentStyle,
+        className: cx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-user"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
+        onDoubleClick: props.onDoubleClick,
+        "data-testid": "message-content"
+    }, childrenDom), hasFileMap && /*#__PURE__*/ React.createElement("div", {
         style: fileViewStyle,
         className: cx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
         "data-testid": "message-after"
@@ -211,12 +215,7 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         bubbleListRef: props.bubbleListRef,
         bubble: props,
         placement: placement
-    })), /*#__PURE__*/ React.createElement("div", {
-        style: contentStyle,
-        className: cx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-user"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
-        onDoubleClick: props.onDoubleClick,
-        "data-testid": "message-content"
-    }, childrenDom), contentAfterDom)))));
+    })), contentAfterDom)))));
     if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
     return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
         value: {

package/dist/Bubble/schema-editor/SchemaEditorBridgeManager.d.ts

@@ -85,6 +85,10 @@ export declare class SchemaEditorBridgeManager {
      * 检查某个 ID 是否已注册
      */
     has(id: string): boolean;
+    /**
+     * 获取指定 id 的当前内容（用于测试或调试）
+     */
+    getContentById(id: string): string | undefined;
     /**
      * 启动 Bridge（幂等，已启动时直接返回）
      */

package/dist/Bubble/schema-editor/SchemaEditorBridgeManager.js

@@ -134,6 +134,15 @@ import { MarkdownEditor } from "../../MarkdownEditor";
                 return this.registry.has(id);
             }
         },
+        {
+            /**
+   * 获取指定 id 的当前内容（用于测试或调试）
+   */ key: "getContentById",
+            value: function getContentById(id) {
+                var handler = this.registry.get(id);
+                return handler === null || handler === void 0 ? void 0 : handler.getContent();
+            }
+        },
         {
             key: "startBridge",
             value: /**

package/dist/MarkdownEditor/editor/utils/media.js

@@ -164,6 +164,10 @@ export var getRemoteMediaType = function getRemoteMediaType(url) {
                         2,
                         'other'
                     ];
+                    if (typeof url !== 'string') return [
+                        2,
+                        'other'
+                    ];
                     if (url.startsWith('data:')) {
                         m = url.match(/data:image\/(\w+);base64,(.*)/);
                         if (m) return [
@@ -175,10 +179,6 @@ export var getRemoteMediaType = function getRemoteMediaType(url) {
                             'other'
                         ];
                     }
-                    if (typeof url !== 'string') return [
-                        2,
-                        'other'
-                    ];
                     _state.label = 1;
                 case 1:
                     _state.trys.push([

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileIcon.js

@@ -1,8 +1,168 @@
-import { Eye, FileFailed, FileUploadingSpin } from "@sofa-design/icons";
+function _array_like_to_array(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 _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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 _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    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 _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;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { Eye, FileFailed, FileUploadingSpin, Play } from "@sofa-design/icons";
 import { Image } from "antd";
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { getFileTypeIcon } from "../../../Workspace/File/utils";
-import { isImageFile } from "../utils";
+import { isImageFile, isVideoFile } from "../utils";
+var VideoThumbnail = function VideoThumbnail(param) {
+    var src = param.src, className = param.className, style = param.style;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: className,
+        style: _object_spread_props(_object_spread({}, style), {
+            position: 'relative',
+            overflow: 'hidden',
+            borderRadius: 'var(--radius-base)',
+            flexShrink: 0
+        })
+    }, /*#__PURE__*/ React.createElement("video", {
+        src: src,
+        preload: "metadata",
+        muted: true,
+        playsInline: true,
+        style: {
+            width: '100%',
+            height: '100%',
+            objectFit: 'cover',
+            display: 'block'
+        }
+    }), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'absolute',
+            inset: 0,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            background: 'rgba(0, 0, 0, 0.35)',
+            pointerEvents: 'none'
+        }
+    }, /*#__PURE__*/ React.createElement(Play, {
+        style: {
+            width: 24,
+            height: 24,
+            color: '#fff'
+        }
+    })));
+};
+/**
+ * 从 File 创建并使用 object URL 的视频缩略图，避免每次渲染都创建新 URL
+ */ var VideoThumbnailFromBlob = function VideoThumbnailFromBlob(param) {
+    var file = param.file, className = param.className, style = param.style;
+    var _useState = _sliced_to_array(useState(function() {
+        return null;
+    }), 2), objectUrl = _useState[0], setObjectUrl = _useState[1];
+    useEffect(function() {
+        var url = URL.createObjectURL(file);
+        setObjectUrl(url);
+        return function() {
+            URL.revokeObjectURL(url);
+        };
+    }, [
+        file
+    ]);
+    if (!objectUrl) return null;
+    return /*#__PURE__*/ React.createElement(VideoThumbnail, {
+        src: objectUrl,
+        className: className,
+        style: style
+    });
+};
 /**
  * AttachmentFileIcon 组件 - 附件文件图标组件
  *
@@ -65,6 +225,25 @@ export var AttachmentFileIcon = function AttachmentFileIcon(props) {
             alt: file.name
         });
     }
+    // 视频文件缩略图预览（与图片类似，带播放按钮）
+    if (isVideoFile(file)) {
+        var videoUrl = file.previewUrl || file.url;
+        if (videoUrl) {
+            return /*#__PURE__*/ React.createElement(VideoThumbnail, {
+                src: videoUrl,
+                className: className,
+                style: IMAGE_STYLE
+            });
+        }
+        if (file.size) {
+            return /*#__PURE__*/ React.createElement(VideoThumbnailFromBlob, {
+                key: "".concat(file.name, "-").concat(file.size, "-").concat(file.lastModified || 0),
+                file: file,
+                className: className,
+                style: IMAGE_STYLE
+            });
+        }
+    }
     // 其他类型文件图标
     var fileType = (_file_type = file.type) === null || _file_type === void 0 ? void 0 : _file_type.split('/').at(-1);
     return getFileTypeIcon(fileType, '', file.name);

package/dist/MarkdownInputField/AttachmentButton/utils.d.ts

@@ -25,6 +25,18 @@ export declare const kbToSize: (kb: number) => string;
  * @returns {boolean} 是否为图片文件
  */
 export declare const isImageFile: (file: File) => boolean;
+/**
+ * 检查文件是否为视频类型
+ * 通过 MIME 类型和文件扩展名双重判断
+ *
+ * @param {File} file - 要检查的文件（含 AttachmentFile）
+ * @returns {boolean} 是否为视频文件
+ */
+export declare const isVideoFile: (file: File) => boolean;
+/**
+ * 检查文件是否为可展示的媒体类型（图片或视频）
+ */
+export declare const isMediaFile: (file: File) => boolean;
 /**
  * 获取设备品牌
  *

package/dist/MarkdownInputField/AttachmentButton/utils.js

@@ -64,6 +64,48 @@
         return fileName.endsWith(ext);
     });
 };
+var VIDEO_EXTENSIONS = [
+    '.mp4',
+    '.webm',
+    '.ogg',
+    '.ogv',
+    '.mov',
+    '.avi',
+    '.wmv',
+    '.flv',
+    '.m4v',
+    '.mkv'
+];
+var hasVideoExtension = function hasVideoExtension(pathOrName) {
+    var lower = (pathOrName === null || pathOrName === void 0 ? void 0 : pathOrName.toLowerCase()) || '';
+    var beforeQuery = lower.split('?')[0];
+    return VIDEO_EXTENSIONS.some(function(ext) {
+        return beforeQuery.endsWith(ext);
+    });
+};
+/**
+ * 检查文件是否为视频类型
+ * 通过 MIME 类型和文件扩展名双重判断
+ *
+ * @param {File} file - 要检查的文件（含 AttachmentFile）
+ * @returns {boolean} 是否为视频文件
+ */ export var isVideoFile = function isVideoFile(file) {
+    var _file_type;
+    if ((_file_type = file.type) === null || _file_type === void 0 ? void 0 : _file_type.startsWith('video/')) {
+        return true;
+    }
+    if (hasVideoExtension(file.name)) {
+        return true;
+    }
+    var attachmentFile = file;
+    var url = attachmentFile.previewUrl || attachmentFile.url;
+    return !!url && hasVideoExtension(url);
+};
+/**
+ * 检查文件是否为可展示的媒体类型（图片或视频）
+ */ export var isMediaFile = function isMediaFile(file) {
+    return isImageFile(file) || isVideoFile(file);
+};
 /**
  * 设备品牌匹配列表
  */ var UA_MATCH_LIST = [

package/dist/MarkdownInputField/FileMapView/index.js

@@ -185,12 +185,12 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { FileSearch } from "@sofa-design/icons";
-import { ConfigProvider, Image } from "antd";
+import { FileSearch, Play } from "@sofa-design/icons";
+import { ConfigProvider, Image, Modal } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
 import React, { useContext, useMemo, useState } from "react";
-import { isImageFile } from "../AttachmentButton/utils";
+import { isImageFile, isVideoFile } from "../AttachmentButton/utils";
 import { FileMapViewItem } from "./FileMapViewItem";
 import { useStyle } from "./style";
 /**
@@ -255,26 +255,48 @@ import { useStyle } from "./style";
     }, [
         fileList
     ]);
-    // 所有非图片文件列表
-    var allNoImageFiles = useMemo(function() {
+    // 视频列表，与图片一样以缩略图形式展示
+    var videoList = useMemo(function() {
         return fileList.filter(function(file) {
-            return !isImageFile(file);
+            return isVideoFile(file);
         });
     }, [
         fileList
     ]);
-    // 根据 maxDisplayCount 限制显示的非图片文件列表
-    var noImageFileList = useMemo(function() {
-        // 如果已展开所有文件，或者未设置最大显示数量，则显示所有文件
+    // 所有非图片、非视频文件列表
+    var allNoMediaFiles = useMemo(function() {
+        return fileList.filter(function(file) {
+            return !isImageFile(file) && !isVideoFile(file);
+        });
+    }, [
+        fileList
+    ]);
+    // 根据 maxDisplayCount 限制显示的非媒体文件列表
+    var noMediaFileList = useMemo(function() {
         if (showAllFiles || props.maxDisplayCount === undefined) {
-            return allNoImageFiles;
+            return allNoMediaFiles;
         }
-        return allNoImageFiles.slice(0, Math.max(0, props.maxDisplayCount));
+        return allNoMediaFiles.slice(0, Math.max(0, props.maxDisplayCount));
     }, [
-        allNoImageFiles,
+        allNoMediaFiles,
         props.maxDisplayCount,
         showAllFiles
     ]);
+    var _useState1 = _sliced_to_array(useState(false), 2), videoModalOpen = _useState1[0], setVideoModalOpen = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(null), 2), previewingVideo = _useState2[0], setPreviewingVideo = _useState2[1];
+    var handleVideoClick = function handleVideoClick(file) {
+        if (file.status === 'error') return;
+        if (props.onPreview) {
+            props.onPreview(file);
+        } else {
+            setPreviewingVideo(file);
+            setVideoModalOpen(true);
+        }
+    };
+    var handleVideoModalClose = function handleVideoModalClose() {
+        setVideoModalOpen(false);
+        setPreviewingVideo(null);
+    };
     var handleViewAllClick = function handleViewAllClick() {
         return _async_to_generator(function() {
             var shouldExpand;
@@ -350,7 +372,81 @@ import { useStyle } from "./style";
             src: file.previewUrl || file.url,
             key: file.uuid || file.name || index
         });
-    }))), /*#__PURE__*/ React.createElement(motion.div, {
+    }))), videoList.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
+        variants: {
+            visible: {
+                opacity: 1
+            },
+            hidden: {
+                opacity: 0
+            }
+        },
+        whileInView: "visible",
+        initial: "hidden",
+        animate: "visible",
+        className: classNames("".concat(prefix, "-video-row"), "".concat(prefix, "-video-row-").concat(placement), hashId),
+        style: props.style
+    }, videoList.map(function(file, index) {
+        var videoUrl = file.previewUrl || file.url || '';
+        var isSingleVideo = videoList.length === 1;
+        var thumbSize = isSingleVideo ? {
+            width: 330,
+            height: 188
+        } : {
+            width: 124,
+            height: 124
+        };
+        return /*#__PURE__*/ React.createElement("div", {
+            role: "button",
+            tabIndex: 0,
+            className: classNames("".concat(prefix, "-image"), "".concat(prefix, "-video-thumb"), hashId),
+            key: file.uuid || file.name || index,
+            onClick: function onClick() {
+                return handleVideoClick(file);
+            },
+            onKeyDown: function onKeyDown(e) {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    handleVideoClick(file);
+                }
+            },
+            "aria-label": "播放视频：".concat(file.name),
+            style: thumbSize
+        }, /*#__PURE__*/ React.createElement("video", {
+            src: videoUrl,
+            preload: "metadata",
+            muted: true,
+            playsInline: true,
+            style: {
+                width: '100%',
+                height: '100%',
+                objectFit: 'cover'
+            }
+        }), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(prefix, "-video-play-overlay"), hashId),
+            "aria-hidden": true
+        }, /*#__PURE__*/ React.createElement(Play, null)));
+    })), /*#__PURE__*/ React.createElement(Modal, {
+        open: videoModalOpen,
+        onCancel: handleVideoModalClose,
+        footer: null,
+        width: "auto",
+        centered: true,
+        destroyOnClose: true,
+        styles: {
+            body: {
+                padding: 0
+            }
+        }
+    }, previewingVideo && /*#__PURE__*/ React.createElement("video", {
+        src: previewingVideo.previewUrl || previewingVideo.url,
+        controls: true,
+        autoPlay: true,
+        style: {
+            maxWidth: '80vw',
+            maxHeight: '80vh'
+        }
+    })), /*#__PURE__*/ React.createElement(motion.div, {
         variants: {
             visible: {
                 opacity: 1,
@@ -371,7 +467,7 @@ import { useStyle } from "./style";
         animate: 'visible',
         className: classNames(prefix, hashId, props.className, "".concat(prefix, "-").concat(placement), "".concat(prefix, "-vertical")),
         style: props.style
-    }, noImageFileList.map(function(file, index) {
+    }, noMediaFileList.map(function(file, index) {
         var _props_style;
         return /*#__PURE__*/ React.createElement(FileMapViewItem, {
             style: {
@@ -393,7 +489,7 @@ import { useStyle } from "./style";
             className: classNames(hashId, "".concat(prefix, "-item")),
             file: file
         });
-    }), props.maxDisplayCount !== undefined && allNoImageFiles.length > props.maxDisplayCount && !showAllFiles ? /*#__PURE__*/ React.createElement("div", {
+    }), props.maxDisplayCount !== undefined && allNoMediaFiles.length > props.maxDisplayCount && !showAllFiles ? /*#__PURE__*/ React.createElement("div", {
         style: {
             width: (_props_style = props.style) === null || _props_style === void 0 ? void 0 : _props_style.width
         },

package/dist/MarkdownInputField/FileMapView/style.js

@@ -137,6 +137,51 @@ var genStyle = function genStyle(token) {
                 transition: 'transform 0.3s'
             }
         }
+    }), _define_property(_obj, '&-video-row', {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 8,
+        width: 'fit-content',
+        '&-right': {
+            alignSelf: 'flex-end'
+        }
+    }), _define_property(_obj, '&-video-thumb', {
+        position: 'relative',
+        cursor: 'pointer',
+        opacity: 1,
+        background: 'var(--color-gray-bg-card-white)',
+        boxSizing: 'border-box',
+        boxShadow: 'var(--shadow-control-base)',
+        borderRadius: 'var(--radius-card-base)',
+        border: 'none',
+        overflow: 'hidden',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        '&:hover': {
+            boxShadow: 'var(--shadow-control-lg)',
+            '& video': {
+                transform: 'scale(1.05)'
+            }
+        },
+        '& video': {
+            transition: 'transform 0.3s'
+        }
+    }), _define_property(_obj, '&-video-play-overlay', {
+        position: 'absolute',
+        inset: 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: 'rgba(0, 0, 0, 0.35)',
+        borderRadius: 'inherit',
+        pointerEvents: 'none',
+        opacity: 0.9,
+        '& svg': {
+            width: 48,
+            height: 48,
+            color: '#fff'
+        }
     }), _define_property(_obj, '&-image-list-view', {
         background: 'var(--color-gray-bg-tip)',
         padding: '4px',

package/dist/ThoughtChainList/CostMillis.d.ts

@@ -1,4 +1,19 @@
 import React from 'react';
+import { LocalKeys } from '../I18n';
+/**
+ * 将毫秒转换为可读的时间格式
+ *
+ * @param {number|undefined} ms - 毫秒数
+ * @param {LocalKeys} locale - 本地化配置
+ * @returns {string} 格式化后的时间字符串
+ *
+ * @example
+ * msToTimes(1500, locale) // "1.5s"
+ * msToTimes(65000, locale) // "1m 5s"
+ * msToTimes(3665000, locale) // "1H 1m 5s"
+ */
+/** 导出供单测覆盖 undefined/null 分支 */
+export declare const msToTimes: (ms: number | undefined | null, locale: LocalKeys) => string;
 /**
  * CostMillis 组件 - 耗时显示组件
  *

package/dist/ThoughtChainList/CostMillis.js

@@ -13,7 +13,7 @@ import { I18nContext } from "../I18n";
  * msToTimes(1500, locale) // "1.5s"
  * msToTimes(65000, locale) // "1m 5s"
  * msToTimes(3665000, locale) // "1H 1m 5s"
- */ var msToTimes = function msToTimes(ms, locale) {
+ */ /** 导出供单测覆盖 undefined/null 分支 */ export var msToTimes = function msToTimes(ms, locale) {
     if (ms === undefined || ms === null) {
         return '';
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.26",
+  "version": "2.29.28",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",