@hsu-react/ui 0.0.1

package/es/components/Chat/ChatHistory/_components/NewChatButton/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface NewChatButtonProps {
+    onClick?: () => void;
+}
+declare const NewChatButton: React.FC<NewChatButtonProps>;
+export default NewChatButton;

package/es/components/Chat/ChatHistory/_components/NewChatButton/index.js

@@ -0,0 +1,22 @@
+import React from "react";
+import styles from "./index.module.less";
+import Icon from "../../../../Icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var NewChatButton = function NewChatButton(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.newChatContainer,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.newChat,
+      onClick: onClick,
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: "lets-icons:chat-alt-add",
+        fontSize: 18
+      }), /*#__PURE__*/_jsx("span", {
+        children: "\u65B0\u5BF9\u8BDD"
+      })]
+    })
+  });
+};
+export default NewChatButton;

package/es/components/Chat/ChatHistory/_components/NewChatButton/index.module.less

@@ -0,0 +1,34 @@
+.newChatContainer {
+  position: sticky;
+  top: 0;
+  z-index: 9;
+
+  padding: 0px 10px;
+
+  background-color: #f9f9f9;
+
+  .newChat {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    column-gap: 8px;
+
+    width: 100%;
+    height: 32px;
+
+    font-size: 14px;
+
+    background-color: #fff;
+
+    border-radius: 6px;
+    border: 1px solid #0d0d0d0d;
+
+    cursor: pointer;
+
+    transition: box-shadow 0.3s;
+
+    &:hover {
+      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+    }
+  }
+}

package/es/components/Chat/ChatHistory/_components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as NewChatButton } from "./NewChatButton";
+export { default as HistoryGroup } from "./HistoryGroup";
+export { default as HistoryItem } from "./HistoryItem";

package/es/components/Chat/ChatHistory/_components/index.js

@@ -0,0 +1,3 @@
+export { default as NewChatButton } from "./NewChatButton";
+export { default as HistoryGroup } from "./HistoryGroup";
+export { default as HistoryItem } from "./HistoryItem";

package/es/components/Chat/ChatHistory/_hooks/index.d.ts

@@ -0,0 +1 @@
+export { useRename } from "./useRename";

package/es/components/Chat/ChatHistory/_hooks/index.js

@@ -0,0 +1 @@
+export { useRename } from "./useRename";

package/es/components/Chat/ChatHistory/_hooks/useRename.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const useRename: (updateTitle?: ((chatId: string, title: string) => void) | undefined) => {
+    renamingChatId: string | null;
+    title: string;
+    setTitle: import("react").Dispatch<import("react").SetStateAction<string>>;
+    handleRename: (chatId: string, currentName: string) => void;
+    handleRenameConfirm: (chatId: string) => void;
+    handleRenameCancel: () => void;
+};

package/es/components/Chat/ChatHistory/_hooks/useRename.js

@@ -0,0 +1,38 @@
+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 { useState } from "react";
+export var useRename = function useRename(updateTitle) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    renamingChatId = _useState2[0],
+    setRenamingChatId = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    title = _useState4[0],
+    setTitle = _useState4[1];
+  var handleRename = function handleRename(chatId, currentName) {
+    setRenamingChatId(chatId);
+    setTitle(currentName);
+  };
+  var handleRenameConfirm = function handleRenameConfirm(chatId) {
+    setRenamingChatId(null);
+    setTitle("");
+    updateTitle === null || updateTitle === void 0 || updateTitle(chatId, title);
+  };
+  var handleRenameCancel = function handleRenameCancel() {
+    setRenamingChatId(null);
+    setTitle("");
+  };
+  return {
+    renamingChatId: renamingChatId,
+    title: title,
+    setTitle: setTitle,
+    handleRename: handleRename,
+    handleRenameConfirm: handleRenameConfirm,
+    handleRenameCancel: handleRenameCancel
+  };
+};

