@agentscope-ai/chat 1.1.4 → 1.1.7

package/lib/Attachments/FileList/FileListCard.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { Attachment } from '..';
+export interface FileListCardProps {
+    /**
+     * @description 自定义CSS类名前缀，用于样式隔离和主题定制
+     * @descriptionEn Custom CSS class name prefix for style isolation and theme customization
+     */
+    prefixCls?: string;
+    /**
+     * @description 文件附件数据对象，包含文件的基本信息
+     * @descriptionEn File attachment data object containing basic file information
+     */
+    item: Attachment;
+    /**
+     * @description 文件移除时的回调函数，用于处理文件删除操作
+     * @descriptionEn Callback function when file is removed for handling file deletion operations
+     */
+    onRemove?: (item: Attachment) => void;
+    /**
+     * @description 组件的CSS类名
+     * @descriptionEn CSS class name for the component
+     */
+    className?: string;
+    /**
+     * @description 组件的内联样式对象
+     * @descriptionEn Inline style object for the component
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description 渲染类型，目前仅支持默认渲染模式
+     * @descriptionEn Render type, currently only supports default render mode
+     */
+    renderType?: 'default';
+}
+declare const _default: React.ForwardRefExoticComponent<FileListCardProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/{dist/attachments → lib/Attachments}/FileList/FileListCard.js

@@ -9,53 +9,80 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { CloseOutlined, FileExcelFilled, FileImageFilled, FileMarkdownFilled, FilePdfFilled, FilePptFilled, FileTextFilled, FileWordFilled, FileZipFilled } from '@ant-design/icons';
 import classnames from 'classnames';
 import React from 'react';
-import { useProviderContext } from "../..";
 import { AttachmentContext } from "../context";
-import useStyle from "../style";
 import { previewImage } from "../util";
-import AudioIcon from "./AudioIcon";
 import Progress from "./Progress";
-import VideoIcon from "./VideoIcon";
+import useStyle from "../style/fileCard";
+import { useProviderContext } from "../..";
+import { SparkFalseLine } from '@agentscope-ai/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var EMPTY = "\xA0";
 var DEFAULT_ICON_COLOR = '#8c8c8c';
 var IMG_EXTS = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp', 'svg'];
+var IconImage = function IconImage(_ref) {
+  var url = _ref.url;
+  return /*#__PURE__*/_jsx("img", {
+    src: url,
+    width: 32,
+    height: 32
+  });
+};
 var PRESET_FILE_ICONS = [{
-  icon: /*#__PURE__*/React.createElement(FileExcelFilled, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i1/O1CN01cVtZXI23tPVhiZoPJ_!!6000000007313-55-tps-40-40.svg"
+  }),
   color: '#22b35e',
   ext: ['xlsx', 'xls']
 }, {
-  icon: /*#__PURE__*/React.createElement(FileImageFilled, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i1/O1CN01uDnnuz1XMNEjgFMul_!!6000000002909-55-tps-40-40.svg"
+  }),
   color: DEFAULT_ICON_COLOR,
   ext: IMG_EXTS
 }, {
-  icon: /*#__PURE__*/React.createElement(FileMarkdownFilled, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i1/O1CN01PaXli01DDPAO68fsI_!!6000000000182-55-tps-40-40.svg"
+  }),
   color: DEFAULT_ICON_COLOR,
   ext: ['md', 'mdx']
 }, {
-  icon: /*#__PURE__*/React.createElement(FilePdfFilled, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i3/O1CN01mB5PzD27fuIWK661W_!!6000000007825-55-tps-40-40.svg"
+  }),
   color: '#ff4d4f',
   ext: ['pdf']
 }, {
-  icon: /*#__PURE__*/React.createElement(FilePptFilled, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i3/O1CN01a8j7Jv1nW1QyFme7k_!!6000000005096-55-tps-40-40.svg"
+  }),
   color: '#ff6e31',
   ext: ['ppt', 'pptx']
 }, {
-  icon: /*#__PURE__*/React.createElement(FileWordFilled, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i1/O1CN01XaNi8P1UkhQXoQdUL_!!6000000002556-55-tps-40-40.svg"
+  }),
   color: '#1677ff',
   ext: ['doc', 'docx']
 }, {
-  icon: /*#__PURE__*/React.createElement(FileZipFilled, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i1/O1CN01K7jgEj1sywWTkPSGY_!!6000000005836-55-tps-40-40.svg"
+  }),
   color: '#fab714',
   ext: ['zip', 'rar', '7z', 'tar', 'gz']
 }, {
-  icon: /*#__PURE__*/React.createElement(VideoIcon, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i2/O1CN01zTTe0q1Xg4GkZgJol_!!6000000002952-55-tps-40-40.svg"
+  }),
   color: '#ff4d4f',
   ext: ['mp4', 'avi', 'mov', 'wmv', 'flv', 'mkv']
 }, {
-  icon: /*#__PURE__*/React.createElement(AudioIcon, null),
+  icon: /*#__PURE__*/_jsx(IconImage, {
+    url: "https://gw.alicdn.com/imgextra/i2/O1CN01qOBdXG1UpHO6f3Vvc_!!6000000002566-55-tps-40-40.svg"
+  }),
   color: '#8c8c8c',
   ext: ['mp3', 'wav', 'flac', 'ape', 'aac', 'ogg']
 }];
