@ant-design/agentic-ui 2.29.49 → 2.29.53

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

@@ -97,10 +97,10 @@ 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 { Eye, FileFailed, FileUploadingSpin, Play } from "@sofa-design/icons";
-import { Image } from "antd";
+import { Image, Tooltip } from "antd";
 import React, { useEffect, useState } from "react";
 import { getFileTypeIcon } from "../../../Workspace/File/utils";
-import { isImageFile, isVideoFile } from "../utils";
+import { isImageFile, isVideoFile, kbToSize } from "../utils";
 var VideoThumbnail = function VideoThumbnail(param) {
     var src = param.src, className = param.className, style = param.style;
     return /*#__PURE__*/ React.createElement("div", {
@@ -200,6 +200,60 @@ var VideoThumbnail = function VideoThumbnail(param) {
     height: '40px',
     overflow: 'hidden'
 };
+/** 无 url/previewUrl 时展示文件大小与格式的占位块（内容未拿到） */ export var FileMetaPlaceholder = function FileMetaPlaceholder(param) {
+    var file = param.file, className = param.className, style = param.style;
+    var _ref, _file_size, _ref1, _ref2, _rawFormat_split_pop;
+    var _file_uploadResponse, _file_uploadResponse1;
+    var sizeBytes = (_ref = (_file_size = file.size) !== null && _file_size !== void 0 ? _file_size : (_file_uploadResponse = file.uploadResponse) === null || _file_uploadResponse === void 0 ? void 0 : _file_uploadResponse.fileSize) !== null && _ref !== void 0 ? _ref : 0;
+    var sizeText = sizeBytes > 0 ? kbToSize(sizeBytes / 1024) : '';
+    var extFromName = file.name ? file.name.split('.').pop() || '' : '';
+    var rawFormat = (_ref1 = (_ref2 = (_file_uploadResponse1 = file.uploadResponse) === null || _file_uploadResponse1 === void 0 ? void 0 : _file_uploadResponse1.fileType) !== null && _ref2 !== void 0 ? _ref2 : file.type) !== null && _ref1 !== void 0 ? _ref1 : extFromName;
+    var formatSuffix = rawFormat.includes('/') ? ((_rawFormat_split_pop = rawFormat.split('/').pop()) !== null && _rawFormat_split_pop !== void 0 ? _rawFormat_split_pop : '').toUpperCase() : rawFormat.toUpperCase();
+    var formatText = formatSuffix || '-';
+    return /*#__PURE__*/ React.createElement(Tooltip, {
+        title: file.name
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: className,
+        style: _object_spread({
+            height: 48,
+            boxSizing: 'border-box',
+            display: 'flex',
+            justifyContent: 'center',
+            borderRadius: 'var(--radius-base, 4px)',
+            background: 'var(--color-fill-quaternary, rgba(0,0,0,0.04))',
+            fontSize: 10,
+            color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))',
+            lineHeight: 1.2,
+            overflow: 'hidden',
+            flex: 1,
+            minWidth: 80,
+            padding: 'var(--padding-1x) var(--padding-2x)',
+            flexDirection: 'column'
+        }, style)
+    }, formatText && /*#__PURE__*/ React.createElement("span", {
+        style: {
+            lineClamp: 1,
+            lineHeight: '20px',
+            height: '20px',
+            boxSizing: 'border-box',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            minWidth: 0,
+            maxWidth: '100%'
+        }
+    }, formatText), sizeText && /*#__PURE__*/ React.createElement("span", {
+        style: {
+            lineClamp: 1,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            minWidth: 0,
+            boxSizing: 'border-box',
+            lineHeight: '20px',
+            height: '20px',
+            maxWidth: '100%'
+        }
+    }, sizeText)));
+};
 var IMAGE_PREVIEW_CONFIG = {
     mask: /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(Eye, null)),
     visible: false

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import { AttachmentFile } from '../types';
 interface FileListItemProps {
     file: AttachmentFile;
-    onDelete: () => void;
-    onPreview: () => void;
-    onDownload: () => void;
-    onRetry?: () => void;
+    onDelete: (file: AttachmentFile) => void;
+    onPreview?: (file: AttachmentFile) => void;
+    onDownload?: (file: AttachmentFile) => void;
+    onRetry?: (file: AttachmentFile) => void;
     className?: string;
     prefixCls?: string;
     hashId?: string;

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

@@ -1,11 +1,24 @@
+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;
+}
 import { FileFailed, FileUploadingSpin, X } from "@sofa-design/icons";
 import { Tooltip } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
 import React, { useContext } from "react";
 import { I18nContext } from "../../../I18n";
