bhd-components 0.9.29 → 0.10.2

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { fileListProps, FileListRefProps } from "../../type";
+declare const FileList: React.ForwardRefExoticComponent<fileListProps & React.RefAttributes<FileListRefProps>>;
+export default FileList;

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

@@ -0,0 +1,325 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+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 } from "react";
+import styles from "./index.module.less";
+import { fileIconRender, statusRender } from "./fileIcon";
+import { CloseCircleFilled, DoubleRightOutlined } from "../../../icons";
+import { guidGenerator } from "../../../utils/number";
+import { Upload } from "antd";
+// 通过文件名 获取文件后缀
+var getSuffix = function(fileName) {
+    return fileName.split(".").pop().toLowerCase();
+};
+var FileList = /*#__PURE__*/ forwardRef(function(props, ref) {
+    var prefix = props.prefix, fileUpload = props.fileUpload, errorCallback = props.errorCallback, changeFileCanSending = props.changeFileCanSending;
+    console.log("fileUpload", fileUpload);
+    var _useState = _sliced_to_array(useState([]), 2), fileList = _useState[0], setFileList = _useState[1];
+    var _useState1 = _sliced_to_array(useState(1), 2), page = _useState1[0], setPage = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(5), 2), pageSize = _useState2[0], setPageSize = _useState2[1];
+    var recordObj = useRef({
+        page: page,
+        pageSize: pageSize,
+        fileList: fileList
+    });
+    useEffect(function() {
+        recordObj.current.page = page;
+        recordObj.current.pageSize = pageSize;
+        recordObj.current.fileList = fileList;
+    }, [
+        page,
+        pageSize,
+        fileList
+    ]);
+    useEffect(function() {
+        var flag = fileList.some(function(item) {
+            return [
+                "waiting",
+                "uploading",
+                "uploadError",
+                "waitParse",
+                "parsing",
+                "parsingError"
+            ].includes(item.status);
+        });
+        changeFileCanSending(!flag);
+    }, [
+        fileList
+    ]);
+    useImperativeHandle(ref, function() {
+        return {
+            addFile: addFile,
+            changePage: changePage,
+            deleteFile: deleteFile,
+            updateFile: updateFile,
+            getFileList: function() {
+                return recordObj.current.fileList;
+            },
+            vaildFile: vaildFile,
+            fileToCustomFile: fileToCustomFile
+        };
+    });
+    var getCls = function(clsName) {
+        return styles[clsName] + " " + prefix + "-" + clsName;
+    };
+    var vaildFile = function(file, fileId) {
+        if (fileUpload.maxCount > 0 && recordObj.current.fileList.length > fileUpload.maxCount) {
+            errorCallback({
+                type: "fileCountOver",
+                message: "上传失败，文件数量超过限制"
+            });
+            return false;
+        }
+        // fileUpload
+        var acceptList = fileUpload.accept.split(/[.,]/).filter(function(item) {
+            return !!item;
+        });
+        var suffix = getSuffix(file.name);
+        if (!acceptList.includes(suffix)) {
+            errorCallback({
+                type: "fileAcceptError",
+                message: "上传失败，文件格式错误"
+            });
+            return false;
+        }
+        if (file.size <= 0) {
+            errorCallback({
+                type: "fileSizeEmpty",
+                message: "上传失败，不支持上传空内容文件"
+            });
+            return false;
+        }
+        if (file.size > fileUpload.maxSize) {
+            errorCallback({
+                type: "fileSizeOver",
+                message: "上传失败，文件大小超过限制"
+            });
+            return false;
+        }
+        var flag = recordObj.current.fileList.some(function(item) {
+            if (fileId) {
+                return item.name === file.name && item.fileId !== fileId;
+            } else {
+                return item.name === file.name;
+            }
+        });
+        // 判断是否有同名文件
+        if (flag) {
+            errorCallback({
+                type: "fileNameExist",
+                message: "上传失败，文件已存在"
+            });
+            return false;
+        }
+        return true;
+    };
+    var addFile = function(file, fileId) {
+        console.log("addFileaddFile", file, fileUpload);
+        if (vaildFile(file, fileId)) {
+            // 等待上传
+            // 判断是否存在等待上传的文件
+            setFileList(function(fileList) {
+                var uploadingList = fileList.filter(function(item) {
+                    return item.status === "uploading";
+                });
+                if (uploadingList.length >= fileUpload.mapUploadCount) {
+                    if (fileId) {
+                        return fileList.map(function(item) {
+                            if (item.fileId === fileId) {
+                                var obj = fileToCustomFile(file, {});
+                                return {
+                                    name: obj.name,
+                                    suffix: obj.suffix,
+                                    fileId: fileId,
+                                    url: "",
+                                    status: "waiting",
+                                    source: file
+                                };
+                            }
+                            return item;
+                        });
+                    } else {
+                        return _to_consumable_array(fileList).concat([
+                            fileToCustomFile(file, {})
+                        ]);
+                    }
+                } else {
+                    uploadFile(file);
+                    if (fileId) {
+                        return fileList.map(function(item) {
+                            if (item.fileId === fileId) {
+                                var obj = fileToCustomFile(file, {});
+                                return {
+                                    name: obj.name,
+                                    suffix: obj.suffix,
+                                    fileId: fileId,
+                                    url: "",
+                                    status: "uploading",
+                                    source: file
+                                };
+                            }
+                            return item;
+                        });
+                    } else {
+                        return _to_consumable_array(fileList).concat([
+                            fileToCustomFile(file, {
+                                status: "uploading"
+                            })
+                        ]);
+                    }
+                }
+            });
+        }
+    };
+    var uploadFile = function(file) {
+        fileUpload.customRequest(file).then(function(res) {
+            setFileList(function(fileList) {
+                var list = fileList.map(function(item) {
+                    if (item.source === file) {
+                        return _object_spread({}, item, res);
+                    }
+                    return item;
+                });
+                var waitList = list.filter(function(item) {
+                    return item.status === "waiting";
+                });
+                if (waitList.length > 0) {
+                    list = list.map(function(item) {
+                        if (item.fileId === waitList[0].fileId) {
+                            return _object_spread_props(_object_spread({}, item), {
+                                status: "uploading"
+                            });
+                        }
+                        return item;
+                    });
+                    uploadFile(waitList[0].source);
+                }
+                return list;
+            });
+        });
+    };
+    // 删除文件
+    var deleteFile = function(fileId) {
+        setFileList(function(fileList) {
+            return fileList.filter(function(item) {
+                return item.fileId !== fileId;
+            });
+        });
+        // 删除文件时如果删除的是最后一条 则page-1
+        var _recordObj_current = recordObj.current, fileList = _recordObj_current.fileList, page = _recordObj_current.page, pageSize = _recordObj_current.pageSize;
+        var list = fileList.slice((page - 1) * pageSize, page * pageSize);
+        list = list.filter(function(item) {
+            return item.fileId !== fileId;
+        });
+        if (list.length === 0 && page > 1) {
+            changePage(page - 1);
+        }
+        fileUpload.deleteFileAjax && fileUpload.deleteFileAjax(fileId);
+    };
+    // 更新文件状态
+    var updateFile = function(fileId, status) {
+        setFileList(function(fileList) {
+            return fileList.map(function(item) {
+                if (item.fileId === fileId) {
+                    return _object_spread_props(_object_spread({}, item), {
+                        status: status
+                    });
+                }
+                return item;
+            });
+        });
+    };
+    // file to customFile
+    var fileToCustomFile = function(file, params) {
+        var customFile = {
+            name: file.name,
+            suffix: getSuffix(file.name),
+            fileId: params.fileId || guidGenerator(),
+            url: params.url || "",
+            status: params.status || "waiting",
+            source: file
+        };
+        return customFile;
+    };
+    var changePage = function(page) {
+        setPage(page);
+        setPageSize(pageSize);
+    };
+    var list = fileList.slice((page - 1) * pageSize, page * pageSize);
+    if (list.length === 0) return null;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "".concat(getCls("footer-fileList-wrapper")),
+        children: [
+            page !== 1 && /*#__PURE__*/ _jsx("div", {
+                className: "".concat(getCls("footer-fileList-pre")),
+                onClick: function() {
+                    return changePage(page - 1);
+                },
+                children: /*#__PURE__*/ _jsx(DoubleRightOutlined, {
+                    onPointerEnterCapture: undefined,
+                    onPointerLeaveCapture: undefined
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "".concat(getCls("footer-fileList-list")),
+                children: list.map(function(item) {
+                    return /*#__PURE__*/ _jsxs("div", {
+                        className: "".concat(getCls("footer-fileList-listItem")),
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "".concat(getCls("footer-fileList-listItem-icon")),
+                                children: fileIconRender(item.suffix, fileUpload.iconFileRender)
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "".concat(getCls("footer-fileList-listItem-text")),
+                                title: item.name,
+                                children: item.name
+                            }),
+                            item.status === "uploadError" ? /*#__PURE__*/ _jsx(Upload, {
+                                fileList: [],
+                                accept: fileUpload.accept,
+                                customRequest: function(options) {
+                                    return addFile(options.file, item.fileId);
+                                },
+                                multiple: false,
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "".concat(getCls("footer-fileList-listItem-status")),
+                                    style: {
+                                        cursor: "pointer"
+                                    },
+                                    children: statusRender(item.status, fileUpload.statusText)
+                                })
+                            }) : /*#__PURE__*/ _jsx("div", {
+                                className: "".concat(getCls("footer-fileList-listItem-status")),
+                                children: statusRender(item.status, fileUpload.statusText)
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "".concat(getCls("footer-fileList-listItem-delete")),
+                                children: /*#__PURE__*/ _jsx(CloseCircleFilled, {
+                                    onPointerEnterCapture: undefined,
+                                    onPointerLeaveCapture: undefined,
+                                    onClick: function() {
+                                        return deleteFile(item.fileId);
+                                    }
+                                })
+                            })
+                        ]
+                    }, item.fileId);
+                })
+            }),
+            page * pageSize < fileList.length && /*#__PURE__*/ _jsx("div", {
+                className: "".concat(getCls("footer-fileList-next")),
+                onClick: function() {
+                    return changePage(page + 1);
+                },
+                children: /*#__PURE__*/ _jsx(DoubleRightOutlined, {
+                    onPointerEnterCapture: undefined,
+                    onPointerLeaveCapture: undefined
+                })
+            })
+        ]
+    });
+});
+export default FileList;

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