@@ -75,35 +102,24 @@ function getSize(size) {
   return "".concat(retSize.toFixed(0), " ").concat(units[unitIndex]);
 }
 function FileListCard(props, ref) {
-  var customizePrefixCls = props.prefixCls,
-    item = props.item,
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var item = props.item,
     onRemove = props.onRemove,
     className = props.className,
     style = props.style;
   var context = React.useContext(AttachmentContext);
-  var _ref = context || {},
-    disabled = _ref.disabled;
+  var _ref2 = context || {},
+    disabled = _ref2.disabled;
   var name = item.name,
     size = item.size,
     percent = item.percent,
     _item$status = item.status,
     status = _item$status === void 0 ? 'done' : _item$status,
     description = item.description;
-
-  // ============================= Prefix =============================
-  var _useProviderContext = useProviderContext(),
-    getPrefixCls = _useProviderContext.getPrefixCls;
-  var prefixCls = getPrefixCls('attachment', customizePrefixCls);
+  var Style = useStyle();
+  var prefixCls = getPrefixCls('attachment');
   var cardCls = "".concat(prefixCls, "-list-card");
-
-  // ============================= Style ==============================
-  var _useStyle = useStyle(prefixCls),
-    _useStyle2 = _slicedToArray(_useStyle, 3),
-    wrapCSSVar = _useStyle2[0],
-    hashId = _useStyle2[1],
-    cssVarCls = _useStyle2[2];
-
-  // ============================== Name ==============================
   var _React$useMemo = React.useMemo(function () {
       var nameStr = name || '';
       var match = nameStr.match(/^(.*)\.[^.]+$/);
@@ -115,8 +131,6 @@ function FileListCard(props, ref) {
   var isImg = React.useMemo(function () {
     return matchExt(nameSuffix, IMG_EXTS);
   }, [nameSuffix]);
-
-  // ============================== Desc ==============================
   var desc = React.useMemo(function () {
     if (description) {
       return description;
@@ -129,8 +143,6 @@ function FileListCard(props, ref) {
     }
     return size ? getSize(size) : EMPTY;
   }, [status, percent]);
-
-  // ============================== Icon ==============================
   var _React$useMemo3 = React.useMemo(function () {
       var _iterator = _createForOfIteratorHelper(PRESET_FILE_ICONS),
         _step;
@@ -149,15 +161,13 @@ function FileListCard(props, ref) {
       } finally {
         _iterator.f();
       }
-      return [/*#__PURE__*/React.createElement(FileTextFilled, {
-        key: "defaultIcon"
-      }), DEFAULT_ICON_COLOR];
+      return [/*#__PURE__*/_jsx(IconImage, {
+        url: "https://gw.alicdn.com/imgextra/i1/O1CN01K7jgEj1sywWTkPSGY_!!6000000005836-55-tps-40-40.svg"
+      }, "defaultIcon"), DEFAULT_ICON_COLOR];
     }, [nameSuffix]),
     _React$useMemo4 = _slicedToArray(_React$useMemo3, 2),
     icon = _React$useMemo4[0],
     iconColor = _React$useMemo4[1];
-
-  // ========================== ImagePreview ==========================
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     previewImg = _React$useState2[0],
@@ -176,54 +186,70 @@ function FileListCard(props, ref) {
     }
     setPreviewImg(undefined);
   }, [item.originFileObj]);
-
-  // ============================= Render =============================
   var content = null;
   var previewUrl = item.thumbUrl || item.url || previewImg;
   var renderType = props.renderType || 'default';
   var isImgPreview = isImg && (item.originFileObj || previewUrl) && renderType === 'default';
   if (isImgPreview) {
-    // Preview Image style
-    content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("img", {
-      alt: "preview",
-      src: previewUrl
-    }), status !== 'done' && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardCls, "-img-mask")
-    }, status === 'uploading' && percent !== undefined && /*#__PURE__*/React.createElement(Progress, {
-      percent: percent,
-      prefixCls: cardCls
-    }), status === 'error' && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardCls, "-desc")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardCls, "-ellipsis-prefix")
-    }, desc))));
+    content = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("img", {
+        alt: "preview",
+        src: previewUrl
+      }), status !== 'done' && /*#__PURE__*/_jsxs("div", {
+        className: "".concat(cardCls, "-img-mask"),
+        children: [status === 'uploading' && percent !== undefined && /*#__PURE__*/_jsx(Progress, {
+          percent: percent,
+          prefixCls: cardCls
+        }), status === 'error' && /*#__PURE__*/_jsx("div", {
+          className: "".concat(cardCls, "-desc"),
+          children: /*#__PURE__*/_jsx("div", {
+            className: "".concat(cardCls, "-ellipsis-prefix"),
+            children: desc
+          })
+        })]
+      })]
+    });
   } else {
-    // Preview Card style
-    content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardCls, "-icon"),
-      style: {
-        color: iconColor
-      }
-    }, icon), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardCls, "-content")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardCls, "-name")
-    }, namePrefix !== null && namePrefix !== void 0 ? namePrefix : EMPTY, nameSuffix), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardCls, "-desc")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardCls, "-ellipsis-prefix")
-    }, desc))));
+    content = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(cardCls, "-icon"),
+        style: {
+          color: iconColor
+        },
+        children: icon
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "".concat(cardCls, "-content"),
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "".concat(cardCls, "-name"),
+          children: [namePrefix !== null && namePrefix !== void 0 ? namePrefix : EMPTY, nameSuffix]
+        }), /*#__PURE__*/_jsx("div", {
+          className: "".concat(cardCls, "-desc"),
+          children: /*#__PURE__*/_jsx("div", {
+            className: "".concat(cardCls, "-ellipsis-prefix"),
+            children: desc
+          })
+        })]
+      })]
+    });
   }
