@hsu-react/ui 0.0.1

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

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

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

@@ -0,0 +1,2 @@
+import { ModelConfig } from "..";
+export declare const useCurrentModel: (modelList?: ModelConfig[], modelType?: string) => ModelConfig | null;

package/es/components/Chat/ChatInput/_hooks/useCurrentModel.js

@@ -0,0 +1,23 @@
+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 { useEffect, useState } from "react";
+export var useCurrentModel = function useCurrentModel(modelList, modelType) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentModel = _useState2[0],
+    setCurrentModel = _useState2[1];
+  useEffect(function () {
+    if (modelType && modelList) {
+      setCurrentModel(modelList.find(function (i) {
+        return i.value === modelType;
+      }) || null);
+    } else {
+      setCurrentModel(null);
+    }
+  }, [modelType, modelList]);
+  return currentModel;
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { UploadFile } from "antd";
+export declare const useFileList: (fileList?: UploadFile[]) => {
+    fileList: UploadFile<any>[];
+    setFileList: import("react").Dispatch<import("react").SetStateAction<UploadFile<any>[]>>;
+};

package/es/components/Chat/ChatInput/_hooks/useFileList.js

@@ -0,0 +1,22 @@
+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 { useEffect, useState } from "react";
+import { Equal } from "hsu-utils";
+export var useFileList = function useFileList(fileList) {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalFileList = _useState2[0],
+    setInternalFileList = _useState2[1];
+  useEffect(function () {
+    if (Equal.ObjEqual(fileList || [], internalFileList)) return;
+    setInternalFileList(fileList || []);
+  }, [fileList, internalFileList]);
+  return {
+    fileList: internalFileList,
+    setFileList: setInternalFileList
+  };
+};

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

@@ -0,0 +1,13 @@
+import { UploadFile } from "antd";
+/**
+ * 处理文件上传响应
+ */
+export declare const handleUploadResponse: (fileList: UploadFile[], file: UploadFile, index: number) => boolean;
+/**
+ * 验证文件大小
+ */
+export declare const validateFileSize: (file: File, maxSize: number) => boolean;
+/**
+ * 处理文件列表变更
+ */
+export declare const processFileList: (fileList: UploadFile[]) => UploadFile[];

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