package/es/components/Chat/ChatHistory/_utils/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 格式化聊天名称（截取省略号前的部分）
+ */
+export declare const formatChatName: (name: string) => string;

package/es/components/Chat/ChatHistory/_utils/index.js

@@ -0,0 +1,6 @@
+/**
+ * 格式化聊天名称（截取省略号前的部分）
+ */
+export var formatChatName = function formatChatName(name) {
+  return name.split("…")[0];
+};

package/es/components/Chat/ChatHistory/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from "react";
+export interface ChatHistoryData {
+    id: string;
+    name: string;
+    conversationId: string;
+    [key: string]: unknown;
+}
+export interface ChatHistoryProps {
+    historyList?: Record<string, ChatHistoryData[]>;
+    updateTitle?: (chatId: string, title: string) => void;
+    currentChatId?: string;
+    deleteHistory?: (item?: ChatHistoryData) => void;
+    onNewChat?: () => void;
+    onChatItemClick?: (item: ChatHistoryData) => void;
+    width?: string;
+    onScrollEnd?: () => void;
+    tools?: ReactNode;
+}
+declare const ChatHistory: React.FC<ChatHistoryProps>;
+export default ChatHistory;

package/es/components/Chat/ChatHistory/index.js

@@ -0,0 +1,63 @@
+import React, { useRef, useEffect } from "react";
+import styles from "./index.module.less";
+import { NewChatButton, HistoryGroup } from "./_components";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ChatHistory = function ChatHistory(props) {
+  var _Object$keys;
+  var historyList = props.historyList,
+    currentChatId = props.currentChatId,
+    updateTitle = props.updateTitle,
+    deleteHistory = props.deleteHistory,
+    onNewChat = props.onNewChat,
+    onChatItemClick = props.onChatItemClick,
+    width = props.width,
+    onScrollEnd = props.onScrollEnd,
+    tools = props.tools;
+  var scrollContainerRef = useRef(null);
+
+  // 滚动到底部处理
+  useEffect(function () {
+    var scrollContainer = scrollContainerRef.current;
+    if (!scrollContainer || !onScrollEnd) return;
+    var handleScroll = function handleScroll() {
+      var scrollTop = scrollContainer.scrollTop,
+        scrollHeight = scrollContainer.scrollHeight,
+        clientHeight = scrollContainer.clientHeight;
+      // 当滚动到底部时（允许 5px 的误差）
+      if (scrollHeight - scrollTop - clientHeight < 5) {
+        onScrollEnd();
+      }
+    };
+    scrollContainer.addEventListener("scroll", handleScroll);
+    return function () {
+      scrollContainer.removeEventListener("scroll", handleScroll);
+    };
+  }, [onScrollEnd]);
+  return /*#__PURE__*/_jsxs("div", {
+    ref: scrollContainerRef,
+    className: styles.historyContent,
+    style: {
+      width: width
+    },
+    children: [/*#__PURE__*/_jsx(NewChatButton, {
+      onClick: onNewChat
+    }), tools && /*#__PURE__*/_jsx("div", {
+      className: styles.tools,
+      children: tools
+    }), historyList && /*#__PURE__*/_jsx("div", {
+      className: styles.historyList,
+      children: (_Object$keys = Object.keys(historyList)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (key) {
+        return /*#__PURE__*/_jsx(HistoryGroup, {
+          title: key,
+          items: historyList[key],
+          currentChatId: currentChatId,
+          updateTitle: updateTitle,
+          deleteHistory: deleteHistory,
+          onItemClick: onChatItemClick
+        }, key);
+      })
+    })]
+  });
+};
+export default ChatHistory;

package/es/components/Chat/ChatHistory/index.module.less