-import { kbToSize } from "../utils";
-import { AttachmentFileIcon } from "./AttachmentFileIcon";
+import { isFileMetaPlaceholderState, kbToSize } from "../utils";
+import { AttachmentFileIcon, FileMetaPlaceholder } from "./AttachmentFileIcon";
 var getFileNameWithoutExtension = function getFileNameWithoutExtension(fileName) {
     return fileName.split('.').slice(0, -1).join('.');
 };
@@ -95,23 +108,31 @@ export var AttachmentFileListItem = function AttachmentFileListItem(param) {
     var canDelete = file.status !== 'uploading';
     var handleFileClick = function handleFileClick() {
         if (!isDoneStatus) return;
-        onPreview === null || onPreview === void 0 ? void 0 : onPreview();
+        onPreview === null || onPreview === void 0 ? void 0 : onPreview(file);
     };
     var handleRetryClick = function handleRetryClick() {
         if (!isErrorStatus) return;
-        onRetry === null || onRetry === void 0 ? void 0 : onRetry();
+        onRetry === null || onRetry === void 0 ? void 0 : onRetry(file);
     };
     var handleDeleteClick = function handleDeleteClick(e) {
         e.stopPropagation();
-        onDelete === null || onDelete === void 0 ? void 0 : onDelete();
+        onDelete(file);
     };
+    // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块
+    if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+        return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+            file: file,
+            className: className
+        });
+    }
     return /*#__PURE__*/ React.createElement(Tooltip, {
         title: (locale === null || locale === void 0 ? void 0 : locale.clickToRetry) || '点击重试',
         open: isErrorStatus ? undefined : false
     }, /*#__PURE__*/ React.createElement(motion.div, {
         variants: ANIMATION_VARIANTS,
         onClick: handleFileClick,
-        className: className,
+        className: classNames(className, _define_property({}, "".concat(prefixCls, "-meta-placeholder"), isFileMetaPlaceholderState(file))),
+        "data-testid": "file-item",
         exit: ANIMATION_VARIANTS.exit
     }, /*#__PURE__*/ React.createElement(FileIcon, {
         file: file,

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

@@ -138,26 +138,6 @@ export var AttachmentFileList = function AttachmentFileList(param) {
     var handlePreviewClose = function handlePreviewClose(visible) {
         if (!visible) setImgSrc(undefined);
     };
-    var handleDelete = function handleDelete(file) {
-        return function() {
-            return onDelete(file);
-        };
-    };
-    var handlePreviewFile = function handlePreviewFile(file) {
-        return function() {
-            return handlePreview(file);
-        };
-    };
-    var handleDownload = function handleDownload(file) {
-        return function() {
-            return onDownload === null || onDownload === void 0 ? void 0 : onDownload(file);
-        };
-    };
-    var handleRetry = function handleRetry(file) {
-        return function() {
-            return onRetry === null || onRetry === void 0 ? void 0 : onRetry(file);
-        };
-    };
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefix, "-container"), hashId, _define_property({}, "".concat(prefix, "-container-empty"), !hasFiles))
     }, /*#__PURE__*/ React.createElement(motion.div, {
@@ -176,10 +156,10 @@ export var AttachmentFileList = function AttachmentFileList(param) {
             className: classNames(hashId, "".concat(prefix, "-item")),
             key: getFileKey(file, index),
             file: file,
-            onDelete: handleDelete(file),
-            onPreview: handlePreviewFile(file),
-            onDownload: handleDownload(file),
-            onRetry: handleRetry(file)
+            onDelete: onDelete,
+            onPreview: onPreview !== null && onPreview !== void 0 ? onPreview : handlePreview,
+            onDownload: onDownload,
+            onRetry: onRetry
         });
     })), /*#__PURE__*/ React.createElement(Image, {
         key: "preview",

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

@@ -52,8 +52,8 @@ function _object_spread_props(target, source) {
 }
 import { resetComponent, useEditorStyleRegister } from "../../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    var _obj;
-    return _obj = {}, _define_property(_obj, "".concat(token.componentCls), {
+    var _obj, _obj1;
+    return _obj1 = {}, _define_property(_obj1, "".concat(token.componentCls), {
         maxWidth: '100%',
         display: 'flex',
         flexDirection: 'row',
@@ -251,15 +251,22 @@ var genStyle = function genStyle(token) {
                 fontSize: '40px',
                 display: 'flex'
             }
-        }
-    }), _define_property(_obj, "".concat(token.componentCls, "-container"), {
+        },
+        '&-item-meta-placeholder': (_obj = {
+            background: 'var(--color-fill-quaternary, rgba(0,0,0,0.04))'
+        }, _define_property(_obj, "".concat(token.componentCls, "-item-file-name-text"), {
+            color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+        }), _define_property(_obj, "".concat(token.componentCls, "-item-file-size"), {
+            color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+        }), _obj)
+    }), _define_property(_obj1, "".concat(token.componentCls, "-container"), {
         position: 'relative',
         background: 'var(--color-gray-bg-page)',
         borderBottom: '1px solid rgba(0, 16, 64, 0.0627)',
         '&-empty': {
             border: 'none'
         }
-    }), _obj;
+    }), _obj1;
 };
 /**
  * @param prefixCls

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

@@ -15,6 +15,7 @@ export type AttachmentFile = File & {
     url?: string;
     status?: 'error' | 'uploading' | 'done';
     uuid?: string;
+    size?: number | null;
     previewUrl?: string;
     /** 上传响应数据（使用 uploadWithResponse 时会填充此字段） */
     uploadResponse?: UploadResponse;

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