@@ -0,0 +1,85 @@
+import { notification } from "antd";
+
+/**
+ * 处理文件上传响应
+ */
+export var handleUploadResponse = function handleUploadResponse(fileList, file, index) {
+  if (file.status === "error") {
+    var _file$error;
+    notification.error({
+      message: ((_file$error = file.error) === null || _file$error === void 0 ? void 0 : _file$error.message) || "上传失败"
+    });
+    fileList.splice(index, 1);
+    return false;
+  }
+  if (file.response) {
+    var _file$response, _file$response2, _file$response3;
+    if (((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.code) !== 0 && ((_file$response2 = file.response) === null || _file$response2 === void 0 ? void 0 : _file$response2.code) !== 200 && ((_file$response3 = file.response) === null || _file$response3 === void 0 ? void 0 : _file$response3.code) !== undefined) {
+      notification.error({
+        message: file.response.msg
+      });
+      fileList.splice(index, 1);
+      return false;
+    } else {
+      var _file$response4, _file$response5;
+      if ((_file$response4 = file.response) !== null && _file$response4 !== void 0 && (_file$response4 = _file$response4.data) !== null && _file$response4 !== void 0 && _file$response4.url) {
+        file.url = file.response.data.url;
+      }
+      if ((_file$response5 = file.response) !== null && _file$response5 !== void 0 && _file$response5.url) {
+        file.url = file.response.url;
+      }
+    }
+  } else {
+    fileList.splice(index, 1);
+    return false;
+  }
+  return true;
+};
+
+/**
+ * 验证文件大小
+ */
+export var validateFileSize = function validateFileSize(file, maxSize) {
+  if (file.size > maxSize * 1024 * 1024) {
+    notification.error({
+      message: "\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(maxSize, "MB")
+    });
+    return false;
+  }
+  return true;
+};
+
+/**
+ * 处理文件列表变更
+ */
+export var processFileList = function processFileList(fileList) {
+  var processedList = [];
+  fileList === null || fileList === void 0 || fileList.forEach(function (file) {
+    if (file.status === "error") {
+      var _file$error2;
+      notification.error({
+        message: ((_file$error2 = file.error) === null || _file$error2 === void 0 ? void 0 : _file$error2.message) || "上传失败"
+      });
+      return;
+    }
+    if (file.response) {
+      var _file$response6, _file$response7, _file$response8;
+      if (((_file$response6 = file.response) === null || _file$response6 === void 0 ? void 0 : _file$response6.code) !== 0 && ((_file$response7 = file.response) === null || _file$response7 === void 0 ? void 0 : _file$response7.code) !== 200 && ((_file$response8 = file.response) === null || _file$response8 === void 0 ? void 0 : _file$response8.code) !== undefined) {
+        notification.error({
+          message: file.response.msg
+        });
+        return;
+      } else {
+        var _file$response9, _file$response10;
+        if ((_file$response9 = file.response) !== null && _file$response9 !== void 0 && (_file$response9 = _file$response9.data) !== null && _file$response9 !== void 0 && _file$response9.url) {
+          file.url = file.response.data.url;
+        }
+        if ((_file$response10 = file.response) !== null && _file$response10 !== void 0 && _file$response10.url) {
+          file.url = file.response.url;
+        }
+      }
+    }
+    processedList.push(file);
+  });
+  return processedList;
+};

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

@@ -0,0 +1,56 @@
+import React from "react";
+import { UploadFile } from "antd";
+import { AgentToggleConfig } from "./_components";
+import { ButtonProps } from "../../Button";
+export type { AgentToggleConfig } from "./_components";
+export interface AgentConfig {
+    key: string;
+    open: boolean;
+}
+export interface ModelConfig {
+    label: string;
+    value: string;
+    /**
+     * 该模型支持的功能键列表，用于从 agents 中筛选显示的功能
+     * 如果未设置，则显示所有 agents
+     */
+    agents: AgentConfig[];
+    /**
+     * 该模型的回答是否包含思考部分
+     * 如果为 false，则不处理和显示思考内容
+     */
+    hasThinking?: boolean;
+    [key: string]: unknown;
+}
+export interface UploadConfig {
+    action?: string;
+    accept?: string;
+    size?: number;
+    data?: Record<string, string>;
+}
+export interface ChatInputProps {
+    onSend?: (value: string) => void;
+    assistanting?: boolean;
+    onStop?: () => void;
+    onFileListChange?: (fileList: UploadFile[]) => void;
+    fileList?: UploadFile[];
+    modelConfig?: {
+        modelList: ModelConfig[];
+        modelType: string;
+        setModelType: (value: string) => void;
+    };
+    agents?: AgentToggleConfig[];
+    /** agents 状态，用于受控模式 */
+    agentsState?: AgentConfig[];
+    onAgentsChange?: (agents: AgentConfig[]) => void;
+    placeholder?: string;
+    sendIcon?: string;
+    stopIcon?: string;
+    uploadConfig?: UploadConfig;
+    wrapperClassName?: string;
+    onFileInterceptClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;
+    buttonGroup?: ButtonProps[];
+    uploadEnabled?: boolean;
+}
+declare const ChatInput: React.FC<ChatInputProps>;
+export default ChatInput;

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

@@ -0,0 +1,244 @@
+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 React, { useState, useEffect } from "react";
+import Input from "../../Input";
+import { Select, Tooltip } from "antd";
+import styles from "./index.module.less";
+import { useFileList } from "./_hooks";
+import { FileList, AgentToggleButton, SendButton, StopButton, UploadButton } from "./_components";
+import classNames from "classnames";
+import Button from "../../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var ChatInput = function ChatInput(props) {
+  var _uploadConfig$size;
+  var onSend = props.onSend,
+    assistanting = props.assistanting,
+    onStop = props.onStop,
+    onFileListChange = props.onFileListChange,
+    _props$fileList = props.fileList,
+    _fileList = _props$fileList === void 0 ? [] : _props$fileList,
+    modelConfig = props.modelConfig,
+    _props$agents = props.agents,
+    agents = _props$agents === void 0 ? [] : _props$agents,
+    externalAgentsState = props.agentsState,
+    onAgentsChange = props.onAgentsChange,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "询问问题" : _props$placeholder,
+    sendIcon = props.sendIcon,
+    stopIcon = props.stopIcon,
+    uploadConfig = props.uploadConfig,
+    wrapperClassName = props.wrapperClassName,
+    onFileInterceptClick = props.onFileInterceptClick,
+    buttonGroup = props.buttonGroup,
+    _props$uploadEnabled = props.uploadEnabled,
+    uploadEnabled = _props$uploadEnabled === void 0 ? true : _props$uploadEnabled;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isUpload = _useState4[0],
+    setIsUpload = _useState4[1];
+  var _useFileList = useFileList(_fileList),
+    fileList = _useFileList.fileList,
+    setFileList = _useFileList.setFileList;
+
+  // 管理 agents 的内部状态（非受控模式）
+  var _useState5 = useState(function () {
+      // 初始化状态：优先从当前模型的 agents 获取，否则从传入的 agents 配置中提取，默认 open 为 true
+      var currentModel = modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelList.find(function (m) {
+        return m.value === (modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelType);
+      });
+      if (currentModel !== null && currentModel !== void 0 && currentModel.agents && currentModel.agents.length > 0) {
+        return currentModel.agents;
+      }
+      return agents === null || agents === void 0 ? void 0 : agents.map(function (config) {
+        return {
+          key: config.key,
+          open: true
+        };
+      });
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    internalAgentsState = _useState6[0],
+    setInternalAgentsState = _useState6[1];
+
+  // 判断是否为受控模式
+  var isControlled = externalAgentsState !== undefined;
+  // 使用外部状态或内部状态
+  var agentsState = isControlled ? externalAgentsState : internalAgentsState;
+
+  // 当模型切换时，同步更新 agents 状态（仅在非受控模式下）
+  useEffect(function () {
+    if (isControlled) return; // 受控模式下由外部管理状态
+
+    var currentModel = modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelList.find(function (m) {
+      return m.value === (modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelType);
+    });
+    if (currentModel !== null && currentModel !== void 0 && currentModel.agents && currentModel.agents.length > 0) {
+      setInternalAgentsState(currentModel.agents);
+      onAgentsChange === null || onAgentsChange === void 0 || onAgentsChange(currentModel.agents);
+    }
+  }, [modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelType, modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelList, onAgentsChange, isControlled]);
+
+  // 根据当前选中的模型，筛选出该模型支持的功能配置
+  var currentModel = modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelList.find(function (m) {
+    return m.value === (modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelType);
+  });
+  var availableFeatureConfigs = currentModel !== null && currentModel !== void 0 && currentModel.agents ? agents.filter(function (config) {
+    return currentModel.agents.some(function (agent) {
+      return agent.key === config.key;
+    });
+  }) : agents;
+
+  // 处理 agent 状态切换
+  var handleAgentToggle = function handleAgentToggle(key) {
+    var newAgentsState = agentsState === null || agentsState === void 0 ? void 0 : agentsState.map(function (agent) {
+      return agent.key === key ? _objectSpread(_objectSpread({}, agent), {}, {
+        open: !agent.open
+      }) : agent;
+    });
+
+    // 受控模式：只通知外部，由外部更新状态
+    // 非受控模式：更新内部状态
+    if (!isControlled) {
+      setInternalAgentsState(newAgentsState);
+    }
+    onAgentsChange === null || onAgentsChange === void 0 || onAgentsChange(newAgentsState);
+  };
+
+  // 获取 agent 的激活状态
+  var getAgentActive = function getAgentActive(key) {
+    var _agentsState$find$ope, _agentsState$find;
+    return (_agentsState$find$ope = (_agentsState$find = agentsState.find(function (agent) {
+      return agent.key === key;
+    })) === null || _agentsState$find === void 0 ? void 0 : _agentsState$find.open) !== null && _agentsState$find$ope !== void 0 ? _agentsState$find$ope : false;
+  };
+
+  // 处理文件列表移除
+  var handleFileRemove = function handleFileRemove(uid) {
+    var newFileList = fileList.filter(function (v) {
+      return v.uid !== uid;
+    });
+    setFileList(newFileList);
+    onFileListChange === null || onFileListChange === void 0 || onFileListChange(newFileList);
+  };
+
+  // 处理文件列表变更
+  var handleFileListChange = function handleFileListChange(newFileList) {
+    setFileList(newFileList);
+    onFileListChange === null || onFileListChange === void 0 || onFileListChange(newFileList);
+  };
+
+  // 处理发送
+  var handleSend = function handleSend() {
+    if (value.trim() !== "") {
+      setValue("");
+      onSend === null || onSend === void 0 || onSend(value);
+    }
+  };
+
+  // 处理回车键
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === "Enter" && !e.shiftKey && !assistanting && value.trim() !== "") {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+
+  // 合并上传配置
+  var mergedUploadConfig = {
+    action: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.action,
+    accept: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.accept,
+    size: (_uploadConfig$size = uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.size) !== null && _uploadConfig$size !== void 0 ? _uploadConfig$size : 20,
+    data: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.data
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames(styles.ChatInputWrapper, wrapperClassName),
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.ChatInput,
+      children: [/*#__PURE__*/_jsx(FileList, {
+        fileList: fileList,
+        onRemove: handleFileRemove
+      }), /*#__PURE__*/_jsx(Input.TextArea, {
+        autoSize: {
+          minRows: 3,
+          maxRows: 5
+        },
+        className: styles.textArea,
+        placeholder: placeholder,
+        onChange: function onChange(v) {
+          if (v.trim() === "") {
+            setValue("");
+          } else {
+            setValue(v);
+          }
+        },
+        value: value,
+        onKeyDown: handleKeyDown
+      }), /*#__PURE__*/_jsxs("ul", {
+        className: styles.tool,
+        children: [/*#__PURE__*/_jsxs("ul", {
+          children: [modelConfig && /*#__PURE__*/_jsx("li", {
+            children: /*#__PURE__*/_jsx(Select, {
+              options: modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelList,
+              value: modelConfig === null || modelConfig === void 0 ? void 0 : modelConfig.modelType,
+              className: styles.select,
+              allowClear: false,
+              onChange: function onChange(v) {
+                var _modelConfig$setModel;
+                modelConfig === null || modelConfig === void 0 || (_modelConfig$setModel = modelConfig.setModelType) === null || _modelConfig$setModel === void 0 || _modelConfig$setModel.call(modelConfig, v);
+              }
+            })
+          }), availableFeatureConfigs === null || availableFeatureConfigs === void 0 ? void 0 : availableFeatureConfigs.map(function (config) {
+            return /*#__PURE__*/_jsx(AgentToggleButton, {
+              config: config,
+              active: getAgentActive(config.key),
+              onClick: function onClick() {
+                return handleAgentToggle(config.key);
+              }
+            }, config.key);
+          })]
+        }), buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.map(function (button, idx) {
+          return /*#__PURE__*/_jsx(Tooltip, {
+            title: button.title,
+            children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, button), {}, {
+              title: "",
+              className: classNames(styles.button, button.className)
+            }), idx)
+          });
+        }), uploadEnabled && /*#__PURE__*/_jsx(UploadButton, {
+          onFileListChange: handleFileListChange,
+          fileList: fileList,
+          uploadConfig: mergedUploadConfig,
+          onUploadingChange: setIsUpload,
+          onInterceptClick: onFileInterceptClick
+        }), /*#__PURE__*/_jsx(_Fragment, {
+          children: assistanting ? /*#__PURE__*/_jsx(StopButton, {
+            onStop: onStop || function () {},
+            stopIcon: stopIcon
+          }) : /*#__PURE__*/_jsx(SendButton, {
+            value: value,
+            onSend: handleSend,
+            sendIcon: sendIcon,
+            disabled: isUpload
+          })
+        })]
+      })]
+    })
+  });
+};
+export default ChatInput;

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

