@agentscope-ai/chat 1.1.4

package/dist/attachments/DropArea.js

@@ -0,0 +1,87 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 classnames from 'classnames';
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { AttachmentContext } from "./context";
+export default function DropArea(props) {
+  var getDropContainer = props.getDropContainer,
+    className = props.className,
+    prefixCls = props.prefixCls,
+    children = props.children;
+  var _React$useContext = React.useContext(AttachmentContext),
+    disabled = _React$useContext.disabled;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    container = _React$useState2[0],
+    setContainer = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    showArea = _React$useState4[0],
+    setShowArea = _React$useState4[1];
+
+  // ========================== Container ===========================
+  React.useEffect(function () {
+    var nextContainer = getDropContainer === null || getDropContainer === void 0 ? void 0 : getDropContainer();
+    if (container !== nextContainer) {
+      setContainer(nextContainer);
+    }
+  }, [getDropContainer]);
+
+  // ============================= Drop =============================
+  React.useEffect(function () {
+    // Add global drop event
+    if (container) {
+      var onDragEnter = function onDragEnter() {
+        setShowArea(true);
+      };
+
+      // Should prevent default to make drop event work
+      var onDragOver = function onDragOver(e) {
+        e.preventDefault();
+      };
+      var onDragLeave = function onDragLeave(e) {
+        if (!e.relatedTarget) {
+          setShowArea(false);
+        }
+      };
+      var onDrop = function onDrop(e) {
+        setShowArea(false);
+        e.preventDefault();
+      };
+      document.addEventListener('dragenter', onDragEnter);
+      document.addEventListener('dragover', onDragOver);
+      document.addEventListener('dragleave', onDragLeave);
+      document.addEventListener('drop', onDrop);
+      return function () {
+        document.removeEventListener('dragenter', onDragEnter);
+        document.removeEventListener('dragover', onDragOver);
+        document.removeEventListener('dragleave', onDragLeave);
+        document.removeEventListener('drop', onDrop);
+      };
+    }
+  }, [!!container]);
+
+  // =========================== Visible ============================
+  var showDropdown = getDropContainer && container && !disabled;
+
+  // ============================ Render ============================
+  if (!showDropdown) {
+    return null;
+  }
+  var areaCls = "".concat(prefixCls, "-drop-area");
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    className: classnames(areaCls, className, _defineProperty({}, "".concat(areaCls, "-on-body"), container.tagName === 'BODY')),
+    style: {
+      display: showArea ? 'block' : 'none'
+    }
+  }, children), container);
+}

package/dist/attachments/FileList/AudioIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function AudioIcon(): React.JSX.Element;

package/dist/attachments/FileList/AudioIcon.js

@@ -0,0 +1,19 @@
+import React from 'react';
+export default function AudioIcon() {
+  return /*#__PURE__*/React.createElement("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"
+  }, /*#__PURE__*/React.createElement("title", null, "audio"), /*#__PURE__*/React.createElement("g", {
+    stroke: "none",
+    "stroke-width": "1",
+    fill: "none",
+    "fill-rule": "evenodd"
+  }, /*#__PURE__*/React.createElement("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 M10.7315824,7.11216117 C10.7428131,7.15148751 10.7485063,7.19218979 10.7485063,7.23309113 L10.7485063,8.07742614 C10.7484199,8.27364959 10.6183424,8.44607275 10.4296853,8.50003683 L8.32984514,9.09986306 L8.32984514,11.7071803 C8.32986605,12.5367078 7.67249692,13.217028 6.84345686,13.2454634 L6.79068592,13.2463395 C6.12766108,13.2463395 5.53916361,12.8217001 5.33010655,12.1924966 C5.1210495,11.563293 5.33842118,10.8709227 5.86959669,10.4741173 C6.40077221,10.0773119 7.12636292,10.0652587 7.67042486,10.4442027 L7.67020842,7.74937024 L7.68449368,7.74937024 C7.72405122,7.59919041 7.83988806,7.48101083 7.98924584,7.4384546 L10.1880418,6.81004755 C10.42156,6.74340323 10.6648954,6.87865515 10.7315824,7.11216117 Z M9.60714286,1.31785714 L12.9678571,4.67857143 L9.60714286,4.67857143 L9.60714286,1.31785714 Z",
+    fill: "currentColor"
+  })));
+}

package/dist/attachments/FileList/FileListCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Attachment } from '..';
+export interface FileListCardProps {
+    prefixCls?: string;
+    item: Attachment;
+    onRemove?: (item: Attachment) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    renderType?: 'default';
+}
+declare const _default: React.ForwardRefExoticComponent<FileListCardProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/attachments/FileList/FileListCard.js