-  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
-    className: classnames(cardCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(cardCls, "-status-").concat(status), status), "".concat(cardCls, "-type-preview"), isImgPreview), "".concat(cardCls, "-type-overview"), !isImgPreview), "".concat(cardCls, "-type-").concat(renderType), true), "".concat(cardCls, "-hoverable"), !disabled && onRemove), className, hashId, cssVarCls),
-    style: style,
-    ref: ref
-  }, content, !disabled && onRemove && /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "".concat(cardCls, "-remove"),
-    onClick: function onClick() {
-      onRemove(item);
-    }
-  }, /*#__PURE__*/React.createElement(CloseOutlined, null))));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      className: classnames(cardCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(cardCls, "-status-").concat(status), status), "".concat(cardCls, "-type-preview"), isImgPreview), "".concat(cardCls, "-type-overview"), !isImgPreview), "".concat(cardCls, "-type-").concat(renderType), true), "".concat(cardCls, "-hoverable"), !disabled && onRemove), className),
+      style: style,
+      ref: ref,
+      children: [content, /*#__PURE__*/_jsx("button", {
+        style: {
+          opacity: !disabled && onRemove ? 1 : 0
+        },
+        className: "".concat(cardCls, "-remove"),
+        onClick: function onClick() {
+          if (!disabled && onRemove) {
+            onRemove(item);
+          }
+        },
+        children: /*#__PURE__*/_jsx(SparkFalseLine, {})
+      })]
+    })]
+  });
 }
 export default /*#__PURE__*/React.forwardRef(FileListCard);

