@agentscope-ai/chat 1.1.4

package/dist/attachments/PlaceholderUploader.js

@@ -0,0 +1,79 @@
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 { Flex, Typography, Upload } from 'antd';
+import classNames from 'classnames';
+import React from 'react';
+import { AttachmentContext } from "./context";
+function Placeholder(props, ref) {
+  var prefixCls = props.prefixCls,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? {} : _props$placeholder,
+    upload = props.upload,
+    className = props.className,
+    style = props.style;
+  var placeholderCls = "".concat(prefixCls, "-placeholder");
+  var placeholderConfig = placeholder || {};
+  var _React$useContext = React.useContext(AttachmentContext),
+    disabled = _React$useContext.disabled;
+
+  // ============================= Drag =============================
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    dragIn = _React$useState2[0],
+    setDragIn = _React$useState2[1];
+  var onDragEnter = function onDragEnter() {
+    setDragIn(true);
+  };
+  var onDragLeave = function onDragLeave(e) {
+    // Leave the div should end
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      setDragIn(false);
+    }
+  };
+  var onDrop = function onDrop() {
+    setDragIn(false);
+  };
+
+  // ============================ Render ============================
+  var node = /*#__PURE__*/React.isValidElement(placeholder) ? placeholder : /*#__PURE__*/React.createElement(Flex, {
+    align: "center",
+    justify: "center",
+    vertical: true,
+    className: "".concat(placeholderCls, "-inner")
+  }, /*#__PURE__*/React.createElement(Typography.Text, {
+    className: "".concat(placeholderCls, "-icon")
+  }, placeholderConfig.icon), /*#__PURE__*/React.createElement(Typography.Title, {
+    className: "".concat(placeholderCls, "-title"),
+    level: 5
+  }, placeholderConfig.title), /*#__PURE__*/React.createElement(Typography.Text, {
+    className: "".concat(placeholderCls, "-description"),
+    type: "secondary"
+  }, placeholderConfig.description));
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(placeholderCls, _defineProperty(_defineProperty({}, "".concat(placeholderCls, "-drag-in"), dragIn), "".concat(placeholderCls, "-disabled"), disabled), className),
+    onDragEnter: onDragEnter,
+    onDragLeave: onDragLeave,
+    onDrop: onDrop,
+    "aria-hidden": disabled,
+    style: style
+  }, /*#__PURE__*/React.createElement(Upload.Dragger, _extends({
+    showUploadList: false
+  }, upload, {
+    ref: ref,
+    style: {
+      padding: 0,
+      border: 0,
+      background: 'transparent'
+    }
+  }), node));
+}
+export default /*#__PURE__*/React.forwardRef(Placeholder);

package/dist/attachments/SilentUploader.d.ts

@@ -0,0 +1,9 @@
+import { type UploadProps } from 'antd';
+import React from 'react';
+export interface SilentUploaderProps {
+    children: React.ReactElement;
+    upload: UploadProps;
+    rootClassName?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<SilentUploaderProps & React.RefAttributes<import("antd/es/upload/Upload").UploadRef<any>>>;
+export default _default;

package/dist/attachments/SilentUploader.js

@@ -0,0 +1,23 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { Upload } from 'antd';
+import React from 'react';
+/**
+ * SilentUploader is only wrap children with antd Upload component.
+ */
+function SilentUploader(props, ref) {
+  var children = props.children,
+    upload = props.upload,
+    rootClassName = props.rootClassName;
+  var uploadRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return uploadRef.current;
+  });
+
+  // ============================ Render ============================
+  return /*#__PURE__*/React.createElement(Upload, _extends({}, upload, {
+    showUploadList: false,
+    rootClassName: rootClassName,
+    ref: uploadRef
+  }), children);
+}
+export default /*#__PURE__*/React.forwardRef(SilentUploader);

package/dist/attachments/context.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface AttachmentContextProps {
+    disabled?: boolean;
+}
+export declare const AttachmentContext: React.Context<AttachmentContextProps>;

package/dist/attachments/context.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export var AttachmentContext = /*#__PURE__*/React.createContext(null);

package/dist/attachments/index.d.ts