@@ -0,0 +1,229 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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";
+var EMPTY = "\xA0";
+var DEFAULT_ICON_COLOR = '#8c8c8c';
+var IMG_EXTS = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp', 'svg'];
+var PRESET_FILE_ICONS = [{
+  icon: /*#__PURE__*/React.createElement(FileExcelFilled, null),
+  color: '#22b35e',
+  ext: ['xlsx', 'xls']
+}, {
+  icon: /*#__PURE__*/React.createElement(FileImageFilled, null),
+  color: DEFAULT_ICON_COLOR,
+  ext: IMG_EXTS
+}, {
+  icon: /*#__PURE__*/React.createElement(FileMarkdownFilled, null),
+  color: DEFAULT_ICON_COLOR,
+  ext: ['md', 'mdx']
+}, {
+  icon: /*#__PURE__*/React.createElement(FilePdfFilled, null),
+  color: '#ff4d4f',
+  ext: ['pdf']
+}, {
+  icon: /*#__PURE__*/React.createElement(FilePptFilled, null),
+  color: '#ff6e31',
+  ext: ['ppt', 'pptx']
+}, {
+  icon: /*#__PURE__*/React.createElement(FileWordFilled, null),
+  color: '#1677ff',
+  ext: ['doc', 'docx']
+}, {
+  icon: /*#__PURE__*/React.createElement(FileZipFilled, null),
+  color: '#fab714',
+  ext: ['zip', 'rar', '7z', 'tar', 'gz']
+}, {
+  icon: /*#__PURE__*/React.createElement(VideoIcon, null),
+  color: '#ff4d4f',
+  ext: ['mp4', 'avi', 'mov', 'wmv', 'flv', 'mkv']
+}, {
+  icon: /*#__PURE__*/React.createElement(AudioIcon, null),
+  color: '#8c8c8c',
+  ext: ['mp3', 'wav', 'flac', 'ape', 'aac', 'ogg']
+}];
+function matchExt(suffix, ext) {
+  return ext.some(function (e) {
+    return suffix.toLowerCase() === ".".concat(e);
+  });
+}
+function getSize(size) {
+  var retSize = size;
+  var units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB'];
+  var unitIndex = 0;
+  while (retSize >= 1024 && unitIndex < units.length - 1) {
+    retSize /= 1024;
+    unitIndex++;
+  }
+  return "".concat(retSize.toFixed(0), " ").concat(units[unitIndex]);
+}
+function FileListCard(props, ref) {
+  var customizePrefixCls = props.prefixCls,
+    item = props.item,
+    onRemove = props.onRemove,
+    className = props.className,
+    style = props.style;
+  var context = React.useContext(AttachmentContext);
+  var _ref = context || {},
+    disabled = _ref.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 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(/^(.*)\.[^.]+$/);
+      return match ? [match[1], nameStr.slice(match[1].length)] : [nameStr, ''];
+    }, [name]),
+    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+    namePrefix = _React$useMemo2[0],
+    nameSuffix = _React$useMemo2[1];
+  var isImg = React.useMemo(function () {
+    return matchExt(nameSuffix, IMG_EXTS);
+  }, [nameSuffix]);
+
+  // ============================== Desc ==============================
+  var desc = React.useMemo(function () {
+    if (description) {
+      return description;
+    }
+    if (status === 'uploading') {
+      return "".concat(percent || 0, "%");
+    }
+    if (status === 'error') {
+      return item.response || EMPTY;
+    }
+    return size ? getSize(size) : EMPTY;
+  }, [status, percent]);
+
+  // ============================== Icon ==============================
+  var _React$useMemo3 = React.useMemo(function () {
+      var _iterator = _createForOfIteratorHelper(PRESET_FILE_ICONS),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _step$value = _step.value,
+            ext = _step$value.ext,
+            _icon = _step$value.icon,
+            color = _step$value.color;
+          if (matchExt(nameSuffix, ext)) {
+            return [_icon, color];
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return [/*#__PURE__*/React.createElement(FileTextFilled, {
+        key: "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],
+    setPreviewImg = _React$useState2[1];
+  React.useEffect(function () {
+    if (item.originFileObj) {
+      var synced = true;
+      previewImage(item.originFileObj).then(function (url) {
+        if (synced) {
+          setPreviewImg(url);
+        }
+      });
+      return function () {
+        synced = false;
+      };
+    }
+    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))));
+  } 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))));
+  }
+  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))));
+}
+export default /*#__PURE__*/React.forwardRef(FileListCard);

