@agentscope-ai/chat 1.1.4 → 1.1.7

package/{dist/attachments → lib/Attachments}/PlaceholderUploader.js

@@ -1,5 +1,6 @@
 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 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); }
@@ -13,6 +14,8 @@ import { Flex, Typography, Upload } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
 import { AttachmentContext } from "./context";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function Placeholder(props, ref) {
   var prefixCls = props.prefixCls,
     _props$placeholder = props.placeholder,
@@ -24,8 +27,6 @@ function Placeholder(props, ref) {
   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],
@@ -42,38 +43,42 @@ function Placeholder(props, ref) {
   var onDrop = function onDrop() {
     setDragIn(false);
   };
-
-  // ============================ Render ============================
-  var node = /*#__PURE__*/React.isValidElement(placeholder) ? placeholder : /*#__PURE__*/React.createElement(Flex, {
+  var node = /*#__PURE__*/React.isValidElement(placeholder) ? placeholder : /*#__PURE__*/_jsxs(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: "".concat(placeholderCls, "-inner"),
+    children: [/*#__PURE__*/_jsx(Typography.Text, {
+      className: "".concat(placeholderCls, "-icon"),
+      children: placeholderConfig.icon
+    }), /*#__PURE__*/_jsx(Typography.Title, {
+      className: "".concat(placeholderCls, "-title"),
+      level: 5,
+      children: placeholderConfig.title
+    }), /*#__PURE__*/_jsx(Typography.Text, {
+      className: "".concat(placeholderCls, "-description"),
+      type: "secondary",
+      children: placeholderConfig.description
+    })]
+  });
+  return /*#__PURE__*/_jsx("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));
+    style: style,
+    children: /*#__PURE__*/_jsx(Upload.Dragger, _objectSpread(_objectSpread({
+      showUploadList: false
+    }, upload), {}, {
+      ref: ref,
+      style: {
+        padding: 0,
+        border: 0,
+        background: 'transparent'
+      },
+      children: node
+    }))
+  });
 }
 export default /*#__PURE__*/React.forwardRef(Placeholder);

package/lib/Attachments/SilentUploader.d.ts

@@ -0,0 +1,21 @@
+import { type UploadProps } from 'antd';
+import React from 'react';
+export interface SilentUploaderProps {
+    /**
+     * @description 要包装的子元素，通常是触发上传的按钮或区域
+     * @descriptionEn Child element to be wrapped, usually a button or area that triggers upload
+     */
+    children: React.ReactElement;
+    /**
+     * @description 上传组件的属性配置，用于控制上传行为
+     * @descriptionEn Upload component props configuration for controlling upload behavior
+     */
+    upload: UploadProps;
+    /**
+     * @description 自定义根容器的CSS类名，用于覆盖默认样式
+     * @descriptionEn Custom CSS class name for the root container to override default styles
+     */
+    rootClassName?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<SilentUploaderProps & React.RefAttributes<import("antd/es/upload/Upload").UploadRef<any>>>;
+export default _default;

package/lib/Attachments/SilentUploader.js

@@ -0,0 +1,30 @@
+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); }
+import { Upload } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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__*/_jsx(Upload, _objectSpread(_objectSpread({}, upload), {}, {
+    showUploadList: false,
+    rootClassName: rootClassName,
+    ref: uploadRef,
+    children: children
+  }));
+}
+export default /*#__PURE__*/React.forwardRef(SilentUploader);

package/lib/Attachments/context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface AttachmentContextProps {
+    /**
+     * @description 是否禁用附件功能，影响所有子组件的交互状态
+     * @descriptionEn Whether to disable attachment functionality, affects interaction state of all child components
+     */
+    disabled?: boolean;
+}
+export declare const AttachmentContext: React.Context<AttachmentContextProps>;

package/lib/Attachments/index.d.ts