package/lib/Attachments/FileList/Progress.d.ts

@@ -0,0 +1,13 @@
+export interface ProgressProps {
+    /**
+     * @description 自定义CSS类名前缀，用于样式隔离和主题定制
+     * @descriptionEn Custom CSS class name prefix for style isolation and theme customization
+     */
+    prefixCls: string;
+    /**
+     * @description 进度百分比值，范围0-100，用于显示上传进度
+     * @descriptionEn Progress percentage value, range 0-100, for displaying upload progress
+     */
+    percent: number;
+}
+export default function Progress(props: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/{dist/attachments → lib/Attachments}/FileList/Progress.js

@@ -1,21 +1,23 @@
 import { Progress as AntdProgress, theme } from 'antd';
-import React from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function Progress(props) {
   var percent = props.percent;
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
-  return /*#__PURE__*/React.createElement(AntdProgress, {
+  return /*#__PURE__*/_jsx(AntdProgress, {
     type: "circle",
     percent: percent,
     size: token.fontSizeHeading2 * 2,
     strokeColor: "#FFF",
     trailColor: "rgba(255, 255, 255, 0.3)",
     format: function format(ptg) {
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_jsxs("span", {
         style: {
           color: '#FFF'
-        }
-      }, (ptg || 0).toFixed(0), "%");
+        },
+        children: [(ptg || 0).toFixed(0), "%"]
+      });
     }
   });
 }

package/lib/Attachments/FileList/VideoIcon.d.ts

@@ -0,0 +1 @@
+export default function VideoIcon(): import("react/jsx-runtime").JSX.Element;

package/lib/Attachments/FileList/VideoIcon.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function VideoIcon() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "video"
+    }), /*#__PURE__*/_jsx("g", {
+      stroke: "none",
+      "stroke-width": "1",
+      fill: "none",
+      "fill-rule": "evenodd",
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M14.1178571,4.0125 C14.225,4.11964286 14.2857143,4.26428571 14.2857143,4.41607143 L14.2857143,15.4285714 C14.2857143,15.7446429 14.0303571,16 13.7142857,16 L2.28571429,16 C1.96964286,16 1.71428571,15.7446429 1.71428571,15.4285714 L1.71428571,0.571428571 C1.71428571,0.255357143 1.96964286,0 2.28571429,0 L9.86964286,0 C10.0214286,0 10.1678571,0.0607142857 10.275,0.167857143 L14.1178571,4.0125 Z M12.9678571,4.67857143 L9.60714286,1.31785714 L9.60714286,4.67857143 L12.9678571,4.67857143 Z M10.5379461,10.3101106 L6.68957555,13.0059749 C6.59910784,13.0693494 6.47439406,13.0473861 6.41101953,12.9569184 C6.3874624,12.9232903 6.37482581,12.8832269 6.37482581,12.8421686 L6.37482581,7.45043999 C6.37482581,7.33998304 6.46436886,7.25043999 6.57482581,7.25043999 C6.61588409,7.25043999 6.65594753,7.26307658 6.68957555,7.28663371 L10.5379461,9.98249803 C10.6284138,10.0458726 10.6503772,10.1705863 10.5870027,10.2610541 C10.5736331,10.2801392 10.5570312,10.2967411 10.5379461,10.3101106 Z",
+        fill: "currentColor"
+      })
+    })]
+  });
+}

package/lib/Attachments/FileList/index.d.ts