@@ -37,6 +37,14 @@ export declare const isVideoFile: (file: File) => boolean;
  * 检查文件是否为可展示的媒体类型（图片或视频）
  */
 export declare const isMediaFile: (file: File) => boolean;
+/**
+ * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
+ */
+export declare const isFileMetaPlaceholderState: (file: File & {
+    status?: string;
+    url?: string;
+    previewUrl?: string;
+}) => boolean;
 /**
  * 获取设备品牌
  *

package/dist/MarkdownInputField/AttachmentButton/utils.js

@@ -42,8 +42,9 @@
  * @param {File} file - 要检查的文件
  * @returns {boolean} 是否为图片文件
  */ export var isImageFile = function isImageFile(file) {
+    var _file_type;
     // 首先检查 MIME 类型
-    if (file.type.startsWith('image/')) {
+    if (file === null || file === void 0 ? void 0 : (_file_type = file.type) === null || _file_type === void 0 ? void 0 : _file_type.startsWith('image/')) {
         return true;
     }
     // 如果 MIME 类型不可用或不准确，检查文件扩展名
@@ -106,6 +107,11 @@ var hasVideoExtension = function hasVideoExtension(pathOrName) {
  */ export var isMediaFile = function isMediaFile(file) {
     return isImageFile(file) || isVideoFile(file);
 };
+/**
+ * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
+ */ export var isFileMetaPlaceholderState = function isFileMetaPlaceholderState(file) {
+    return file.status !== undefined && file.status !== null && !file.url && !file.previewUrl;
+};
 /**
  * 设备品牌匹配列表
  */ var UA_MATCH_LIST = [

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.js

@@ -6,6 +6,19 @@ function _array_like_to_array(arr, len) {
 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;
@@ -52,8 +65,8 @@ import { motion } from "framer-motion";
 import React, { useContext } from "react";
 import { ActionIconBox } from "../../Components/ActionIconBox";
 import { I18nContext } from "../../I18n";
-import { AttachmentFileIcon } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
-import { kbToSize } from "../AttachmentButton/utils";
+import { AttachmentFileIcon, FileMetaPlaceholder } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
+import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils";
 /**
  * FileMapViewItem 组件 - 文件映射视图项组件
  *
@@ -104,6 +117,12 @@ import { kbToSize } from "../AttachmentButton/utils";
     var lastDotIndex = fileName.lastIndexOf('.');
     var displayName = lastDotIndex > 0 ? fileName.slice(0, lastDotIndex) : fileName;
     var displayExtension = lastDotIndex > 0 && lastDotIndex < fileName.length - 1 ? fileName.slice(lastDotIndex + 1) : '';
+    // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块
+    if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+        return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+            file: file
+        });
+    }
     return /*#__PURE__*/ React.createElement(Tooltip, {
         title: /*#__PURE__*/ React.createElement("div", null, locale === null || locale === void 0 ? void 0 : locale.clickToPreview),
         placement: "topLeft",
@@ -140,7 +159,7 @@ import { kbToSize } from "../AttachmentButton/utils";
             opacity: 0,
             x: -20
         },
-        className: props.className,
+        className: classNames(props.className, _define_property({}, "".concat(props.prefixCls, "-meta-placeholder"), isFileMetaPlaceholderState(file))),
         "data-testid": "file-item"
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(props.prefixCls, "-file-icon"), props.hashId)

package/dist/MarkdownInputField/FileMapView/index.js

@@ -190,6 +190,7 @@ import { ConfigProvider, Image, Modal } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
 import React, { useContext, useMemo, useState } from "react";
+import { FileMetaPlaceholder } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
 import { isImageFile, isVideoFile } from "../AttachmentButton/utils";
 import { FileMapViewItem } from "./FileMapViewItem";
 import { useStyle } from "./style";
@@ -365,6 +366,12 @@ import { useStyle } from "./style";
         style: props.style,
         className: classNames(prefix, hashId, props.className, "".concat(prefix, "-").concat(placement), (_obj = {}, _define_property(_obj, "".concat(prefix, "-image-list-view"), imgList.length > 1), _define_property(_obj, "".concat(prefix, "-image-list-view-").concat(placement), imgList.length > 1), _obj))
     }, /*#__PURE__*/ React.createElement(Image.PreviewGroup, null, imgList.map(function(file, index) {
+        if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+            return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+                file: file,
+                key: file.uuid || file.name || index
+            });
+        }
         return /*#__PURE__*/ React.createElement(Image, {
             rootClassName: classNames("".concat(prefix, "-image"), hashId),
             width: 124,
@@ -396,6 +403,12 @@ import { useStyle } from "./style";
             width: 124,
             height: 124
         };
+        if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+            return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
+                file: file,
+                key: file.uuid || file.name || index
+            });
+        }
         return /*#__PURE__*/ React.createElement("div", {
             role: "button",
             tabIndex: 0,

package/dist/MarkdownInputField/FileMapView/style.js

@@ -52,8 +52,8 @@ function _object_spread_props(target, source) {
 }
 import { resetComponent, useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    var _obj;
-    return _define_property({}, "".concat(token.componentCls), (_obj = {
+    var _obj, _obj1;
+    return _define_property({}, "".concat(token.componentCls), (_obj1 = {
         maxWidth: '100%',
         display: 'flex',
         minWidth: '0px',
@@ -112,11 +112,11 @@ var genStyle = function genStyle(token) {
                 }
             }
         }
-    }, _define_property(_obj, "".concat(token.antCls, "-image-mask"), {
+    }, _define_property(_obj1, "".concat(token.antCls, "-image-mask"), {
         borderRadius: 'var(--radius-card-base)'
-    }), _define_property(_obj, "img", {
+    }), _define_property(_obj1, "img", {
         objectFit: 'cover'
-    }), _define_property(_obj, '&-image', {
+    }), _define_property(_obj1, '&-image', {
         opacity: 1,
         background: 'var(--color-gray-bg-card-white)',
         boxSizing: 'border-box',
@@ -137,7 +137,7 @@ var genStyle = function genStyle(token) {
                 transition: 'transform 0.3s'
             }
         }
-    }), _define_property(_obj, '&-video-row', {
+    }), _define_property(_obj1, '&-video-row', {
         display: 'flex',
         flexWrap: 'wrap',
         gap: 8,
@@ -145,7 +145,7 @@ var genStyle = function genStyle(token) {
         '&-right': {
             alignSelf: 'flex-end'
         }
-    }), _define_property(_obj, '&-video-thumb', {
+    }), _define_property(_obj1, '&-video-thumb', {
         position: 'relative',
         cursor: 'pointer',
         opacity: 1,
@@ -167,7 +167,7 @@ var genStyle = function genStyle(token) {
         '& video': {
             transition: 'transform 0.3s'
         }
-    }), _define_property(_obj, '&-video-play-overlay', {
+    }), _define_property(_obj1, '&-video-play-overlay', {
         position: 'absolute',
         inset: 0,
         display: 'flex',
@@ -182,11 +182,11 @@ var genStyle = function genStyle(token) {
             height: 48,
             color: '#fff'
         }
-    }), _define_property(_obj, '&-image-list-view', {
+    }), _define_property(_obj1, '&-image-list-view', {
         background: 'var(--color-gray-bg-tip)',
         padding: '4px',
         borderRadius: 'var(--radius-card-base)'
-    }), _define_property(_obj, '&-more-file-container', {
+    }), _define_property(_obj1, '&-more-file-container', {
         width: '285px',
         height: '56px',
         borderRadius: 'var(--radius-card-base)',
@@ -201,13 +201,13 @@ var genStyle = function genStyle(token) {
         '&:hover': {
             boxShadow: 'var(--shadow-control-lg)'
         }
-    }), _define_property(_obj, '&-more-file-icon', {
+    }), _define_property(_obj1, '&-more-file-icon', {
         width: '16px',
         height: '16px'
-    }), _define_property(_obj, '&-more-file-name', {
+    }), _define_property(_obj1, '&-more-file-name', {
         font: 'var(--font-size-h6)',
         color: 'var(--color-gray-text-secondary)'
-    }), _define_property(_obj, '&-item', {
+    }), _define_property(_obj1, '&-item', {
         width: '285px',
         height: '56px',
         borderRadius: 'var(--radius-card-base)',
@@ -333,7 +333,15 @@ var genStyle = function genStyle(token) {
             color: 'var(--color-gray-text-light)',
             fontSize: '12px'
         }
-    }), _obj));
+    }), _define_property(_obj1, '&-item-meta-placeholder', (_obj = {
+        background: 'var(--color-fill-quaternary, rgba(0,0,0,0.04))'
+    }, _define_property(_obj, "".concat(token.componentCls, "-item-file-name-text"), {
+        color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+    }), _define_property(_obj, "".concat(token.componentCls, "-item-file-size"), {
+        color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+    }), _define_property(_obj, "".concat(token.componentCls, "-item-file-name-extension-container"), {
+        color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))'
+    }), _obj)), _obj1));
 };
 /**
  * Probubble

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -192,7 +192,10 @@ import { useVoiceInputManager } from "./VoiceInputManager";
  * - 支持快捷键发送消息
  * - 支持自动完成功能
  * - 支持自定义渲染配置
- */ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
+ */ var DEFAULT_ATTACHMENT = {
+    enable: false
+};
+var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     var tagInputProps = _0.tagInputProps, markdownProps = _0.markdownProps, _0_borderRadius = _0.borderRadius, borderRadius = _0_borderRadius === void 0 ? 16 : _0_borderRadius, onBlur = _0.onBlur, onFocus = _0.onFocus, _0_isShowTopOperatingArea = _0.isShowTopOperatingArea, isShowTopOperatingArea = _0_isShowTopOperatingArea === void 0 ? false : _0_isShowTopOperatingArea, props = _object_without_properties(_0, [
         "tagInputProps",
         "markdownProps",
@@ -203,6 +206,8 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     ]);
     var _ref;
     var _props_skillMode, _props_enlargeable, _props_refinePrompt, _props_enlargeable1, _props_enlargeable2;
+    // 默认关闭文件上传，需显式传入 attachment.enable: true 开启
+    var attachment = _object_spread({}, DEFAULT_ATTACHMENT, props.attachment);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var baseCls = getPrefixCls('agentic-md-input-field');
     var _useStyle = useStyle(baseCls, props.disableHoverAnimation), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
@@ -210,7 +215,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     var _useMarkdownInputFieldState = useMarkdownInputFieldState({
         value: props.value,
         onChange: props.onChange,
-        attachment: props.attachment
+        attachment: attachment
     }), isHover = _useMarkdownInputFieldState.isHover, setHover = _useMarkdownInputFieldState.setHover, isLoading = _useMarkdownInputFieldState.isLoading, setIsLoading = _useMarkdownInputFieldState.setIsLoading, isEnlarged = _useMarkdownInputFieldState.isEnlarged, setIsEnlarged = _useMarkdownInputFieldState.setIsEnlarged, value = _useMarkdownInputFieldState.value, setValue = _useMarkdownInputFieldState.setValue, fileMap = _useMarkdownInputFieldState.fileMap, setFileMap = _useMarkdownInputFieldState.setFileMap;
     // 边框光束动画状态
     var _useState = _sliced_to_array(useState(false), 2), isFocused = _useState[0], setIsFocused = _useState[1];
@@ -230,7 +235,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         toolsRender: props.toolsRender,
         maxHeight: props.maxHeight,
         style: props.style,
-        attachment: props.attachment,
+        attachment: attachment,
         isEnlarged: isEnlarged,
         rightPadding: rightPadding,
         topRightPadding: topRightPadding,
@@ -247,7 +252,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     }, value), markdownEditorRef = _useMarkdownInputFieldRefs.markdownEditorRef, quickActionsRef = _useMarkdownInputFieldRefs.quickActionsRef, actionsRef = _useMarkdownInputFieldRefs.actionsRef, isSendingRef = _useMarkdownInputFieldRefs.isSendingRef;
     // 文件上传管理
     var _useFileUploadManager = useFileUploadManager({
-        attachment: props.attachment,
+        attachment: attachment,
         fileMap: fileMap,
         onFileMapChange: setFileMap
     }), fileUploadDone = _useFileUploadManager.fileUploadDone, supportedFormat = _useFileUploadManager.supportedFormat, uploadImage = _useFileUploadManager.uploadImage, updateAttachmentFiles = _useFileUploadManager.updateAttachmentFiles, handleFileRemoval = _useFileUploadManager.handleFileRemoval, handleFileRetry = _useFileUploadManager.handleFileRetry;