@@ -0,0 +1,54 @@
+.historyContent {
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+
+  width: 260px;
+  height: 100%;
+  padding: 10px 0px;
+
+  background-color: #f9f9f9;
+
+  border-right: 1px solid #0d0d0d0d;
+
+  .tools {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    width: 100%;
+    padding: 0 10px;
+  }
+
+  .historyList {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    flex: 1;
+    width: 100%;
+    min-height: 0px;
+    padding: 0 10px;
+
+    overflow: hidden auto;
+
+    scrollbar-gutter: stable;
+
+    &::-webkit-scrollbar-thumb {
+      width: 10px;
+
+      background-color: #0000001a;
+
+      border-radius: 10px;
+    }
+    &::-webkit-scrollbar-track {
+      width: 10px;
+
+      background-color: transparent;
+
+      border-radius: 10px;
+    }
+  }
+}

package/es/components/Chat/ChatInput/_components/AgentToggleButton/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface AgentToggleConfig {
+    key: string;
+    icon: string;
+    label: string;
+    className?: string;
+}
+interface AgentToggleButtonProps {
+    config: AgentToggleConfig;
+    active: boolean;
+    onClick: () => void;
+}
+declare const AgentToggleButton: React.FC<AgentToggleButtonProps>;
+export default AgentToggleButton;

package/es/components/Chat/ChatInput/_components/AgentToggleButton/index.js

@@ -0,0 +1,28 @@
+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); }
+import React from "react";
+import classNames from "classnames";
+import Icon from "../../../../Icon";
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var AgentToggleButton = function AgentToggleButton(_ref) {
+  var config = _ref.config,
+    active = _ref.active,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_jsx("li", {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classNames(styles.featureToggle, config.className, _defineProperty({}, styles.active, active)),
+      onClick: onClick,
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: config.icon,
+        className: styles.icon
+      }), /*#__PURE__*/_jsx("span", {
+        children: config.label
+      })]
+    })
+  });
+};
+export default AgentToggleButton;

package/es/components/Chat/ChatInput/_components/AgentToggleButton/index.module.less

@@ -0,0 +1,29 @@
+.featureToggle {
+  display: flex;
+  align-items: center;
+  column-gap: 2px;
+  padding: 0 11px;
+  border-radius: 4px;
+  border: 1px solid #0e59ef;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.3s;
+  height: 100%;
+  background-color: #fff;
+
+  .icon {
+    font-size: 22px;
+  }
+
+  &.active {
+    color: #0e59ef;
+    border-color: #0e59ef;
+    background-color: #0e59ef22;
+  }
+
+  &:hover {
+    color: #4c4c4c;
+    border-color: rgba(0, 0, 0, 0.12);
+    background-color: #e0e4ed;
+  }
+}

package/es/components/Chat/ChatInput/_components/FileList/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { UploadFile } from "antd";
+interface FileListProps {
+    fileList: UploadFile[];
+    onRemove: (uid: string) => void;
+}
+declare const FileList: React.FC<FileListProps>;
+export default FileList;

package/es/components/Chat/ChatInput/_components/FileList/index.js

@@ -0,0 +1,27 @@
+import React from "react";
+import Icon from "../../../../Icon";
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FileList = function FileList(_ref) {
+  var fileList = _ref.fileList,
+    onRemove = _ref.onRemove;
+  if (!fileList.length) return null;
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.fileList,
+    children: fileList === null || fileList === void 0 ? void 0 : fileList.map(function (item) {
+      return /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("span", {
+          children: item.name
+        }), /*#__PURE__*/_jsx(Icon, {
+          icon: "heroicons-outline:x",
+          className: styles.close,
+          onClick: function onClick() {
+            return onRemove(item.uid);
+          }
+        })]
+      }, item.uid);
+    })
+  });
+};
+export default FileList;

package/es/components/Chat/ChatInput/_components/FileList/index.module.less