@@ -0,0 +1,97 @@
+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'> {
+    /**
+     * @description 自定义CSS类名前缀，用于样式隔离和主题定制
+     * @descriptionEn Custom CSS class name prefix for style isolation and theme customization
+     */
+    prefixCls?: string;
+    /**
+     * @description 自定义根容器的CSS类名，用于覆盖默认样式
+     * @descriptionEn Custom CSS class name for the root container to override default styles
+     */
+    rootClassName?: string;
+    /**
+     * @description 根容器的内联样式对象
+     * @descriptionEn Inline style object for the root container
+     */
+    rootStyle?: React.CSSProperties;
+    /**
+     * @description 组件容器的内联样式对象
+     * @descriptionEn Inline style object for the component container
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description 组件的CSS类名
+     * @descriptionEn CSS class name for the component
+     */
+    className?: string;
+    /**
+     * @description 语义化CSS类名，用于为不同区域添加自定义类名
+     * @descriptionEn Semantic CSS class names for adding custom classes to different areas
+     */
+    classNames?: Partial<Record<SemanticType, string>>;
+    /**
+     * @description 语义化样式对象，用于精确控制不同区域的样式
+     * @descriptionEn Semantic style object for precise control of different area styles
+     */
+    styles?: Partial<Record<SemanticType, React.CSSProperties>>;
+    /**
+     * @description 自定义子元素，用于扩展组件功能
+     * @descriptionEn Custom child elements for extending component functionality
+     */
+    children?: React.ReactElement;
+    /**
+     * @description 是否禁用整个附件组件，包括拖拽和点击上传
+     * @descriptionEn Whether to disable the entire attachment component, including drag and click upload
+     */
+    disabled?: boolean;
+    /**
+     * @description 占位符配置，支持静态内容或动态函数返回
+     * @descriptionEn Placeholder configuration, supports static content or dynamic function return
+     */
+    placeholder?: PlaceholderType | ((type: 'inline' | 'drop') => PlaceholderType);
+    /**
+     * @description 获取拖拽容器的函数，用于自定义拖拽区域
+     * @descriptionEn Function to get drag container for customizing drag area
+     */
+    getDropContainer?: null | (() => HTMLElement | null | undefined);
+    /**
+     * @description 附件列表数据，用于显示已上传的文件
+     * @descriptionEn Attachment list data for displaying uploaded files
+     */
+    items?: Attachment[];
+    /**
+     * @description 文件列表溢出处理方式，影响多文件的显示效果
+     * @descriptionEn File list overflow handling method, affects display effect of multiple files
+     */
+    overflow?: FileListProps['overflow'];
+    /**
+     * @description 渲染类型，目前仅支持默认渲染模式
+     * @descriptionEn Render type, currently only supports default render mode
+     */
+    renderType?: 'default';
+}
+export interface AttachmentsRef {
+    /**
+     * @description 组件的原生DOM元素引用，用于直接操作DOM
+     * @descriptionEn Native DOM element reference of the component for direct DOM manipulation
+     */
+    nativeElement: HTMLDivElement | null;
+    /**
+     * @description 手动触发文件上传的方法，接收File对象作为参数
+     * @descriptionEn Method to manually trigger file upload, accepts File object as parameter
+     */
+    upload: (file: File) => void;
+}
+declare const ForwardAttachments: React.ForwardRefExoticComponent<AttachmentsProps & React.RefAttributes<AttachmentsRef>> & {
+    FileCard: typeof FileListCard;
+};
+export default ForwardAttachments;

package/lib/Attachments/index.en-US.md.bk

@@ -0,0 +1,10 @@
+---
+group:
+  title: Output
+  order: 2
+title: FileCard
+description: File Card
+---
+
+
+<code src="./demo/basic.tsx" center>Example</code>

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

@@ -24,6 +24,9 @@ import PlaceholderUploader from "./PlaceholderUploader";
 import SilentUploader from "./SilentUploader";
 import { AttachmentContext } from "./context";
 import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function Attachments(props, ref) {
   var customizePrefixCls = props.prefixCls,
     rootClassName = props.rootClassName,
@@ -42,12 +45,12 @@ function Attachments(props, ref) {
     _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);
+    direction = _useProviderContext.direction,
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('attachment');
   var containerRef = React.useRef(null);
+  var Style = useStyle();
   var uploadRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
     return {
@@ -69,16 +72,6 @@ function Attachments(props, ref) {
       }
     };
   });