@@ -0,0 +1,33 @@
+import { type GetProp, type UploadProps } from 'antd';
+import React from 'react';
+import { type FileListProps } from './FileList';
+import FileListCard from './FileList/FileListCard';
+import { type PlaceholderType } from './PlaceholderUploader';
+export type SemanticType = 'list' | 'item' | 'placeholder';
+export type Attachment = GetProp<UploadProps, 'fileList'>[number] & {
+    description?: React.ReactNode;
+};
+export interface AttachmentsProps extends Omit<UploadProps, 'fileList'> {
+    prefixCls?: string;
+    rootClassName?: string;
+    rootStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    className?: string;
+    classNames?: Partial<Record<SemanticType, string>>;
+    styles?: Partial<Record<SemanticType, React.CSSProperties>>;
+    children?: React.ReactElement;
+    disabled?: boolean;
+    placeholder?: PlaceholderType | ((type: 'inline' | 'drop') => PlaceholderType);
+    getDropContainer?: null | (() => HTMLElement | null | undefined);
+    items?: Attachment[];
+    overflow?: FileListProps['overflow'];
+    renderType?: 'default';
+}
+export interface AttachmentsRef {
+    nativeElement: HTMLDivElement | null;
+    upload: (file: File) => void;
+}
+declare const ForwardAttachments: React.ForwardRefExoticComponent<AttachmentsProps & React.RefAttributes<AttachmentsRef>> & {
+    FileCard: typeof FileListCard;
+};
+export default ForwardAttachments;

package/dist/attachments/index.js