@@ -0,0 +1,29 @@
+.fileList {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  width: 100%;
+  gap: 8px;
+
+  > div {
+    display: flex;
+    align-items: center;
+    column-gap: 5px;
+    padding: 4px 10px;
+    font-size: 14px;
+    color: #424242;
+    background: #f2f4f7;
+    border-radius: 3px;
+    transition: box-shadow 0.3s, color 0.3s;
+    cursor: pointer;
+    
+    .close {
+      font-size: 16px;
+    }
+    
+    &:hover {
+      color: #0e59ef;
+    }
+  }
+}
+

package/es/components/Chat/ChatInput/_components/SendButton/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SendButtonProps {
+    value: string;
+    onSend: () => void;
+    disabled?: boolean;
+    sendIcon?: string;
+}
+declare const SendButton: React.FC<SendButtonProps>;
+export default SendButton;

package/es/components/Chat/ChatInput/_components/SendButton/index.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { Tooltip } from "antd";
+import Button from "../../../../Button";
+import Icon from "../../../../Icon";
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var SendButton = function SendButton(_ref) {
+  var value = _ref.value,
+    onSend = _ref.onSend,
+    disabled = _ref.disabled,
+    _ref$sendIcon = _ref.sendIcon,
+    sendIcon = _ref$sendIcon === void 0 ? "tabler:arrow-up" : _ref$sendIcon;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: !value ? "请输入你的问题" : undefined,
+    children: /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: sendIcon,
+          fontSize: 22
+        }),
+        className: styles.send,
+        style: value.trim() === "" ? {
+          background: "linear-gradient(243deg, #cbbffc 0%, #9ec3fe 100%)"
+        } : {},
+        onClick: onSend,
+        disabled: disabled
+      })
+    })
+  });
+};
+export default SendButton;

package/es/components/Chat/ChatInput/_components/SendButton/index.module.less

@@ -0,0 +1,18 @@
+.send {
+  &:not([disabled]) {
+    background: linear-gradient(243deg, #8a66fb 0%, #126dff 100%);
+    border: none;
+  }
+
+  display: flex;
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: 4px;
+
+  .ant-btn-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

package/es/components/Chat/ChatInput/_components/StopButton/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface StopButtonProps {
+    onStop: () => void;
+    stopIcon?: string;
+}
+declare const StopButton: React.FC<StopButtonProps>;
+export default StopButton;

package/es/components/Chat/ChatInput/_components/StopButton/index.js

@@ -0,0 +1,20 @@
+import React from "react";
+import Icon from "../../../../Icon";
+import styles from "./index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var StopButton = function StopButton(props) {
+  var onStop = props.onStop,
+    _props$stopIcon = props.stopIcon,
+    stopIcon = _props$stopIcon === void 0 ? "eos-icons:loading" : _props$stopIcon;
+  return /*#__PURE__*/_jsx("li", {
+    children: /*#__PURE__*/_jsx("div", {
+      className: styles.stop,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: stopIcon,
+        fontSize: 24,
+        onClick: onStop
+      })
+    })
+  });
+};
+export default StopButton;

package/es/components/Chat/ChatInput/_components/StopButton/index.module.less

@@ -0,0 +1,10 @@
+.stop {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 32px;
+  height: 32px;
+
+  cursor: pointer;
+}

package/es/components/Chat/ChatInput/_components/UploadButton/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { UploadFile } from "antd";
+interface UploadButtonProps {
+    onFileListChange?: (fileList: UploadFile[]) => void;
+    fileList: UploadFile[];
+    uploadConfig?: {
+        action?: string;
+        accept?: string;
+        size?: number;
+        data?: Record<string, string>;
+    };
+    onUploadingChange?: (isUploading: boolean) => void;
+    onInterceptClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;
+}
+declare const UploadButton: React.FC<UploadButtonProps>;
+export default UploadButton;

package/es/components/Chat/ChatInput/_components/UploadButton/index.js