@@ -0,0 +1,56 @@
+import { type UploadProps } from 'antd';
+import React from 'react';
+import type { Attachment } from '..';
+export interface FileListProps {
+    /**
+     * @description 自定义CSS类名前缀，用于样式隔离和主题定制
+     * @descriptionEn Custom CSS class name prefix for style isolation and theme customization
+     */
+    prefixCls: string;
+    /**
+     * @description 文件附件数据数组，包含所有要显示的文件信息
+     * @descriptionEn File attachment data array containing all file information to display
+     */
+    items: Attachment[];
+    /**
+     * @description 文件移除时的回调函数，用于处理文件删除操作
+     * @descriptionEn Callback function when file is removed for handling file deletion operations
+     */
+    onRemove: (item: Attachment) => void;
+    /**
+     * @description 文件列表的溢出处理方式，影响滚动和布局行为
+     * @descriptionEn Overflow handling method for file list, affects scrolling and layout behavior
+     */
+    overflow?: 'scrollX' | 'scrollY' | 'wrap';
+    /**
+     * @description 上传组件的属性配置，用于控制上传行为
+     * @descriptionEn Upload component props configuration for controlling upload behavior
+     */
+    upload: UploadProps;
+    /**
+     * @description 文件列表容器的CSS类名
+     * @descriptionEn CSS class name for the file list container
+     */
+    listClassName?: string;
+    /**
+     * @description 文件列表容器的内联样式对象
+     * @descriptionEn Inline style object for the file list container
+     */
+    listStyle?: React.CSSProperties;
+    /**
+     * @description 文件列表项的CSS类名
+     * @descriptionEn CSS class name for file list items
+     */
+    itemClassName?: string;
+    /**
+     * @description 文件列表项的内联样式对象
+     * @descriptionEn Inline style object for file list items
+     */
+    itemStyle?: React.CSSProperties;
+    /**
+     * @description 渲染类型，目前仅支持默认渲染模式
+     * @descriptionEn Render type, currently only supports default render mode
+     */
+    renderType?: 'default';
+}
+export default function FileList(props: FileListProps): import("react/jsx-runtime").JSX.Element;

package/{dist/attachments → lib/Attachments}/FileList/index.js

@@ -10,20 +10,21 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { LeftOutlined, RightOutlined } from "@agentscope-ai/icons-override-antd";
 import { Button } from 'antd';
 import classnames from 'classnames';
 import { CSSMotionList } from 'rc-motion';
 import React from 'react';
