bhd-components 0.9.29 → 0.10.2

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

@@ -0,0 +1,304 @@
+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;
+    if (fileUpload) {
+        fileUpload = _object_spread({}, defaultFileUploadProps, fileUpload);
+    }
+    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]; // 是否允许发送 关联文件
+    // 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,
+            clearText: function() {
+                setTextValue("");
+            },
+            getCanSendMsg: function() {
+                return canSendMsg;
+            },
+            stopMessage: function() {
+                stopMessage();
+            },
+            setReferences: function(reference) {
+                setReferencesSource(reference);
+            }
+        }, fileListRef.current);
+    });
+    useEffect(function() {
+        recordRef.current.value = textValue;
+        recordRef.current.referencesSource = referencesSource;
+        recordRef.current.sending = sending;
+    }, [
+        textValue,
+        referencesSource,
+        sending
+    ]);
+    // 是否允许发送消息
+    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: stopMessage
+        });
+        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();
+            // 在这里添加发送消息的逻辑
+            sendMsg(textValue);
+        }
+    };
+    // 发现消息
+    var sendMsg = function(value) {
+        if (value.trim().length === 0) return;
+        if (!canSendMsg) return;
+        console.log("发送消息：", value);
+        apiRef.contentApi.addMsg({
+            id: guidGenerator(),
+            createTime: new Date().getTime(),
+            content: value,
+            location: "right",
+            reference: recordRef.current.referencesSource,
+            source: null
+        });
+        sendMsgAjax();
+    };
+    var sendMsgAjax = function() {
+        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 ? {} : _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;
+        ctrl.current = new AbortController();
+        // apiRef
+        console.log("apiRef", apiRef);
+        var msgId = "inputing";
+        var createTime = new Date().getTime();
+        apiRef.contentApi.addMsg({
+            id: msgId,
+            createTime: createTime,
+            content: "正在输入...",
+            location: "left",
+            reference: null,
+            source: null
+        });
+        var msgContent = "";
+        setSending(true);
+        setTextValue("");
+        setReferencesSource(null);
+        var arg = [
+            recordRef.current.value,
+            recordRef.current.referencesSource,
+            fileListRef.current ? fileListRef.current.getFileList() : []
+        ];
+        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)),
+            openWhenHidden: true,
+            signal: ctrl.current.signal,
+            onopen: function(res) {
+                onOpen(res);
+                if (res.status === 200) {}
+                return null;
+            },
+            onmessage: function(ev) {
+                var data = onMessage(ev);
+                msgContent += data.content;
+                delete data.content;
+                apiRef.contentApi.updateMsg(msgId, _object_spread({
+                    createTime: createTime,
+                    content: msgContent,
+                    location: "left",
+                    reference: null,
+                    source: null
+                }, data));
+                msgId = data.id;
+            },
+            onclose: function() {
+                onClose();
+                setSending(false);
+                console.log("onclose: ", event);
+            },
+            onerror: function(err) {
+                onError(err);
+                console.log("onerror: ", err);
+            }
+        }, coverProps));
+    };
+    // 判断是否超出最大字数
+    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),
+        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", {
+                                    "stop-color": "#F87AFD"
+                                }),
+                                /*#__PURE__*/ _jsx("stop", {
+                                    offset: "1",
+                                    "stop-color": "#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", {
+                                    "stop-color": "#F87AFD"
+                                }),
+                                /*#__PURE__*/ _jsx("stop", {
+                                    offset: "1",
+                                    "stop-color": "#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,39 @@
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import React from "react";
+import styles from "./index.module.less";
+var referencesIcon = /*#__PURE__*/ _jsx("i", {
+    children: /*#__PURE__*/ _jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        viewBox: "0 0 20 20",
+        fill: "currentColor",
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M8.28467 5.03809C8.4743 4.91639 8.61455 4.90994 8.76123 5.10059C8.92876 5.31834 9.04161 5.46433 9.09912 5.53906C9.18641 5.65254 9.15264 5.80277 9.06201 5.87988C7.69541 6.75725 6.13959 8.64084 6.02295 9.32031C5.90632 9.99981 6.57509 9.82255 7.66846 10.3311C8.76173 10.8396 9.66644 12.6996 8.15674 14.165C6.64677 15.6306 3.66696 13.9994 4.10107 10.667C4.38007 8.52662 5.77465 6.65005 8.28467 5.03809ZM14.8931 5.03809C15.0828 4.91629 15.2239 4.90989 15.3706 5.10059C15.5383 5.31849 15.6511 5.46448 15.7085 5.53906C15.7958 5.65256 15.7611 5.80278 15.6704 5.87988C14.3038 6.75727 12.748 8.64086 12.6313 9.32031C12.5147 9.99975 13.1836 9.82261 14.2769 10.3311C15.3702 10.8395 16.2751 12.6995 14.7651 14.165C13.2552 15.6306 10.2754 13.9994 10.7095 10.667C10.9885 8.52661 12.3831 6.65005 14.8931 5.03809Z"
+        })
+    })
+});
+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);
+            apiRef.footerApi.setReferences({
+                type: "text",
+                value: item.content
+            });
+        }
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "".concat(getCls("msgItem-action-references")),
+        onClick: function() {
+            return clickFn();
+        },
+        children: referencesIcon
+    });
+};
+export default ReferencesIcon;

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