-
-  // ============================ 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
     }),
@@ -102,12 +95,10 @@ function Attachments(props, ref) {
       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, {
+    return /*#__PURE__*/_jsx(PlaceholderUploader, {
       placeholder: placeholderContent,
       upload: mergedUploadProps,
       prefixCls: prefixCls,
@@ -117,50 +108,55 @@ function Attachments(props, 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')));
+    renderChildren = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(SilentUploader, {
+        upload: mergedUploadProps,
+        rootClassName: rootClassName,
+        ref: uploadRef,
+        children: children
+      }), /*#__PURE__*/_jsx(DropArea, {
+        getDropContainer: getDropContainer,
+        prefixCls: prefixCls,
+        className: classnames(rootClassName),
+        children: 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),
+    renderChildren = /*#__PURE__*/_jsxs("div", {
+      className: classnames(prefixCls, _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));
+      ref: containerRef,
+      children: [/*#__PURE__*/_jsx(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));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(AttachmentContext.Provider, {
+      value: {
+        disabled: disabled
+      },
+      children: renderChildren
+    })]
+  });
 }
 var ForwardAttachments = /*#__PURE__*/React.forwardRef(Attachments);
-if (process.env.NODE_ENV !== 'production') {
-  ForwardAttachments.displayName = 'Attachments';
-}
 ForwardAttachments.FileCard = FileListCard;
 export default ForwardAttachments;

package/lib/Attachments/index.zh-CN.md.bk

@@ -0,0 +1,10 @@
+---
+group:
+  title: 输出
+  order: 2
+title: FileCard
+description: 文件卡片
+---
+
+
+<code src="./demo/basic.tsx" center>示例</code>

package/lib/Attachments/style/fileCard.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/Attachments/style/fileCard.js

@@ -0,0 +1,68 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from "../..";
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-attachment-list-card {\n  border-radius: ", "px;\n  position: relative;\n  background: ", ";\n  border-width: ", "px;\n  border-style: solid;\n  border-color: ", ";\n  flex: none;\n  transition: all 0.3s;\n\n  &-name,\n  &-desc {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n  }\n\n  &-ellipsis-prefix {\n    flex: 0 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &-ellipsis-suffix {\n    flex: none;\n  }\n\n  &-type-overview {\n    padding: 0 8px;\n    display: flex;\n    height: 56px;\n    gap: ", "px;\n    align-items: center;\n    width: 140px;\n\n    .", "-attachment-list-card-icon {\n      display: flex;\n      align-items: center;\n    }\n\n    .", "-attachment-list-card-content {\n      flex: auto;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: stretch;\n      font-size: ", "px;\n      color: ", ";\n    }\n\n    .", "-attachment-list-card-desc {\n      color: ", ";\n      font-size: ", "px;\n    }\n  }\n\n  &-type-preview {\n    width: 56px;\n    height: 56px;\n    line-height: 1;\n\n    img {\n      width: 100%;\n      height: 100%;\n      vertical-align: top;\n      object-fit: cover;\n      border-radius: 5px;\n    }\n\n    .", "-attachment-list-card-img-mask {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba(0, 0, 0, ", ");\n      border-radius: inherit;\n    }\n\n    &.", "-attachment-list-card-status-error {\n\n      img,\n      .", "-attachment-list-card-img-mask {\n        border-radius: calc(", "px - ", "px);\n      }\n\n      .", "-attachment-list-card-desc {\n        padding-inline: ", "px;\n      }\n    }\n\n    .", "-attachment-list-card-progress {\n    }\n  }\n\n  &-remove {\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 16px;\n    height: 16px;\n    line-height: 1;\n    font-size: 10px;\n    cursor: pointer;\n    display: none;\n    color: ", ";\n    background-color: ", ";\n    border-width: ", "px;\n    border-style: solid;\n    border-color: ", ";\n    border-radius: 50%;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s;\n\n    &:dir(rtl) {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  &:hover &-remove {\n    display: flex;\n    \n  }\n\n  &-status-error {\n    border-color: ", ";\n\n    .", "-attachment-list-card-desc {\n      color: ", ";\n    }\n  }\n\n  &-motion {\n\n    &-appear-start {\n      width: 0;\n      transition: none;\n    }\n\n    &-leave-active {\n      opacity: 0;\n      width: 0;\n      padding-inline: 0;\n      border-inline-width: 0;\n      margin-inline-end: calc(-1 * ", "px);\n    }\n  }\n}\n\n.", "-attachment-list-card-hoverable {\n  &:hover {\n    border-color: ", ";\n  }\n}\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.borderRadius;
+}, function (p) {
+  return p.theme.colorBgContainer;
+}, function (p) {
+  return p.theme.lineWidth;
+}, function (p) {
+  return p.theme.colorBorderSecondary;
+}, function (p) {
+  return p.theme.paddingXS;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.fontSize;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorTextQuaternary;
+}, function (p) {
+  return p.theme.fontSizeSM;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.opacityLoading;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.borderRadius;
+}, function (p) {
+  return p.theme.lineWidth;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.paddingXXS;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.theme.colorBgContainer;
+}, function (p) {
+  return p.theme.lineWidth;
+}, function (p) {
+  return p.theme.colorBorder;
+}, function (p) {
+  return p.theme.colorError;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorError;
+}, function (p) {
+  return p.theme.paddingSM;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorPrimary;
+});

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

@@ -0,0 +1,2 @@
+declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/Attachments/style/index.js

@@ -0,0 +1,98 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from "../..";
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-attachment {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n\n  &,\n  * {\n    box-sizing: border-box;\n  }\n\n  &-drop-area {\n    position: absolute;\n    inset: 0;\n    z-index: ", "\n    box-sizing: border-box;\n\n    &,\n    * {\n      box-sizing: border-box;\n    }\n\n    &-on-body {\n      position: fixed;\n      inset: 0;\n    }\n\n    &-hide-placement {\n      .", "-attachment-placeholder-inner {\n        display: none;\n      }\n    }\n\n    .", "-attachment-placeholder {\n      padding: 0;\n    }\n  }\n\n  &-placeholder {\n    height: 100%;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-style: dashed;\n    border-color: transparent;\n    padding: ", "px;\n    position: relative;\n    backdrop-filter: blur(10px);\n    box-sizing: border-box;\n\n    &,\n    * {\n      box-sizing: border-box;\n    }\n\n    .", "-upload-wrapper .", "-upload.", "-upload-btn {\n      padding: 0;\n    }\n\n    &.", "-attachment-placeholder-drag-in {\n      border-color: ", ";\n    }\n\n    &.", "-attachment-placeholder-disabled {\n      opacity: 0.25;\n      pointer-events: none;\n    }\n\n    &-inner {\n      gap: calc(", "px / 2);\n    }\n\n    &-icon {\n      font-size: ", "px;\n      line-height: 1;\n    }\n\n    &-title.", "-attachment-placeholder-title {\n      margin: 0;\n      font-size: ", "px;\n      line-height: ", ";\n    }\n  }\n\n  &-list {\n    display: flex;\n    gap: ", "px;\n    font-size: ", "px;\n    line-height: ", ";\n    color: ", ";\n    width: 100%;\n    overflow: auto;\n    padding: ", "px;\n    padding-bottom: 0;\n\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    &-overflow-scrollX,\n    &-overflow-scrollY {\n      &:before,\n      &:after {\n        content: \"\";\n        position: absolute;\n        opacity: 0;\n        z-index: 1;\n      }\n    }\n\n    &-overflow-ping-start:before {\n      opacity: 1;\n    }\n\n    &-overflow-ping-end:after {\n      opacity: 1;\n    }\n\n    &-overflow-scrollX {\n      overflow-x: auto;\n      overflow-y: hidden;\n      flex-wrap: nowrap;\n\n      &:before,\n      &:after {\n        inset-block: 0;\n        width: 8px;\n      }\n\n      &:before {\n        inset-inline-start: 0;\n        background: linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n      }\n\n      &:after {\n        inset-inline-end: 0;\n        background: linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n      }\n\n      &:dir(rtl) {\n        &:before {\n          background: linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n        }\n\n        &:after {\n          background: linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n        }\n      }\n    }\n\n    &-overflow-scrollY {\n      overflow-x: hidden;\n      overflow-y: auto;\n      max-height: calc(", "px * ", "px * 2 + ", "px + ", "px * 3);\n\n      &:before,\n      &:after {\n        inset-inline: 0;\n        height: 8px;\n      }\n\n      &:before {\n        inset-block-start: 0;\n        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n      }\n\n      &:after {\n        inset-block-end: 0;\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n      }\n    }\n\n    &-upload-btn {\n      width: calc(", "px * ", "px * 2 + ", "px + ", "px);\n      height: calc(", "px * ", "px * 2 + ", "px + ", "px);\n      font-size: ", "px;\n      color: #999;\n    }\n\n    &-prev-btn,\n    &-next-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      box-shadow: ", ";\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    &-prev-btn {\n      left: ", "px;\n    }\n\n    &-next-btn {\n      right: ", "px;\n    }\n\n    &:dir(ltr) {\n      &.", "-attachment-list-overflow-ping-start .", "-attachment-list-prev-btn {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      &.", "-attachment-list-overflow-ping-end .", "-attachment-list-next-btn {\n        opacity: 1;\n        pointer-events: auto;\n      }\n    }\n\n    &:dir(rtl) {\n      &.", "-attachment-list-overflow-ping-end .", "-attachment-list-prev-btn {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      &.", "-attachment-list-overflow-ping-start .", "-attachment-list-next-btn {\n        opacity: 1;\n        pointer-events: auto;\n      }\n    }\n  }\n}\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.zIndexPopupBase;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.borderRadius;
+}, function (p) {
+  return p.theme.lineWidthBold;
+}, function (p) {
+  return p.theme.padding;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorPrimaryHover;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.paddingXXS;
+}, function (p) {
+  return p.theme.fontSizeHeading2;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.fontSize;
+}, function (p) {
+  return p.theme.lineHeight;
+}, function (p) {
+  return p.theme.paddingSM;
+}, function (p) {
+  return p.theme.fontSize;
+}, function (p) {
+  return p.theme.lineHeight;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.theme.padding;
+}, function (p) {
+  return p.theme.fontSize;
+}, function (p) {
+  return p.theme.lineHeight;
+}, function (p) {
+  return p.theme.paddingSM;
+}, function (p) {
+  return p.theme.paddingSM;
+}, function (p) {
+  return p.theme.fontSize;
+}, function (p) {
+  return p.theme.lineHeight;
+}, function (p) {
+  return p.theme.paddingSM;
+}, function (p) {
+  return p.theme.paddingSM;
+}, function (p) {
+  return p.theme.fontSize;
+}, function (p) {
+  return p.theme.lineHeight;
+}, function (p) {
+  return p.theme.paddingSM;
+}, function (p) {
+  return p.theme.paddingSM;
+}, function (p) {
+  return p.theme.fontSizeHeading2;
+}, function (p) {
+  return p.theme.boxShadowTertiary;
+}, function (p) {
+  return p.theme.padding;
+}, function (p) {
+  return p.theme.padding;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+});

package/{dist/bubble → lib/Bubble}/Avatar.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { BubbleProps } from './interface';
-import './style/avatar.less';
 interface AvatarProps extends Pick<BubbleProps, 'avatar' | 'msgStatus' | 'prefixCls'> {
     isAssistant?: boolean;
     className?: string;