@@ -0,0 +1,166 @@
+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); }
+var _excluded = ["prefixCls", "rootClassName", "rootStyle", "className", "style", "items", "children", "getDropContainer", "placeholder", "onChange", "overflow", "disabled", "classNames", "styles"];
+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; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import classnames from 'classnames';
+import React from 'react';
+import { useProviderContext } from "./..";
+import { useEvent, useMergedState } from 'rc-util';
+import DropArea from "./DropArea";
+import FileList from "./FileList";
+import FileListCard from "./FileList/FileListCard";
+import PlaceholderUploader from "./PlaceholderUploader";
+import SilentUploader from "./SilentUploader";
+import { AttachmentContext } from "./context";
+import useStyle from "./style";
+function Attachments(props, ref) {
+  var customizePrefixCls = props.prefixCls,
+    rootClassName = props.rootClassName,
+    rootStyle = props.rootStyle,
+    className = props.className,
+    style = props.style,
+    items = props.items,
+    children = props.children,
+    getDropContainer = props.getDropContainer,
+    placeholder = props.placeholder,
+    onChange = props.onChange,
+    overflow = props.overflow,
+    disabled = props.disabled,
+    _props$classNames = props.classNames,
+    classNames = _props$classNames === void 0 ? {} : _props$classNames,
+    _props$styles = props.styles,
+    styles = _props$styles === void 0 ? {} : _props$styles,
+    uploadProps = _objectWithoutProperties(props, _excluded);
+  // ============================ PrefixCls ============================
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls,
+    direction = _useProviderContext.direction;
+  var prefixCls = getPrefixCls('attachment', customizePrefixCls);
+  var containerRef = React.useRef(null);
+  var uploadRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return {
+      nativeElement: containerRef.current,
+      upload: function upload(file) {
+        var _uploadRef$current;
+        var fileInput = (_uploadRef$current = uploadRef.current) === null || _uploadRef$current === void 0 || (_uploadRef$current = _uploadRef$current.nativeElement) === null || _uploadRef$current === void 0 ? void 0 : _uploadRef$current.querySelector('input[type="file"]');
+
+        // Trigger native change event
+        if (fileInput) {
+          var dataTransfer = new DataTransfer();
+          dataTransfer.items.add(file);
+          // @ts-ignore
+          fileInput.files = dataTransfer.files;
+          fileInput.dispatchEvent(new Event('change', {
+            bubbles: true
+          }));
+        }
+      }
+    };
+  });
+
+  // ============================ Style ============================
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var cssinjsCls = classnames(hashId, cssVarCls);
+
+  // ============================ Upload ============================
+  var _useMergedState = useMergedState([], {
+      value: items
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    fileList = _useMergedState2[0],
+    setFileList = _useMergedState2[1];
+  var triggerChange = useEvent(function (info) {
+    setFileList(info.fileList);
+    onChange === null || onChange === void 0 || onChange(info);
+  });
+  var mergedUploadProps = _objectSpread(_objectSpread({}, uploadProps), {}, {
+    fileList: fileList,
+    onChange: triggerChange
+  });
+  var onItemRemove = function onItemRemove(item) {
+    var newFileList = fileList.filter(function (fileItem) {
+      return fileItem.uid !== item.uid;
+    });
+    triggerChange({
+      file: item,
+      fileList: newFileList
+    });
+  };
+
+  // ============================ Render ============================
+  var renderChildren;
+  var getPlaceholderNode = function getPlaceholderNode(type, props, ref) {
+    var placeholderContent = typeof placeholder === 'function' ? placeholder(type) : placeholder;
+    return /*#__PURE__*/React.createElement(PlaceholderUploader, {
+      placeholder: placeholderContent,
+      upload: mergedUploadProps,
+      prefixCls: prefixCls,
+      className: classnames(classNames.placeholder),
+      style: _objectSpread(_objectSpread({}, styles.placeholder), props === null || props === void 0 ? void 0 : props.style),
+      ref: ref
+    });
+  };
+  if (children) {
+    renderChildren = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SilentUploader, {
+      upload: mergedUploadProps,
+      rootClassName: rootClassName,
+      ref: uploadRef
+    }, children), /*#__PURE__*/React.createElement(DropArea, {
+      getDropContainer: getDropContainer,
+      prefixCls: prefixCls,
+      className: classnames(cssinjsCls, rootClassName)
+    }, getPlaceholderNode('drop')));
+  } else {
+    var hasFileList = fileList.length > 0;
+    renderChildren = /*#__PURE__*/React.createElement("div", {
+      className: classnames(prefixCls, cssinjsCls, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName),
+      style: _objectSpread(_objectSpread({}, rootStyle), style),
+      dir: direction || 'ltr',
+      ref: containerRef
+    }, /*#__PURE__*/React.createElement(FileList, {
+      prefixCls: prefixCls,
+      items: fileList,
+      onRemove: onItemRemove,
+      overflow: overflow,
+      upload: mergedUploadProps,
+      listClassName: classnames(classNames.list),
+      listStyle: _objectSpread(_objectSpread({}, styles.list), !hasFileList && {
+        display: 'none'
+      }),
+      itemClassName: classnames(classNames.item),
+      itemStyle: _objectSpread({}, styles.item),
+      renderType: props.renderType
+    }), getPlaceholderNode('inline', hasFileList ? {
+      style: {
+        display: 'none'
+      }
+    } : {}, uploadRef));
+  }
+  return wrapCSSVar( /*#__PURE__*/React.createElement(AttachmentContext.Provider, {
+    value: {
+      disabled: disabled
+    }
+  }, renderChildren));
+}
+var ForwardAttachments = /*#__PURE__*/React.forwardRef(Attachments);
+if (process.env.NODE_ENV !== 'production') {
+  ForwardAttachments.displayName = 'Attachments';
+}
+ForwardAttachments.FileCard = FileListCard;
+export default ForwardAttachments;

package/dist/attachments/style/fileCard.d.ts

@@ -0,0 +1,4 @@
+import type { AttachmentsToken } from '.';
+import type { GenerateStyle } from '../../theme/cssinjs-utils';
+declare const genFileCardStyle: GenerateStyle<AttachmentsToken>;
+export default genFileCardStyle;

package/dist/attachments/style/fileCard.js

