bhd-components 0.10.12 → 0.10.14

package/esm/AIMessageList/components/footer/index.js

@@ -0,0 +1,418 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import React, { useState, useEffect, useImperativeHandle, forwardRef, useRef, useMemo } from "react";
+import styles from "./index.module.less";
+import { fetchEventSource } from "@microsoft/fetch-event-source";
+import BhdEnterInput from "../../../bhdEnterInput";
+import { Divider } from "antd";
+import SendBtn from "../sendBtn";
+import UploadFileBtn from "../uplodaFileBtn";
+import FileList from "../fileList";
+import References from "../renderReferrnce";
+import { guidGenerator } from "../../../utils/number";
+var TextArea = BhdEnterInput.TextArea;
+var defaultProps = {
+    placeholder: "请输入内容\n按Enter发送，Shift+Enter换行",
+    className: "",
+    maxLength: 500,
+    fileUpload: false
+};
+var defaultFileUploadProps = {
+    accept: ".pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.txt,.text,.png,.jpg,.jpeg,.gif,.webp",
+    maxCount: 10,
+    maxSize: 50 * 1024 * 1024,
+    mapUploadCount: 1,
+    multiple: true
+};
+var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
+    var footerConfig = props.footerConfig, prefix = props.prefix, errorCallback = props.errorCallback, apiRef = props.apiRef;
+    var _footerConfig_placeholder = footerConfig.placeholder, placeholder = _footerConfig_placeholder === void 0 ? defaultProps.placeholder : _footerConfig_placeholder, _footerConfig_className = footerConfig.className, className = _footerConfig_className === void 0 ? defaultProps.className : _footerConfig_className, _footerConfig_maxLength = footerConfig.maxLength, maxLength = _footerConfig_maxLength === void 0 ? defaultProps.maxLength : _footerConfig_maxLength, renderAction = footerConfig.renderAction, fileUpload = footerConfig.fileUpload, sendMsgAjaxParams = footerConfig.sendMsgAjaxParams, _footerConfig_onClickStop = footerConfig.onClickStop, onClickStop = _footerConfig_onClickStop === void 0 ? function() {} : _footerConfig_onClickStop, _footerConfig_conversionContent = footerConfig.conversionContent, conversionContent = _footerConfig_conversionContent === void 0 ? function(str) {
+        return str;
+    } : _footerConfig_conversionContent;
+    if (fileUpload) {
+        fileUpload = _object_spread({}, defaultFileUploadProps, fileUpload);
+    }
+    var footerDomRef = useRef(null);
+    var resizeObserverRef = useRef(null);
+    var fileListRef = useRef(null);
+    var ctrl = useRef(); //停止生成ai回答时使用
+    var _useState = _sliced_to_array(useState(""), 2), textValue = _useState[0], setTextValue = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), sending = _useState1[0], setSending = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(true), 2), fileCanSending = _useState2[0], setFileCanSending = _useState2[1]; // 是否允许发送 关联文件
+    var updateMsgRef = useRef(null);
+    // const [referencesSource, setReferencesSource] = useState<referenceType>({
+    //   type: "file",
+    //   value: {
+    //     name: "文件名字.doc",
+    //     suffix: "doc",
+    //     fileId: "",
+    //     url: "",
+    //     status: undefined,
+    //     source: undefined,
+    //   },
+    // });
+    var _useState3 = _sliced_to_array(useState(null), 2), referencesSource = _useState3[0], setReferencesSource = _useState3[1];
+    var recordRef = useRef({
+        value: textValue,
+        referencesSource: referencesSource,
+        sending: sending
+    });
+    useImperativeHandle(ref, function() {
+        return _object_spread({
+            setTextValue: setTextValue,
+            sendMsg: sendMsg,
+            refreshSendMsg: refreshSendMsg,
+            clearText: function() {
+                setTextValue("");
+            },
+            getCanSendMsg: function() {
+                return canSendMsg;
+            },
+            stopMessage: function() {
+                stopMessage();
+            },
+            setReferences: function(reference) {
+                setReferencesSource(reference);
+            }
+        }, fileListRef.current);
+    });
+    useEffect(function() {
+        listenerFooterHeight();
+        return function() {
+            resizeObserverRef.current && resizeObserverRef.current.disconnect();
+            clearTimeout(updateMsgRef.current);
+        };
+    }, []);
+    useEffect(function() {
+        recordRef.current.value = textValue;
+        recordRef.current.referencesSource = referencesSource;
+        recordRef.current.sending = sending;
+    }, [
+        textValue,
+        referencesSource,
+        sending
+    ]);
+    // 监听footer变化
+    var listenerFooterHeight = function() {
+        if (!footerDomRef.current) return;
+        // 创建ResizeObserver实例
+        resizeObserverRef.current = new ResizeObserver(function(entries) {
+            apiRef.contentApi && apiRef.contentApi.scrollToBottom();
+        });
+        // 开始观察footer元素
+        resizeObserverRef.current.observe(footerDomRef.current);
+    };
+    // 是否允许发送消息
+    var canSendMsg = useMemo(function() {
+        if (textValue.trim().length === 0) return false;
+        if (typeof maxLength === "function") {
+            if (maxLength(textValue)) return false;
+        }
+        if (textValue.trim().length > maxLength) return false;
+        if (sending) return false;
+        if (!fileCanSending) return false;
+        return true;
+    }, [
+        textValue,
+        maxLength,
+        sending,
+        fileCanSending
+    ]);
+    var stopMessage = function() {
+        ctrl.current && ctrl.current.abort();
+        apiRef.contentApi.clearInputing();
+        setSending(false);
+    };
+    var getCls = function(clsName) {
+        return styles[clsName] + " " + prefix + "-" + clsName;
+    };
+    var renderBtn = function() {
+        var sendNode = /*#__PURE__*/ _jsx(SendBtn, {
+            prefix: prefix,
+            canSendMsg: canSendMsg,
+            sending: sending,
+            stopMessage: function() {
+                onClickStop();
+                stopMessage();
+            },
+            clickFn: function() {
+                if (textValue.trim().length === 0) return;
+                if (!canSendMsg) return;
+                sendMsg(textValue);
+            }
+        });
+        if (fileUpload) {
+            var fileNode = /*#__PURE__*/ _jsx(UploadFileBtn, {
+                prefix: prefix,
+                fileUpload: fileUpload,
+                customRequest: function(options) {
+                    var _fileListRef_current;
+                    console.log("customRequestcustomRequest", options);
+                    (_fileListRef_current = fileListRef.current) === null || _fileListRef_current === void 0 ? void 0 : _fileListRef_current.addFile(options.file);
+                }
+            });
+            if (renderAction) {
+                return renderAction(sendNode, fileNode);
+            } else {
+                return /*#__PURE__*/ _jsxs("div", {
+                    className: "".concat(getCls("footerActionBtn")),
+                    children: [
+                        fileNode,
+                        /*#__PURE__*/ _jsx(Divider, {
+                            type: "vertical"
+                        }),
+                        sendNode
+                    ]
+                });
+            }
+        } else {
+            var fileNode1 = null;
+            if (renderAction) {
+                return renderAction(sendNode, fileNode1);
+            } else {
+                return /*#__PURE__*/ _jsx("div", {
+                    className: "".concat(getCls("footerActionBtn")),
+                    children: sendNode
+                });
+            }
+        }
+    };
+    var onPressEnter = function(e) {
+        // 判断是否按下了 Shift 键
+        if (e.shiftKey) {
+            // 如果按下了 Shift + Enter，则允许换行（默认行为）
+            return;
+        } else {
+            if (textValue.length === 0) {
+                // 内容为空时 执行换行操作
+                return;
+            }
+            // 如果只按了 Enter，则阻止默认行为并发送消息
+            e.preventDefault();
+            // 在这里添加发送消息的逻辑
+            if (!canSendMsg) return;
+            sendMsg(textValue);
+        }
+    };
+    // 发现消息
+    var sendMsg = function(value) {
+        console.log("发送消息：", value);
+        if (value.trim().length === 0) {
+            throw new Error("消息不能为空");
+            return;
+        }
+        apiRef.contentApi.addMsg({
+            id: guidGenerator(),
+            createTime: new Date().getTime(),
+            content: value,
+            location: "right",
+            reference: recordRef.current.referencesSource,
+            source: null,
+            fileList: fileListRef.current.getFileList()
+        });
+        sendMsgAjax();
+    };
+    // 重新发送消息
+    var refreshSendMsg = function refreshSendMsg(msgId, value, reference, fileList) {
+        sendMsgAjax({
+            id: msgId,
+            value: value,
+            reference: reference || null,
+            fileList: fileList || []
+        });
+    };
+    var sendMsgAjax = function(recordObj) {
+        var url = sendMsgAjaxParams.url, _sendMsgAjaxParams_method = sendMsgAjaxParams.method, method = _sendMsgAjaxParams_method === void 0 ? "POST" : _sendMsgAjaxParams_method, _sendMsgAjaxParams_headers = sendMsgAjaxParams.headers, headers = _sendMsgAjaxParams_headers === void 0 ? function() {
+            return {};
+        } : _sendMsgAjaxParams_headers, _sendMsgAjaxParams_params = sendMsgAjaxParams.params, params = _sendMsgAjaxParams_params === void 0 ? function() {
+            return "";
+        } : _sendMsgAjaxParams_params, _sendMsgAjaxParams_onOpen = sendMsgAjaxParams.onOpen, onOpen = _sendMsgAjaxParams_onOpen === void 0 ? function() {} : _sendMsgAjaxParams_onOpen, _sendMsgAjaxParams_onMessage = sendMsgAjaxParams.onMessage, onMessage = _sendMsgAjaxParams_onMessage === void 0 ? function(ev) {
+            return ev;
+        } : _sendMsgAjaxParams_onMessage, _sendMsgAjaxParams_onClose = sendMsgAjaxParams.onClose, onClose = _sendMsgAjaxParams_onClose === void 0 ? function() {} : _sendMsgAjaxParams_onClose, _sendMsgAjaxParams_onError = sendMsgAjaxParams.onError, onError = _sendMsgAjaxParams_onError === void 0 ? function() {} : _sendMsgAjaxParams_onError, _sendMsgAjaxParams_coverProps = sendMsgAjaxParams.coverProps, coverProps = _sendMsgAjaxParams_coverProps === void 0 ? {} : _sendMsgAjaxParams_coverProps, _sendMsgAjaxParams_beforeSendMsg = sendMsgAjaxParams.beforeSendMsg, beforeSendMsg = _sendMsgAjaxParams_beforeSendMsg === void 0 ? function() {
+            return Promise.resolve();
+        } : _sendMsgAjaxParams_beforeSendMsg;
+        ctrl.current = new AbortController();
+        // apiRef
+        console.log("apiRef", apiRef);
+        var msgId = "inputing";
+        var createTime = new Date().getTime();
+        if (recordObj) {
+            apiRef.contentApi.addMsg({
+                id: msgId,
+                createTime: createTime,
+                content: "正在输入...",
+                location: "left",
+                reference: recordObj.reference || null,
+                source: null,
+                fileList: recordObj.fileList || []
+            });
+        } else {
+            apiRef.contentApi.addMsg({
+                id: msgId,
+                createTime: createTime,
+                content: "正在输入...",
+                location: "left",
+                reference: null,
+                source: null,
+                fileList: fileListRef.current.getFileList()
+            });
+        }
+        var msgContent = "";
+        setSending(true);
+        setTextValue("");
+        fileListRef.current.clearFileList();
+        setReferencesSource(null);
+        var recordMsgObj = {};
+        var arg = [
+            recordRef.current.value,
+            recordRef.current.referencesSource,
+            fileListRef.current ? fileListRef.current.getFileList() : []
+        ];
+        if (recordObj) {
+            arg = [
+                recordObj.value,
+                recordObj.reference || null,
+                recordObj.fileList || []
+            ];
+        } else {
+            arg = [
+                recordRef.current.value,
+                recordRef.current.referencesSource,
+                fileListRef.current ? fileListRef.current.getFileList() : []
+            ];
+        }
+        beforeSendMsg.apply(void 0, _to_consumable_array(arg)).then(function(beforeInfo) {
+            var callback = function() {
+                var isClose = false;
+                var closeCallback = function() {
+                    if (isClose) return;
+                    isClose = true;
+                    onClose();
+                    setSending(false);
+                    if (recordMsgObj.id) {
+                        apiRef.contentApi.recordMsg(recordMsgObj);
+                    }
+                    apiRef.contentApi.setSendingId("");
+                    console.log("onclose: ", recordMsgObj);
+                };
+                fetchEventSource(url, _object_spread({
+                    method: method,
+                    headers: _object_spread({
+                        "Content-Type": "application/json",
+                        Accept: "text/event-stream,application/json"
+                    }, headers()),
+                    body: params.apply(void 0, _to_consumable_array(arg).concat([
+                        beforeInfo
+                    ])),
+                    openWhenHidden: true,
+                    signal: ctrl.current.signal,
+                    onopen: function(res) {
+                        var retryFetch = function() {
+                            callback();
+                        };
+                        onOpen(res, {
+                            retryFetch: retryFetch,
+                            stopMessage: stopMessage
+                        });
+                        return null;
+                    },
+                    onmessage: function(ev) {
+                        var data = onMessage(ev, closeCallback);
+                        if (recordObj) {
+                            data.id = recordObj.id;
+                        }
+                        msgContent += data.content;
+                        var str = msgContent.replace(/\\n/g, "\n");
+                        str = conversionContent(str);
+                        delete data.content;
+                        recordMsgObj = _object_spread({
+                            createTime: createTime,
+                            content: str || "正在输入...",
+                            location: "left",
+                            reference: null,
+                            source: null
+                        }, data);
+                        apiRef.contentApi.setSendingId(data.id);
+                        apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                        msgId = data.id;
+                        // updateMsgRef.current = setTimeout(function () {
+                        apiRef.contentApi.scrollToBottom();
+                    // }, 100);
+                    },
+                    onclose: function() {
+                        closeCallback();
+                    },
+                    onerror: function(err) {
+                        onError(err);
+                        if (recordMsgObj.id) {
+                            apiRef.contentApi.recordMsg(recordMsgObj);
+                        }
+                        console.log("onerror: ", err);
+                    }
+                }, coverProps));
+            };
+            callback();
+        }).catch(function() {
+            stopMessage();
+        });
+    };
+    // 判断是否超出最大字数
+    var judegTextLengthWarn = function() {
+        if (typeof maxLength === "function") {
+            return maxLength(textValue);
+        } else {
+            return textValue.length > maxLength;
+        }
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "".concat(getCls("footer"), " ").concat(className),
+        ref: footerDomRef,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "".concat(getCls("footerBody"), " ").concat(judegTextLengthWarn() ? getCls("footerBodyWarn") : ""),
+            children: [
+                fileUpload && /*#__PURE__*/ _jsx("div", {
+                    className: getCls("footerFile"),
+                    children: /*#__PURE__*/ _jsx(FileList, {
+                        prefix: prefix,
+                        fileUpload: fileUpload,
+                        ref: fileListRef,
+                        errorCallback: errorCallback,
+                        changeFileCanSending: setFileCanSending
+                    })
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: getCls("footerInput"),
+                    children: [
+                        /*#__PURE__*/ _jsx(TextArea, {
+                            value: textValue,
+                            onChange: function(e) {
+                                setTextValue(e.target.value);
+                            },
+                            placeholder: placeholder,
+                            autoSize: {
+                                minRows: 2,
+                                maxRows: 6
+                            },
+                            onPressEnter: onPressEnter
+                        }),
+                        /*#__PURE__*/ _jsx(References, {
+                            prefix: prefix,
+                            referencesSource: referencesSource,
+                            fileUpload: fileUpload,
+                            deleteReferences: function() {
+                                return setReferencesSource(null);
+                            }
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: getCls("footerAction"),
+                    children: renderBtn()
+                })
+            ]
+        })
+    });
+});
+export default Footer;