@@ -0,0 +1,13 @@
+.msgItem-action-references {
+  cursor: pointer;
+  border-radius: 2px;
+  display: flex;
+  line-height: 1;
+  & > i {
+    color: rgba(140, 140, 140, 1);
+    font-size: 20px;
+  }
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.04);
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { referenceType, fileUploadProps } from "../../type";
+interface IProps {
+    prefix: string;
+    referencesSource: referenceType;
+    fileUpload: boolean | fileUploadProps;
+    deleteReferences: () => void;
+}
+declare const References: (props: IProps) => React.JSX.Element;
+export default References;

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

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import React from "react";
+import styles from "./index.module.less";
+import { CloseCircleFilled } from "../../../icons";
+import { fileIconRender } from "../fileList/fileIcon";
+var References = function(props) {
+    var prefix = props.prefix, referencesSource = props.referencesSource, fileUpload = props.fileUpload, deleteReferences = props.deleteReferences;
+    var getCls = function(clsName) {
+        return styles[clsName] + " " + prefix + "-" + clsName;
+    };
+    if (!referencesSource) return null;
+    if (referencesSource.type === "text") {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "".concat(getCls("footerReferences")),
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: "".concat(getCls("footerReferences_left")),
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: "".concat(getCls("footerReferences_left_text")),
+                        children: referencesSource.value
+                    })
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "".concat(getCls("footerReferences_right")),
+                    children: /*#__PURE__*/ _jsx(CloseCircleFilled, {
+                        onPointerEnterCapture: undefined,
+                        onPointerLeaveCapture: undefined,
+                        onClick: function() {
+                            return deleteReferences();
+                        }
+                    })
+                })
+            ]
+        });
+    }
+    if (referencesSource.type === "file" && fileUpload) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "".concat(getCls("footerReferences")),
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: "".concat(getCls("footerReferences_left")),
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "".concat(getCls("footerReferences_left_file")),
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "".concat(getCls("footerReferences_left_file_icon")),
+                                children: fileIconRender(referencesSource.value.suffix, fileUpload.iconFileRender)
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "".concat(getCls("footerReferences_left_file_title")),
+                                title: referencesSource.value.name,
+                                children: referencesSource.value.name
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "".concat(getCls("footerReferences_right")),
+                    children: /*#__PURE__*/ _jsx(CloseCircleFilled, {
+                        onPointerEnterCapture: undefined,
+                        onPointerLeaveCapture: undefined,
+                        onClick: function() {
+                            return deleteReferences();
+                        }
+                    })
+                })
+            ]
+        });
+    }
+    return null;
+};
+export default References;