package/dist/attachments/FileList/Progress.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ProgressProps {
+    prefixCls: string;
+    percent: number;
+}
+export default function Progress(props: ProgressProps): React.JSX.Element;

package/dist/attachments/FileList/Progress.js

@@ -0,0 +1,21 @@
+import { Progress as AntdProgress, theme } from 'antd';
+import React from 'react';
+export default function Progress(props) {
+  var percent = props.percent;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  return /*#__PURE__*/React.createElement(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", {
+        style: {
+          color: '#FFF'
+        }
+      }, (ptg || 0).toFixed(0), "%");
+    }
+  });
+}

package/dist/attachments/FileList/VideoIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function VideoIcon(): React.JSX.Element;

package/dist/attachments/FileList/VideoIcon.js

@@ -0,0 +1,19 @@
+import React from 'react';
+export default function VideoIcon() {
+  return /*#__PURE__*/React.createElement("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"
+  }, /*#__PURE__*/React.createElement("title", null, "video"), /*#__PURE__*/React.createElement("g", {
+    stroke: "none",
+    "stroke-width": "1",
+    fill: "none",
+    "fill-rule": "evenodd"
+  }, /*#__PURE__*/React.createElement("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/dist/attachments/FileList/index.d.ts

@@ -0,0 +1,16 @@
+import { type UploadProps } from 'antd';
+import React from 'react';
+import type { Attachment } from '..';
+export interface FileListProps {
+    prefixCls: string;
+    items: Attachment[];
+    onRemove: (item: Attachment) => void;
+    overflow?: 'scrollX' | 'scrollY' | 'wrap';
+    upload: UploadProps;
+    listClassName?: string;
+    listStyle?: React.CSSProperties;
+    itemClassName?: string;
+    itemStyle?: React.CSSProperties;
+    renderType?: 'default';
+}
+export default function FileList(props: FileListProps): React.JSX.Element;

package/dist/attachments/FileList/index.js

@@ -0,0 +1,132 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 { Button } from 'antd';
+import classnames from 'classnames';
+import { CSSMotionList } from 'rc-motion';
+import React from 'react';
+import { AttachmentContext } from "../context";
+import FileListCard from "./FileListCard";
+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,
+    itemStyle = props.itemStyle;
+  var listCls = "".concat(prefixCls, "-list");
+  var containerRef = React.useRef(null);
+  var _React$useState = React.useState(false),
+    _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 () {
+      setFirstMount(false);
+    };
+  }, []);
+
+  // ================================= Scroll =================================
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    pingStart = _React$useState4[0],
+    setPingStart = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    pingEnd = _React$useState6[0],
+    setPingEnd = _React$useState6[1];
+  var checkPing = function checkPing() {
+    var containerEle = containerRef.current;
+    if (!containerEle) {
+      return;
+    }
+    if (overflow === 'scrollX') {
+      setPingStart(Math.abs(containerEle.scrollLeft) >= TOLERANCE);
+      setPingEnd(containerEle.scrollWidth - containerEle.clientWidth - Math.abs(containerEle.scrollLeft) >= TOLERANCE);
+    } else if (overflow === 'scrollY') {
+      setPingStart(containerEle.scrollTop !== 0);
+      setPingEnd(containerEle.scrollHeight - containerEle.clientHeight !== containerEle.scrollTop);
+    }
+  };
+  React.useEffect(function () {
+    checkPing();
+  }, [overflow]);
+  var onScrollOffset = function onScrollOffset(offset) {
+    var containerEle = containerRef.current;
+    if (containerEle) {
+      containerEle.scrollTo({
+        left: containerEle.scrollLeft + offset * containerEle.clientWidth,
+        behavior: 'smooth'
+      });
+    }
+  };
+  var onScrollLeft = function onScrollLeft() {
+    onScrollOffset(-1);
+  };
+  var onScrollRight = function onScrollRight() {
+    onScrollOffset(1);
+  };
+
+  // ================================= Render =================================
+  return /*#__PURE__*/React.createElement("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
+  })));
+}

package/dist/attachments/PlaceholderUploader.d.ts

@@ -0,0 +1,17 @@
+import { type UploadProps } from 'antd';
+import React from 'react';
+export interface PlaceholderConfig {
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+export type PlaceholderType = PlaceholderConfig | React.ReactElement;
+export interface PlaceholderProps {
+    prefixCls: string;
+    placeholder?: PlaceholderType;
+    upload?: UploadProps;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const _default: React.ForwardRefExoticComponent<PlaceholderProps & React.RefAttributes<import("antd/es/upload/Upload").UploadRef<any>>>;
+export default _default;