@@ -0,0 +1,74 @@
+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 React, { useState } from "react";
+import { Tooltip } from "antd";
+import Icon from "../../../../Icon";
+import Upload from "../../../../Upload";
+import styles from "./index.module.less";
+import { validateFileSize, processFileList } from "../../_utils";
+import Button from "../../../../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+var UploadButton = function UploadButton(props) {
+  var onFileListChange = props.onFileListChange,
+    fileList = props.fileList,
+    _props$uploadConfig = props.uploadConfig,
+    uploadConfig = _props$uploadConfig === void 0 ? {} : _props$uploadConfig,
+    onUploadingChange = props.onUploadingChange,
+    onInterceptClick = props.onInterceptClick;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isUpload = _useState2[0],
+    setIsUpload = _useState2[1];
+  var action = uploadConfig.action,
+    _uploadConfig$accept = uploadConfig.accept,
+    accept = _uploadConfig$accept === void 0 ? ".pdf,.txt,.csv,.docx,.doc,.xlsx,.xls,.pptx,.ppt,.md,.html,.json,.xml,.yaml,.yml,.toml,.ini,.log,.css,.js,.jsx,.ts,.tsx,.py,.java,.cpp,.c,.h,.hpp,.sh,.bat,.ps1,.sql,.properties,.conf,.config,.rtf" : _uploadConfig$accept,
+    _uploadConfig$size = uploadConfig.size,
+    size = _uploadConfig$size === void 0 ? 20 : _uploadConfig$size,
+    data = uploadConfig.data;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: "\u4E0A\u4F20\u6587\u4EF6",
+    children: /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(Upload, {
+        action: action,
+        accept: accept,
+        multiple: true,
+        fileList: fileList,
+        data: data,
+        disabled: isUpload,
+        listType: "text",
+        size: size,
+        beforeUpload: function beforeUpload(file) {
+          return validateFileSize(file, size);
+        },
+        onChange: function onChange(_ref) {
+          var newFileList = _ref.fileList;
+          var processedList = processFileList(newFileList);
+          onFileListChange === null || onFileListChange === void 0 || onFileListChange(processedList);
+        },
+        onUploadingList: function onUploadingList(list) {
+          var uploading = Object.keys(list).length > 0;
+          setIsUpload(uploading);
+          onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(uploading);
+        },
+        showUploadList: false,
+        children: /*#__PURE__*/_jsx(Button, {
+          className: styles.clip,
+          icon: /*#__PURE__*/_jsx(Icon, {
+            icon: isUpload ? "eos-icons:loading" : "heroicons-outline:paper-clip",
+            fontSize: 22,
+            color: "#ababab"
+          }),
+          onClick: onInterceptClick ? function (e) {
+            e.stopPropagation();
+            onInterceptClick(e);
+          } : undefined
+        })
+      })
+    })
+  });
+};
+export default UploadButton;

package/es/components/Chat/ChatInput/_components/UploadButton/index.module.less

@@ -0,0 +1,12 @@
+.clip {
+  width: 32px;
+  height: 32px;
+
+  border-radius: 4px;
+
+  .ant-btn-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

package/es/components/Chat/ChatInput/_components/index.d.ts

@@ -0,0 +1,6 @@
+export { default as FileList } from "./FileList";
+export { default as AgentToggleButton } from "./AgentToggleButton";
+export type { AgentToggleConfig } from "./AgentToggleButton";
+export { default as UploadButton } from "./UploadButton";
+export { default as SendButton } from "./SendButton";
+export { default as StopButton } from "./StopButton";

package/es/components/Chat/ChatInput/_components/index.js

@@ -0,0 +1,5 @@
+export { default as FileList } from "./FileList";
+export { default as AgentToggleButton } from "./AgentToggleButton";
+export { default as UploadButton } from "./UploadButton";
+export { default as SendButton } from "./SendButton";
+export { default as StopButton } from "./StopButton";

package/es/components/Chat/ChatInput/_hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useFileList } from "./useFileList";
+export { useCurrentModel } from "./useCurrentModel";