-import { AttachmentContext } from "../context";
 import FileListCard from "./FileListCard";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var TOLERANCE = 1;
 export default function FileList(props) {
   var prefixCls = props.prefixCls,
     items = props.items,
     onRemove = props.onRemove,
     overflow = props.overflow,
-    upload = props.upload,
     listClassName = props.listClassName,
     listStyle = props.listStyle,
     itemClassName = props.itemClassName,
@@ -34,8 +35,6 @@ export default function FileList(props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     firstMount = _React$useState2[0],
     setFirstMount = _React$useState2[1];
-  var _React$useContext = React.useContext(AttachmentContext),
-    disabled = _React$useContext.disabled;
   React.useEffect(function () {
     setFirstMount(true);
     return function () {
@@ -83,50 +82,51 @@ export default function FileList(props) {
   var onScrollRight = function onScrollRight() {
     onScrollOffset(1);
   };
-
-  // ================================= Render =================================
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classnames(listCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(listCls, "-overflow-").concat(props.overflow), overflow), "".concat(listCls, "-overflow-ping-start"), pingStart), "".concat(listCls, "-overflow-ping-end"), pingEnd), listClassName),
     ref: containerRef,
     onScroll: checkPing,
-    style: listStyle
-  }, /*#__PURE__*/React.createElement(CSSMotionList, {
-    keys: items.map(function (item) {
-      return {
-        key: item.uid,
-        item: item
-      };
-    }),
-    motionName: "".concat(listCls, "-card-motion"),
-    component: false,
-    motionAppear: firstMount,
-    motionLeave: true,
-    motionEnter: true
-  }, function (_ref) {
-    var key = _ref.key,
-      item = _ref.item,
-      motionCls = _ref.className,
-      motionStyle = _ref.style;
-    return /*#__PURE__*/React.createElement(FileListCard, {
-      key: key,
-      prefixCls: prefixCls,
-      item: item,
-      onRemove: onRemove,
-      className: classnames(motionCls, itemClassName),
-      style: _objectSpread(_objectSpread({}, motionStyle), itemStyle),
-      renderType: props.renderType
-    });
-  }), overflow === 'scrollX' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    shape: "circle",
-    className: "".concat(listCls, "-prev-btn"),
-    icon: /*#__PURE__*/React.createElement(LeftOutlined, null),
-    onClick: onScrollLeft
-  }), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    shape: "circle",
-    className: "".concat(listCls, "-next-btn"),
-    icon: /*#__PURE__*/React.createElement(RightOutlined, null),
-    onClick: onScrollRight
-  })));
+    style: listStyle,
+    children: [/*#__PURE__*/_jsx(CSSMotionList, {
+      keys: items.map(function (item) {
+        return {
+          key: item.uid,
+          item: item
+        };
+      }),
+      motionName: "".concat(listCls, "-card-motion"),
+      component: false,
+      motionAppear: firstMount,
+      motionLeave: true,
+      motionEnter: true,
+      children: function children(_ref) {
+        var key = _ref.key,
+          item = _ref.item,
+          motionCls = _ref.className,
+          motionStyle = _ref.style;
+        return /*#__PURE__*/_jsx(FileListCard, {
+          prefixCls: prefixCls,
+          item: item,
+          onRemove: onRemove,
+          className: classnames(motionCls, itemClassName),
+          style: _objectSpread(_objectSpread({}, motionStyle), itemStyle),
+          renderType: props.renderType
+        }, key);
+      }
+    }), overflow === 'scrollX' && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        size: "small",
+        shape: "circle",
+        className: "".concat(listCls, "-prev-btn"),
+        icon: /*#__PURE__*/_jsx(LeftOutlined, {}),
+        onClick: onScrollLeft
+      }), /*#__PURE__*/_jsx(Button, {
+        size: "small",
+        shape: "circle",
+        className: "".concat(listCls, "-next-btn"),
+        icon: /*#__PURE__*/_jsx(RightOutlined, {}),
+        onClick: onScrollRight
+      })]
+    })]
+  });
 }

package/lib/Attachments/PlaceholderUploader.d.ts

@@ -0,0 +1,49 @@
+import { type UploadProps } from 'antd';
+import React from 'react';
+export interface PlaceholderConfig {
+    /**
+     * @description 占位符的图标元素，用于视觉引导
+     * @descriptionEn Icon element for the placeholder for visual guidance
+     */
+    icon?: React.ReactNode;
+    /**
+     * @description 占位符的主标题文本，用于说明功能
+     * @descriptionEn Main title text for the placeholder for explaining functionality
+     */
+    title?: React.ReactNode;
+    /**
+     * @description 占位符的描述文本，用于提供详细说明
+     * @descriptionEn Description text for the placeholder for providing detailed explanation
+     */
+    description?: React.ReactNode;
+}
+export type PlaceholderType = PlaceholderConfig | React.ReactElement;
+export interface PlaceholderProps {
+    /**
+     * @description 自定义CSS类名前缀，用于样式隔离和主题定制
+     * @descriptionEn Custom CSS class name prefix for style isolation and theme customization
+     */
+    prefixCls: string;
+    /**
+     * @description 占位符配置，支持配置对象或自定义React元素
+     * @descriptionEn Placeholder configuration, supports config object or custom React elements
+     */
+    placeholder?: PlaceholderType;
+    /**
+     * @description 上传组件的属性配置，用于控制上传行为
+     * @descriptionEn Upload component props configuration for controlling upload behavior
+     */
+    upload?: UploadProps;
+    /**
+     * @description 组件的CSS类名
+     * @descriptionEn CSS class name for the component
+     */
+    className?: string;
+    /**
+     * @description 组件的内联样式对象
+     * @descriptionEn Inline style object for the component
+     */
+    style?: React.CSSProperties;
+}
+declare const _default: React.ForwardRefExoticComponent<PlaceholderProps & React.RefAttributes<import("antd/es/upload/Upload").UploadRef<any>>>;
+export default _default;