@@ -0,0 +1,95 @@
+.footer-fileList-wrapper {
+  width: 100%;
+  position: relative;
+  padding: 12px 16px;
+  box-sizing: border-box;
+  .footer-fileList-list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    .footer-fileList-listItem {
+      width: 100%;
+      position: relative;
+      display: flex;
+      overflow: hidden;
+      padding: 8px 12px;
+      box-sizing: border-box;
+      gap: 12px;
+      border-radius: 8px;
+      border: 1px solid #ebebeb;
+      background: rgba(0, 0, 0, 0.02);
+      align-items: center;
+      .footer-fileList-listItem-icon {
+        flex-shrink: 0;
+        & > i {
+          font-size: 24px;
+          display: flex;
+        }
+      }
+      .footer-fileList-listItem-text {
+        flex: 1;
+        overflow: hidden;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        color: rgba(0, 0, 0, 0.65);
+        font-size: 14px;
+        font-weight: 400;
+        white-space: nowrap;
+      }
+      .footer-fileList-listItem-status {
+        flex-shrink: 0;
+      }
+      .footer-fileList-listItem-delete {
+        position: absolute;
+        right: 0;
+        top: 0;
+        display: none;
+        cursor: pointer;
+      }
+
+      &:hover {
+        background: rgba(0, 0, 0, 0.06);
+        .footer-fileList-listItem-delete {
+          display: flex;
+        }
+      }
+    }
+  }
+  .footer-fileList-pre {
+    display: flex;
+    justify-content: center;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    top: -8px;
+    z-index: 2;
+    :global {
+      .anticon-double-right {
+        font-size: 16px;
+        transform: rotate(-90deg);
+        color: #595959;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .footer-fileList-next {
+    display: flex;
+    justify-content: center;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: -8px;
+    z-index: 2;
+    :global {
+      .anticon-double-right {
+        font-size: 16px;
+        transform: rotate(90deg);
+        color: #595959;
+        cursor: pointer;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { footerConfigProps, footerRefProps, errorMessageProps, AIMessageListRefProps } from "../../type";
+interface IProps {
+    footerConfig: footerConfigProps;
+    prefix: string;
+    errorCallback: (error: errorMessageProps) => void;
+    apiRef: AIMessageListRefProps;
+}
+declare const Footer: React.ForwardRefExoticComponent<IProps & React.RefAttributes<footerRefProps>>;
+export default Footer;