package/esm/AIMessageList/components/footer/index.module.less

@@ -0,0 +1,51 @@
+.footer {
+  width: 100%;
+  padding: 16px;
+  box-sizing: border-box;
+  .footerBody {
+    width: 100%;
+    border-radius: 8px;
+    background: #ffffff;
+    border: 1px solid rgba(0, 0, 0, 0.06);
+    padding-bottom: 12px;
+    &.footerBodyWarn {
+      border-color: #f4523b;
+    }
+
+    .footerFile {
+      width: 100%;
+    }
+    .footerInput {
+      :global {
+        .bhd-input {
+          border: none;
+          box-shadow: none;
+          background: transparent;
+          padding: 12px 16px;
+        }
+      }
+    }
+    .footerAction {
+      width: 100%;
+      padding: 0 16px;
+      box-sizing: border-box;
+      .footerActionBtn {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        :global {
+          .bhd-divider {
+            border-color: rgba(0, 0, 0, 0.06);
+            height: 16px;
+            top: 0;
+            margin: 0 16px;
+          }
+          .bhd-upload-wrapper {
+            display: flex;
+          }
+        }
+      }
+    }
+  }
+}

package/esm/AIMessageList/components/header/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { headerConfigProps, errorMessageProps } from "../../type";
+interface IProps {
+    headerConfig: headerConfigProps;
+    prefix: string;
+    errorCallback: (error: errorMessageProps) => void;
+}
+declare const Header: (props: IProps) => React.JSX.Element;
+export default Header;