@@ -0,0 +1,124 @@
+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); }
+var genFileCardStyle = function genFileCardStyle(token) {
+  var componentCls = token.componentCls,
+    calc = token.calc;
+  var cardCls = "".concat(componentCls, "-list-card");
+  return _defineProperty(_defineProperty({}, cardCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    borderRadius: 8,
+    position: 'relative',
+    background: token.colorBgContainer,
+    borderWidth: token.lineWidth,
+    borderStyle: 'solid',
+    borderColor: token.colorBorderSecondary,
+    flex: 'none'
+  }, "".concat(cardCls, "-name,").concat(cardCls, "-desc"), {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    maxWidth: '100%'
+  }), "".concat(cardCls, "-ellipsis-prefix"), {
+    flex: '0 1 auto',
+    minWidth: 0,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  }), "".concat(cardCls, "-ellipsis-suffix"), {
+    flex: 'none'
+  }), '&-type-overview', _defineProperty(_defineProperty(_defineProperty({
+    padding: '0 8px',
+    display: 'flex',
+    height: 56,
+    gap: token.paddingXS,
+    alignItems: 'center',
+    width: 140
+  }, "".concat(cardCls, "-icon"), {
+    fontSize: calc(token.fontSizeLG).mul(2).equal(),
+    lineHeight: 1,
+    flex: 'none'
+  }), "".concat(cardCls, "-content"), {
+    flex: 'auto',
+    minWidth: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'stretch',
+    fontSize: token.fontSize,
+    color: token.colorText
+  }), "".concat(cardCls, "-desc"), {
+    marginTop: token.marginXXS,
+    color: token.colorTextQuaternary,
+    fontSize: token.fontSizeSM
+  })), '&-type-preview', _defineProperty(_defineProperty(_defineProperty({
+    width: 56,
+    height: 56,
+    lineHeight: 1,
+    // Img
+    img: {
+      width: '100%',
+      height: '100%',
+      verticalAlign: 'top',
+      objectFit: 'cover',
+      borderRadius: 'inherit'
+    }
+  }, "".concat(cardCls, "-img-mask"), {
+    position: 'absolute',
+    inset: 0,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    background: "rgba(0, 0, 0, ".concat(token.opacityLoading, ")"),
+    borderRadius: 'inherit'
+  }), "&".concat(cardCls, "-status-error"), _defineProperty(_defineProperty({}, "img, ".concat(cardCls, "-img-mask"), {
+    borderRadius: calc(token.borderRadius).sub(token.lineWidth).equal()
+  }), "".concat(cardCls, "-desc"), {
+    paddingInline: token.paddingXXS
+  })), "".concat(cardCls, "-progress"), {})), "".concat(cardCls, "-remove"), {
+    position: 'absolute',
+    top: 0,
+    insetInlineEnd: 0,
+    border: 0,
+    padding: token.paddingXXS,
+    lineHeight: 1,
+    transform: 'scale(.75) translate(50%, -50%)',
+    fontSize: 12,
+    cursor: 'pointer',
+    display: 'none',
+    color: token.colorText,
+    backgroundColor: token.colorBgContainer,
+    borderWidth: 1,
+    borderStyle: 'solid',
+    borderColor: token.colorBorder,
+    borderRadius: '50%',
+    '&:dir(rtl)': {
+      transform: 'translate(-50%, -50%)'
+    }
+  }), "&:hover ".concat(cardCls, "-remove"), {
+    display: 'block'
+  }), '&-status-error', _defineProperty({
+    borderColor: token.colorError
+  }, "".concat(cardCls, "-desc"), {
+    color: token.colorError
+  })), '&-motion', {
+    transition: ['opacity', 'width', 'margin', 'padding'].map(function (prop) {
+      return "".concat(prop, " ").concat(token.motionDurationSlow);
+    }).join(','),
+    '&-appear-start': {
+      width: 0,
+      transition: 'none'
+    },
+    '&-leave-active': {
+      opacity: 0,
+      width: 0,
+      paddingInline: 0,
+      borderInlineWidth: 0,
+      marginInlineEnd: calc(token.paddingSM).mul(-1).equal()
+    }
+  })), "".concat(cardCls, "-hoverable"), {
+    '&:hover': {
+      borderColor: token.colorPrimary
+    }
+  });
+};
+export default genFileCardStyle;

package/dist/attachments/style/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { FullToken, GetDefaultToken } from '../../theme/cssinjs-utils';
+export interface ComponentToken {
+    colorBgPlaceholderHover: string;
+}
+export interface AttachmentsToken extends FullToken<'Attachments'> {
+}
+export declare const prepareComponentToken: GetDefaultToken<'Attachments'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
+export default _default;