@@ -266,7 +271,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
             onSend: props.onSend,
             allowEmptySubmit: props.allowEmptySubmit,
             markdownProps: markdownProps,
-            attachment: props.attachment,
+            attachment: attachment,
             triggerSendKey: props.triggerSendKey
         },
         markdownEditorRef: markdownEditorRef,
@@ -285,7 +290,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     }), handleEnlargeClick = _useMarkdownInputFieldHandlers.handleEnlargeClick, sendMessage = _useMarkdownInputFieldHandlers.sendMessage, handlePaste = _useMarkdownInputFieldHandlers.handlePaste, handleKeyDown = _useMarkdownInputFieldHandlers.handleKeyDown, activeInput = _useMarkdownInputFieldHandlers.activeInput;
     // 渲染辅助
     var attachmentList = useAttachmentList({
-        attachment: props.attachment,
+        attachment: attachment,
         fileMap: fileMap,
         handleFileRemoval: handleFileRemoval,
         handleFileRetry: handleFileRetry,
@@ -299,7 +304,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     });
     var sendActionsNode = useSendActionsNode({
         props: {
-            attachment: props.attachment,
+            attachment: attachment,
             voiceRecognizer: props.voiceRecognizer,
             value: value,
             disabled: props.disabled,
@@ -447,7 +452,12 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         },
         titlePlaceholderContent: props.placeholder,
         toc: false,
-        pasteConfig: props.pasteConfig
+        pasteConfig: _object_spread({
+            allowedTypes: [
+                'text/plain'
+            ],
+            plainTextOnly: true
+        }, props.pasteConfig)
     }, markdownProps), (props === null || props === void 0 ? void 0 : props.quickActionRender) || ((_props_refinePrompt = props.refinePrompt) === null || _props_refinePrompt === void 0 ? void 0 : _props_refinePrompt.enable) || ((_props_enlargeable1 = props.enlargeable) === null || _props_enlargeable1 === void 0 ? void 0 : _props_enlargeable1.enable) ? /*#__PURE__*/ React.createElement(QuickActions, {
         ref: quickActionsRef,
         value: value,
@@ -483,7 +493,8 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     }, props.toolsRender(_object_spread_props(_object_spread({
         value: value,
         fileMap: fileMap,
-        onFileMapChange: setFileMap
+        onFileMapChange: setFileMap,
+        attachment: attachment
     }, props), {
         isHover: isHover,
         isLoading: isLoading,

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldHandlers.js

@@ -284,16 +284,17 @@ import { getFileListFromDataTransferItems } from "../FilePaste";
             });
         })();
     });