@@ -0,0 +1,100 @@
+.ChatInputWrapper {
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+
+  width: 100%;
+  overflow: hidden;
+  z-index: 100;
+}
+
+.ChatInput {
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+
+  width: 100%;
+  padding: 10px;
+
+  border-radius: 6px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  background: #ffffff;
+
+  .textArea {
+    border: none !important;
+    box-shadow: none !important;
+    font-size: 14px;
+
+    > textarea {
+      padding: 0;
+    }
+  }
+
+  .tool {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    column-gap: 5px;
+
+    width: 100%;
+
+    > ul {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      column-gap: 5px;
+      min-width: 0;
+
+      > li {
+        display: flex;
+        align-items: center;
+
+        .select {
+          font-size: 14px;
+          border: 1px solid #d9d9d9;
+          border-radius: 4px;
+          box-shadow: none;
+          opacity: 0.8;
+          width: 140px;
+          height: 100%;
+          .ant-select-selector {
+            border: none;
+            margin: 1px 0 0;
+          }
+          &:hover {
+            opacity: 1;
+          }
+
+          &[class*="disabled"] {
+            color: #000;
+            background: transparent;
+            border: none;
+            box-shadow: none;
+            opacity: 0.7;
+            cursor: default;
+            * {
+              cursor: default;
+            }
+          }
+        }
+      }
+    }
+
+    li {
+      height: 32px;
+    }
+  }
+}
+
+.button {
+  width: 32px;
+  height: 32px;
+
+  border-radius: 4px;
+
+  .ant-btn-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

package/es/components/Chat/ChatList/_components/Assistant/AssistantItem/_components/Copy/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface CopyProps {
+    content: string;
+}
+declare const Copy: React.FC<CopyProps>;
+export default Copy;

package/es/components/Chat/ChatList/_components/Assistant/AssistantItem/_components/Copy/index.js

@@ -0,0 +1,54 @@
+import React from "react";
+import Icon from "../../../../../../../Icon";
+import classNames from "classnames";
+import { message } from "antd";
+import styles from "./index.module.less";
+import clipboard from "copy-to-clipboard";
+import MarkdownIt from "markdown-it";
+import markdownLink from "markdown-it-link-attributes";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var md = MarkdownIt({
+  html: true,
+  linkify: true,
+  typographer: true
+});
+md.use(markdownLink, {
+  attrs: {
+    target: "_blank",
+    rel: "noopener"
+  }
+});
+var Copy = function Copy(props) {
+  var content = props.content;
+  function copyMdText(text) {
+    var _parser$parseFromStri;
+    if (!text) return;
+    var html = md.render(text);
+    var parser = new DOMParser();
+    var textContent = (_parser$parseFromStri = parser.parseFromString(html, "text/html")) === null || _parser$parseFromStri === void 0 || (_parser$parseFromStri = _parser$parseFromStri.body) === null || _parser$parseFromStri === void 0 ? void 0 : _parser$parseFromStri.textContent;
+    if (textContent) {
+      // const mdText = textContent ? textContent.replace(/\n{2,}/g, '\n') : '';
+      var result = clipboard(textContent);
+      if (result) {
+        message.success("复制成功");
+      }
+    }
+  }
+  var onCopy = function onCopy() {
+    if (content) {
+      copyMdText(content);
+    }
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: classNames(styles.Copy),
+      onClick: onCopy,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: "ci:copy",
+        className: classNames(styles.icon)
+      })
+    })
+  });
+};
+export default Copy;