package/esm/AIMessageList/components/header/index.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import React from "react";
+import styles from "./index.module.less";
+var defaultProps = {
+    icon: /*#__PURE__*/ _jsx("i", {
+        children: /*#__PURE__*/ _jsxs("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "1em",
+            height: "1em",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            children: [
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M12.6063 14C12.2547 13.9994 11.9095 13.9066 11.6051 13.7309C11.3006 13.5551 11.0476 13.3025 10.8714 12.9983L7.15187 6.55597L4.21122 11.6493H7.67426C7.98599 11.6493 8.28495 11.7731 8.50538 11.9935C8.7258 12.2139 8.84963 12.5129 8.84963 12.8246C8.84963 13.1364 8.7258 13.4353 8.50538 13.6557C8.28495 13.8762 7.98599 14 7.67426 14H2.17613C1.96974 14.0001 1.76696 13.9459 1.58818 13.8428C1.40939 13.7397 1.26091 13.5913 1.15766 13.4126C1.05441 13.2339 1.00003 13.0312 1 12.8248C0.999967 12.6184 1.05428 12.4157 1.15747 12.2369L6.13322 3.61754C6.23638 3.43887 6.38476 3.29051 6.56343 3.18736C6.7421 3.08421 6.94478 3.0299 7.15109 3.0299C7.3574 3.0299 7.56008 3.08421 7.73875 3.18736C7.91742 3.29051 8.0658 3.43887 8.16896 3.61754L12.2582 10.6998V4.20522C12.2582 3.8935 12.3821 3.59454 12.6025 3.37411C12.8229 3.15368 13.1219 3.02985 13.4336 3.02985C13.7453 3.02985 14.0443 3.15368 14.2647 3.37411C14.4851 3.59454 14.609 3.8935 14.609 4.20522V11.9966C14.609 12.5279 14.398 13.0373 14.0224 13.413C13.6469 13.7887 13.1375 13.9998 12.6063 14Z",
+                    fill: "url(#paint0_linear_34_244)"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M13.4336 2.35075C14.0827 2.35075 14.609 1.82451 14.609 1.17537C14.609 0.526232 14.0827 0 13.4336 0C12.7845 0 12.2582 0.526232 12.2582 1.17537C12.2582 1.82451 12.7845 2.35075 13.4336 2.35075Z",
+                    fill: "url(#paint1_linear_34_244)"
+                }),
+                /*#__PURE__*/ _jsxs("defs", {
+                    children: [
+                        /*#__PURE__*/ _jsxs("linearGradient", {
+                            id: "paint0_linear_34_244",
+                            x1: "14.609",
+                            y1: "0",
+                            x2: "-0.275842",
+                            y2: "13.609",
+                            gradientUnits: "userSpaceOnUse",
+                            children: [
+                                /*#__PURE__*/ _jsx("stop", {
+                                    stopColor: "#F87AFD"
+                                }),
+                                /*#__PURE__*/ _jsx("stop", {
+                                    offset: "1",
+                                    stopColor: "#41DAF8"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("linearGradient", {
+                            id: "paint1_linear_34_244",
+                            x1: "14.609",
+                            y1: "0",
+                            x2: "-0.275842",
+                            y2: "13.609",
+                            gradientUnits: "userSpaceOnUse",
+                            children: [
+                                /*#__PURE__*/ _jsx("stop", {
+                                    stopColor: "#F87AFD"
+                                }),
+                                /*#__PURE__*/ _jsx("stop", {
+                                    offset: "1",
+                                    stopColor: "#41DAF8"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    }),
+    className: "",
+    renderRightHead: function() {
+        return null;
+    }
+};
+var Header = function(props) {
+    var headerConfig = props.headerConfig, prefix = props.prefix;
+    var _headerConfig_icon = headerConfig.icon, icon = _headerConfig_icon === void 0 ? defaultProps.icon : _headerConfig_icon, title = headerConfig.title, _headerConfig_className = headerConfig.className, className = _headerConfig_className === void 0 ? defaultProps.className : _headerConfig_className, _headerConfig_renderRightHead = headerConfig.renderRightHead, renderRightHead = _headerConfig_renderRightHead === void 0 ? defaultProps.renderRightHead : _headerConfig_renderRightHead;
+    var getCls = function(clsName) {
+        return styles[clsName] + " " + prefix + "-" + clsName;
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "".concat(getCls("header"), " ").concat(className),
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: getCls("headerLeft"),
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: getCls("headerIcon"),
+                        children: icon
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: getCls("headerTitle"),
+                        children: title
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: getCls("headerRight"),
+                children: renderRightHead()
+            })
+        ]
+    });
+};
+export default Header;

package/esm/AIMessageList/components/header/index.module.less

@@ -0,0 +1,31 @@
+.header {
+  width: 100%;
+  padding: 8px 16px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  justify-content: space-between;
+  border-bottom: 1px solid #ebebeb;
+  .headerLeft {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    .headerIcon {
+        &>i{
+            line-height: 1;
+            font-size: 16px;
+            display: flex;
+        }
+    }
+    .headerTitle {
+      font-weight: 600;
+      color: rgba(0, 0, 0, 0.65);
+      font-size: 16px;
+      line-height: 1.5;
+    }
+  }
+  .headerRight {
+    font-size: 16px;
+  }
+}

package/esm/AIMessageList/components/referencesIcon/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { dataItemType, AIMessageListRefProps } from "../../type";
+interface ReferencesIconProps {
+    prefix: string;
+    item: dataItemType;
+    apiRef: AIMessageListRefProps;
+}
+declare const ReferencesIcon: (props: ReferencesIconProps) => React.JSX.Element;
+export default ReferencesIcon;

package/esm/AIMessageList/components/referencesIcon/index.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import React from "react";
+import styles from "./index.module.less";
+var referencesIcon = /*#__PURE__*/ _jsx("i", {
+    children: /*#__PURE__*/ _jsxs("svg", {
+        width: "1em",
+        height: "1em",
+        shapeRendering: "geometricPrecision",
+        fill: "currentColor",
+        viewBox: "0 0 14 14",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M6.28443 3.03861C3.77423 4.65069 2.37971 6.52702 2.10085 8.66759C1.66674 12 4.6468 13.6311 6.15677 12.1655C7.66673 10.7 6.7616 8.83982 5.66823 8.33136C4.57487 7.82286 3.90623 7.99996 4.02287 7.32046C4.1395 6.64099 5.69503 4.75706 7.06163 3.87969C7.1523 3.80259 7.1868 3.65299 7.0995 3.53949C7.04207 3.46486 6.92943 3.31847 6.7616 3.10033C6.61483 2.90957 6.47423 2.91671 6.28443 3.03861Z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M12.893 3.03861C10.3828 4.65069 8.98827 6.52702 8.7094 8.66759C8.2753 12 11.2554 13.6311 12.7653 12.1655C14.2753 10.7 13.3702 8.83982 12.2768 8.33136C11.1834 7.82286 10.5148 7.99996 10.6314 7.32046C10.7481 6.64099 12.3036 4.75706 13.6702 3.87969C13.7609 3.80259 13.7954 3.65299 13.708 3.53949C13.6506 3.46486 13.538 3.31847 13.3702 3.10033C13.2234 2.90957 13.0828 2.91671 12.893 3.03861Z"
+            })
+        ]
+    })
+});
+var ReferencesIcon = function(props) {
+    var prefix = props.prefix, apiRef = props.apiRef, item = props.item;
+    var getCls = function(clsName) {
+        return styles[clsName] + " " + prefix + "-" + clsName;
+    };
+    var clickFn = function() {
+        console.log("apiRef", apiRef);
+        if (apiRef && apiRef.footerApi) {
+            console.log("itemitem", item);
+            if (item.type === "file") {
+                apiRef.footerApi.setReferences({
+                    type: "file",
+                    value: {
+                        name: item.fileTitle,
+                        suffix: item.suffix,
+                        fileId: item.id,
+                        url: "",
+                        status: "success",
+                        source: null
+                    },
+                    source: item
+                });
+            } else {
+                apiRef.footerApi.setReferences({
+                    type: "text",
+                    value: item.content,
+                    source: item
+                });
+            }
+        }
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "".concat(getCls("msgItem-action-reference")),
+        onClick: function() {
+            return clickFn();
+        },
+        children: referencesIcon
+    });
+};
+export default ReferencesIcon;