-    // 图片粘贴上传
+    // 图片粘贴上传（仅在 attachment.enable 时生效，默认关闭）
     var handlePaste = useRefFunction(function(e) {
         return _async_to_generator(function() {
             var _props_markdownProps, attachmentConfig, imageFiles;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        // 优先使用 props.attachment，如果没有则使用 markdownProps?.attachment
                         attachmentConfig = props.attachment || ((_props_markdownProps = props.markdownProps) === null || _props_markdownProps === void 0 ? void 0 : _props_markdownProps.attachment);
-                        // 如果没有配置 upload 或 uploadWithResponse，不支持粘贴图片
+                        if (!(attachmentConfig === null || attachmentConfig === void 0 ? void 0 : attachmentConfig.enable)) return [
+                            2
+                        ];
                         if (!(attachmentConfig === null || attachmentConfig === void 0 ? void 0 : attachmentConfig.upload) && !(attachmentConfig === null || attachmentConfig === void 0 ? void 0 : attachmentConfig.uploadWithResponse)) {
                             return [
                                 2
@@ -305,7 +306,8 @@ import { getFileListFromDataTransferItems } from "../FilePaste";
                         ];
                     case 1:
                         imageFiles = _state.sent().filter(function(file) {
-                            return file.type.startsWith('image/');
+                            var _file_type;
+                            return file === null || file === void 0 ? void 0 : (_file_type = file.type) === null || _file_type === void 0 ? void 0 : _file_type.startsWith('image/');
                         });
                         // 如果没有图片文件，直接返回
                         if (imageFiles.length === 0) {

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.d.ts

@@ -105,6 +105,7 @@ export type MarkdownInputFieldProps = {
     /**
      * 附件配置
      * @description 配置附件功能，可以启用或禁用附件上传，并自定义附件按钮的属性
+     * @default { enable: false } 默认关闭文件上传
      * @example
      * ```tsx
      * <BubbleChat
@@ -120,7 +121,14 @@ export type MarkdownInputFieldProps = {
      * />
      * ```
      */
+    /**
+     * 附件配置，默认 enable 为 false，需显式开启文件上传
+     */
     attachment?: {
+        /**
+         * 是否启用文件上传（包含粘贴图片上传）
+         * @default false
+         */
         enable?: boolean;
     } & AttachmentButtonProps;
     /**
@@ -284,9 +292,14 @@ export type MarkdownInputFieldProps = {
         enabled?: boolean;
         /**
          * 允许的粘贴内容类型
-         * @default ['application/x-slate-md-fragment', 'text/html', 'Files', 'text/markdown', 'text/plain']
+         * MarkdownInputField 默认为 ['text/plain']，仅粘贴纯文本
          */
         allowedTypes?: Array<'application/x-slate-md-fragment' | 'text/html' | 'Files' | 'text/markdown' | 'text/plain'>;
+        /**
+         * 是否仅插入纯文本，不处理 HTML、链接、Markdown 解析等
+         * MarkdownInputField 默认为 true
+         */
+        plainTextOnly?: boolean;
     };
     /**
      * 技能模式配置