bhd-components 0.10.32 → 0.10.33

package/esm/AIMessageList/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
-import type { AIMessageListProps, AIMessageListRefProps } from "./type";
-declare const AIMessageList: React.ForwardRefExoticComponent<AIMessageListProps & React.RefAttributes<AIMessageListRefProps>>;
-export default AIMessageList;
+import * as React from "react";
+import type { AIMessageListProps, AIMessageListRefProps } from "./type";
+declare const AIMessageList: React.ForwardRefExoticComponent<AIMessageListProps & React.RefAttributes<AIMessageListRefProps>>;
+export default AIMessageList;

package/esm/AIMessageList/index.module.less

@@ -1,20 +1,20 @@
-.root {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background: #f5f5f5;
-  overflow: hidden;
-  .rootHeader {
-    width: 100%;
-    flex-shrink: 0;
-  }
-  .rootContent {
-    width: 100%;
-    flex: 1;
-  }
-  .rootFooter {
-    width: 100%;
-    flex-shrink: 0;
-  }
-}
+.root {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #f5f5f5;
+  overflow: hidden;
+  .rootHeader {
+    width: 100%;
+    flex-shrink: 0;
+  }
+  .rootContent {
+    width: 100%;
+    flex: 1;
+  }
+  .rootFooter {
+    width: 100%;
+    flex-shrink: 0;
+  }
+}

package/esm/AIMessageList/type.d.ts

@@ -1,310 +1,310 @@
-export interface AIMessageListProps {
-  prefix?: string; // 类名前缀 默认为 "bhd-AIMessageList"
-  className?: string; //全局的className
-  headerConfig: headerConfigProps;
-  footerConfig: footerConfigProps;
-  contentConfig: contentConfigProps;
-  errorCallback?: (error: errorMessageProps) => void;
-
-  // sendMsgAjax: () => any; //发送消息
-}
-
-export interface AIMessageListRefProps {
-  footerApi: footerRefProps;
-  contentApi: contentRefProps;
-}
-
-// header Props
-
-export interface headerConfigProps {
-  icon?: React.ReactNode; // 不传存在默认图标
-  title: React.ReactNode;
-  className?: string;
-  renderRightHead?: () => React.ReactNode; // 右侧区域的自定义渲染
-}
-
-export interface msgActionProps {
-  renderLeft?: (
-    copyNode: React.ReactNode,
-    referencesNode: React.ReactNode,
-    upVoteNode: React.ReactNode,
-    downVoteNode: React.ReactNode,
-    refreshNode:React.ReactNode,
-  ) => React.ReactNode;
-  renderRight?: (
-    copyNode: React.ReactNode,
-    referencesNode: React.ReactNode,
-    upVoteNode: React.ReactNode,
-    downVoteNode: React.ReactNode,
-    refreshNode:React.ReactNode,
-  ) => React.ReactNode;
-}
-
-export interface contentConfigProps {
-  className?: string;
-  msgAction?: string[] | msgActionProps;
-  // transformItem:(item: any) => dataItemType;
-  getList: (
-    page: number,
-    pageSize: number
-  ) => Promise<{
-    total: number;
-    dataSource: dataItemType[];
-  }>; // 列表数据
-  loadMore?: boolean; // 是否开启加载更多  // 默认为true
-  helloMsg?: string; //欢迎语
-  pageSize?: number; //每页数量 默认为30
-  coverRenderText?: (item, html) => React.ReactNode; // 覆盖文本内容
-  coverRenderReferences?: (
-    item: dataItemType,
-    referenceNode: React.ReactNode
-  ) => React.ReactNode; //覆盖引用内容
-  onRecordMessage?: (item: dataItemType) => void; // 发送和接收的消息记录
-  onVoteChange?: (type:string,item: dataItemType) => void; // 点赞 或踩
-  onRefresh?: (item:dataItemType) => void;// 刷新
-  fileCustomRender?: {// 文件对象的自定义渲染
-    iconFileRender?: (suffix: string) => React.ReactNode; // 文件上传的 icon。参数 文件对象file 返回值为图标
-    fileTitleRender?: (item: dataItemType) => React.ReactNode;
-    fileRender?: (item: dataItemType) => React.ReactNode;
-  };
-  onSendedHelloMsg?:()=>void;//发送招呼语之后
-}
-
-// content props
-
-export interface contentProps {
-  prefix: string;
-  contentConfig: contentConfigProps;
-  apiRef: AIMessageListRefProps;
-}
-
-// footer Props
-
-export interface footerConfigProps {
-  placeholder?: string; // placeholder 默认值为“请输入内容”
-  className?: string;
-  maxLength?: number | ((value: string) => boolean); //字符长度 默认500
-  renderAction?: (
-    sendBtn: React.ReactNode,
-    uploadFileBtn: React.ReactNode
-  ) => React.ReactNode; // 自定义渲染操作栏
-  fileUpload?: boolean | fileUploadProps; // 默认为false
-  sendMsgAjaxParams: sendMsgAjaxParams;
-  onClickStop?: () => void;
-  conversionContent?:(content:string)=>string
-}
-
-export interface onOpenProps {
-  retryFetch: () => void; // 重试
-  stopMessage: () => void;
-}
-
-export interface sendMsgAjaxParams {
-  url: string;
-  method?: string;
-  headers?: () => object;
-  params: (
-    value: string,
-    refereces: referenceType,
-    fileList: fileCustomProps[],
-    beforeInfo: any
-  ) => string;
-  onOpen?: (res: Response, onOpenProps: onOpenProps) => void;
-  onMessage?: (ev: EventSourceMessage,closeCallback:()=>void,bodyParams:string,msgId:string) => { id: string; content: string };
-  onClose?: () => void;
-  onError?: (err: any) => void;
-  coverProps?: object;
-  beforeSendMsg: (
-    value: string,
-    refereces: referenceType,
-    fileList: fileCustomProps[]
-  ) => Promise<any>;
-}
-
-// footer file Props
-// 文件上传(需覆盖两种场景：存在解析和不存在解析的场景) flase 则不显示文件上传的 icon
-export interface fileUploadProps {
-  accept?: string; //文件类型 默认值 ".pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.txt,.text,.png,.jpg,.jpeg,.gif,.webp"
-  maxCount?: number; // 上传文件数量限制 -1为不限制 默认为10
-  maxSize?: number; // 默认为50Mb 目前不考虑切片上传 业务上不要设置太大
-  multiple?: boolean; // 是否允许多选
-  customRequest: (file: File) => Promise<{
-    url: string;
-    fileId: string;
-    source: File;
-    status: fileStatus;
-  }>; // 自定义上传方法
-  mapUploadCount?: number; // 并发上传的数量 默认为1
-  deleteFileAjax?: (
-    fileId: string,
-    file: fileCustomProps
-  ) => Promise<{ fileId: string }>; // 删除文件的ajax 返回删除文件的fileId
-  statusText?: (status: fileStatus) => React.ReactNode; // 自定义状态显示
-  parseFileAjax?: (fileId: string) => { status: fileStatus; fileId; string }; //文件解析的 ajax 请求 如不存在解析过程，可在此函数内直接返回上传成功的状态
-  iconFileRender?: (suffix: string) => React.ReactNode; // 文件上传的 icon。参数 文件对象file 返回值为图标
-}
-
-// file status  文件状态
-// 等待上传/上传中/上传失败/等待解析/解析中/解析成功/解析失败/上传成功
-export type fileStatus =
-  | "waiting"
-  | "uploading"
-  | "uploadError"
-  | "waitParse"
-  | "parsing"
-  | "parsingError"
-  | "success";
-
-// footer Ref Props
-
-export interface footerRefProps {
-  setTextValue: (value: string) => void; // 设置输入框的值
-  sendMsg: (value: string) => void; // 发送消息
-  refreshSendMsg:(msgId:string,value:string,reference?:any,fileList?:any)=>void;// 刷新消息
-  sendMsgLeft:(msgId:string,value:string,reference?:any,fileList?:any)=>void;// 发送消息只显示ai返回的 不显示自己发送的
-  clearText: () => void; // 清空输入框
-  getCanSendMsg: () => boolean; //获取当前是否允许发送消息的状态
-  stopMessage: () => void; //停止发送消息
-  setReferences: (reference: referenceType) => void; // 添加引用
-}
-
-// sendBtn Props
-
-export interface sendBtnProps {
-  prefix: string;
-  canSendMsg: boolean;
-  sending: boolean;
-  stopMessage: () => void;
-  clickFn?: () => void;
-}
-
-// uploadFileBtn Props
-export interface uploadFileBtnProps {
-  prefix: string;
-  fileUpload: fileUploadProps;
-  customRequest: (options: any) => void;
-}
-
-export interface VoteBtnProps {
-  prefix: string;
-  clickFn: () => void;
-  isActive: boolean;
-}
-
-export interface refreshBtnProps{
-  prefix:string;
-  clickFn:()=>void;
-}
-
-// fileList Props
-
-export interface fileListProps {
-  prefix: string;
-  fileUpload: fileUploadProps;
-  errorCallback: (error: errorMessageProps) => void;
-  changeFileCanSending: (flag: boolean) => void;
-  onChange:(obj:{page:number,pageSize:number,fileList:fileCustomProps[]})=>void
-}
-
-// file 自定义对象
-
-export interface fileCustomProps {
-  name: string;
-  suffix: string;
-  fileId: string;
-  url: string;
-  status: fileStatus | undefined;
-  source: File | undefined;
-  size:number
-}
-
-// FileList 组件 ref props
-
-export interface FileListRefProps {
-  addFile: (file: File) => void;
-  changePage: (page: number) => void;
-  deleteFile: (fileId: string) => void;
-  updateFile: (fileId: string, status: fileStatus) => void;
-  getFileList: () => fileCustomProps[];
-  vaildFile: (file: File, fileId?: string) => boolean; // 校验文件是否合规
-  fileToCustomFile: (file: File, params: any) => fileCustomProps;
-  clearFileList: () => void;
-}
-
-// error Message
-
-export interface errorMessageProps {
-  type: errorMessageType;
-  message: string;
-}
-/*  
-  fileAcceptError 文件类型错误
-  fileSizeEmpty 文件大小为空
-  fileSizeOver 文件大小超出限制
-  fileCountOver 文件数量超出限制
-  fileNameExist 文件名称已存在
-*/
-export type errorMessageType =
-  | "fileAcceptError"
-  | "fileSizeEmpty"
-  | "fileSizeOver"
-  | "fileCountOver"
-  | "fileNameExist";
-
-// 引用数据类型
-
-export type referenceType = referenceTypeText | referenceTypeFile;
-
-export type referenceTypeText = {
-  type: "text";
-  value: string;
-  source:any;
-};
-
-export type referenceTypeFile = {
-  type: "file";
-  value: fileCustomProps;
-  source:any;
-};
-
-export interface VirtuosoListProps {
-  prefix: string;
-  contentConfig: contentConfigProps;
-  apiRef: AIMessageListRefProps;
-}
-
-export interface VirtuosoListRefProps {
-  addMsg: (msg: dataItemType) => void;
-  updateMsg: (id: string, obj: any) => void;
-  clearInputing: () => void; //清楚正在输入的inputing
-  recordMsg: (item: dataItemType) => void;
-  getDataSource: () => dataItemType[];
-  upateDataSource:(id:string,obj:dataItemType)=>void;
-  changeDataSource:(list:dataItemType[])=>void;
-  scrollToBottom: () => void;
-  setSendingId:(id:string)=>void;
-}
-
-export interface contentRefProps extends VirtuosoListRefProps {}
-
-export interface EventSourceMessage {
-  id: string;
-  event: string;
-  data: string;
-  retry?: number;
-}
-
-export interface dataItemType {
-  id: string; // 唯一id
-  createTime: string | number; //创建时间
-  content: string; //消息内容
-  location: "left" | "right"; // 消息显示在左边还是右边
-  reference: referenceType | null; // 引用数据
-  source: any; //原消息对象
-  vote?:string;// "up":点赞。"down":踩
-  type?:"file"|"text",
-  suffix?:string;
-  fileTitle?:string;
-  fileList?:fileCustomProps[];
-  hideAction?:boolean;
-}
+export interface AIMessageListProps {
+  prefix?: string; // 类名前缀 默认为 "bhd-AIMessageList"
+  className?: string; //全局的className
+  headerConfig: headerConfigProps;
+  footerConfig: footerConfigProps;
+  contentConfig: contentConfigProps;
+  errorCallback?: (error: errorMessageProps) => void;
+
+  // sendMsgAjax: () => any; //发送消息
+}
+
+export interface AIMessageListRefProps {
+  footerApi: footerRefProps;
+  contentApi: contentRefProps;
+}
+
+// header Props
+
+export interface headerConfigProps {
+  icon?: React.ReactNode; // 不传存在默认图标
+  title: React.ReactNode;
+  className?: string;
+  renderRightHead?: () => React.ReactNode; // 右侧区域的自定义渲染
+}
+
+export interface msgActionProps {
+  renderLeft?: (
+    copyNode: React.ReactNode,
+    referencesNode: React.ReactNode,
+    upVoteNode: React.ReactNode,
+    downVoteNode: React.ReactNode,
+    refreshNode:React.ReactNode,
+  ) => React.ReactNode;
+  renderRight?: (
+    copyNode: React.ReactNode,
+    referencesNode: React.ReactNode,
+    upVoteNode: React.ReactNode,
+    downVoteNode: React.ReactNode,
+    refreshNode:React.ReactNode,
+  ) => React.ReactNode;
+}
+
+export interface contentConfigProps {
+  className?: string;
+  msgAction?: string[] | msgActionProps;
+  // transformItem:(item: any) => dataItemType;
+  getList: (
+    page: number,
+    pageSize: number
+  ) => Promise<{
+    total: number;
+    dataSource: dataItemType[];
+  }>; // 列表数据
+  loadMore?: boolean; // 是否开启加载更多  // 默认为true
+  helloMsg?: string; //欢迎语
+  pageSize?: number; //每页数量 默认为30
+  coverRenderText?: (item, html) => React.ReactNode; // 覆盖文本内容
+  coverRenderReferences?: (
+    item: dataItemType,
+    referenceNode: React.ReactNode
+  ) => React.ReactNode; //覆盖引用内容
+  onRecordMessage?: (item: dataItemType) => void; // 发送和接收的消息记录
+  onVoteChange?: (type:string,item: dataItemType) => void; // 点赞 或踩
+  onRefresh?: (item:dataItemType) => void;// 刷新
+  fileCustomRender?: {// 文件对象的自定义渲染
+    iconFileRender?: (suffix: string) => React.ReactNode; // 文件上传的 icon。参数 文件对象file 返回值为图标
+    fileTitleRender?: (item: dataItemType) => React.ReactNode;
+    fileRender?: (item: dataItemType) => React.ReactNode;
+  };
+  onSendedHelloMsg?:()=>void;//发送招呼语之后
+}
+
+// content props
+
+export interface contentProps {
+  prefix: string;
+  contentConfig: contentConfigProps;
+  apiRef: AIMessageListRefProps;
+}
+
+// footer Props
+
+export interface footerConfigProps {
+  placeholder?: string; // placeholder 默认值为“请输入内容”
+  className?: string;
+  maxLength?: number | ((value: string) => boolean); //字符长度 默认500
+  renderAction?: (
+    sendBtn: React.ReactNode,
+    uploadFileBtn: React.ReactNode
+  ) => React.ReactNode; // 自定义渲染操作栏
+  fileUpload?: boolean | fileUploadProps; // 默认为false
+  sendMsgAjaxParams: sendMsgAjaxParams;
+  onClickStop?: () => void;
+  conversionContent?:(content:string)=>string
+}
+
+export interface onOpenProps {
+  retryFetch: () => void; // 重试
+  stopMessage: () => void;
+}
+
+export interface sendMsgAjaxParams {
+  url: string;
+  method?: string;
+  headers?: () => object;
+  params: (
+    value: string,
+    refereces: referenceType,
+    fileList: fileCustomProps[],
+    beforeInfo: any
+  ) => string;
+  onOpen?: (res: Response, onOpenProps: onOpenProps) => void;
+  onMessage?: (ev: EventSourceMessage,closeCallback:()=>void,bodyParams:string,msgId:string) => { id: string; content: string };
+  onClose?: () => void;
+  onError?: (err: any) => void;
+  coverProps?: object;
+  beforeSendMsg: (
+    value: string,
+    refereces: referenceType,
+    fileList: fileCustomProps[]
+  ) => Promise<any>;
+}
+
+// footer file Props
+// 文件上传(需覆盖两种场景：存在解析和不存在解析的场景) flase 则不显示文件上传的 icon
+export interface fileUploadProps {
+  accept?: string; //文件类型 默认值 ".pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.txt,.text,.png,.jpg,.jpeg,.gif,.webp"
+  maxCount?: number; // 上传文件数量限制 -1为不限制 默认为10
+  maxSize?: number; // 默认为50Mb 目前不考虑切片上传 业务上不要设置太大
+  multiple?: boolean; // 是否允许多选
+  customRequest: (file: File) => Promise<{
+    url: string;
+    fileId: string;
+    source: File;
+    status: fileStatus;
+  }>; // 自定义上传方法
+  mapUploadCount?: number; // 并发上传的数量 默认为1
+  deleteFileAjax?: (
+    fileId: string,
+    file: fileCustomProps
+  ) => Promise<{ fileId: string }>; // 删除文件的ajax 返回删除文件的fileId
+  statusText?: (status: fileStatus) => React.ReactNode; // 自定义状态显示
+  parseFileAjax?: (fileId: string) => { status: fileStatus; fileId; string }; //文件解析的 ajax 请求 如不存在解析过程，可在此函数内直接返回上传成功的状态
+  iconFileRender?: (suffix: string) => React.ReactNode; // 文件上传的 icon。参数 文件对象file 返回值为图标
+}
+
+// file status  文件状态
+// 等待上传/上传中/上传失败/等待解析/解析中/解析成功/解析失败/上传成功
+export type fileStatus =
+  | "waiting"
+  | "uploading"
+  | "uploadError"
+  | "waitParse"
+  | "parsing"
+  | "parsingError"
+  | "success";
+
+// footer Ref Props
+
+export interface footerRefProps {
+  setTextValue: (value: string) => void; // 设置输入框的值
+  sendMsg: (value: string) => void; // 发送消息
+  refreshSendMsg:(msgId:string,value:string,reference?:any,fileList?:any)=>void;// 刷新消息
+  sendMsgLeft:(msgId:string,value:string,reference?:any,fileList?:any)=>void;// 发送消息只显示ai返回的 不显示自己发送的
+  clearText: () => void; // 清空输入框
+  getCanSendMsg: () => boolean; //获取当前是否允许发送消息的状态
+  stopMessage: () => void; //停止发送消息
+  setReferences: (reference: referenceType) => void; // 添加引用
+}
+
+// sendBtn Props
+
+export interface sendBtnProps {
+  prefix: string;
+  canSendMsg: boolean;
+  sending: boolean;
+  stopMessage: () => void;
+  clickFn?: () => void;
+}
+
+// uploadFileBtn Props
+export interface uploadFileBtnProps {
+  prefix: string;
+  fileUpload: fileUploadProps;
+  customRequest: (options: any) => void;
+}
+
+export interface VoteBtnProps {
+  prefix: string;
+  clickFn: () => void;
+  isActive: boolean;
+}
+
+export interface refreshBtnProps{
+  prefix:string;
+  clickFn:()=>void;
+}
+
+// fileList Props
+
+export interface fileListProps {
+  prefix: string;
+  fileUpload: fileUploadProps;
+  errorCallback: (error: errorMessageProps) => void;
+  changeFileCanSending: (flag: boolean) => void;
+  onChange:(obj:{page:number,pageSize:number,fileList:fileCustomProps[]})=>void
+}
+
+// file 自定义对象
+
+export interface fileCustomProps {
+  name: string;
+  suffix: string;
+  fileId: string;
+  url: string;
+  status: fileStatus | undefined;
+  source: File | undefined;
+  size:number
+}
+
+// FileList 组件 ref props
+
+export interface FileListRefProps {
+  addFile: (file: File) => void;
+  changePage: (page: number) => void;
+  deleteFile: (fileId: string) => void;
+  updateFile: (fileId: string, status: fileStatus) => void;
+  getFileList: () => fileCustomProps[];
+  vaildFile: (file: File, fileId?: string) => boolean; // 校验文件是否合规
+  fileToCustomFile: (file: File, params: any) => fileCustomProps;
+  clearFileList: () => void;
+}
+
+// error Message
+
+export interface errorMessageProps {
+  type: errorMessageType;
+  message: string;
+}
+/*  
+  fileAcceptError 文件类型错误
+  fileSizeEmpty 文件大小为空
+  fileSizeOver 文件大小超出限制
+  fileCountOver 文件数量超出限制
+  fileNameExist 文件名称已存在
+*/
+export type errorMessageType =
+  | "fileAcceptError"
+  | "fileSizeEmpty"
+  | "fileSizeOver"
+  | "fileCountOver"
+  | "fileNameExist";
+
+// 引用数据类型
+
+export type referenceType = referenceTypeText | referenceTypeFile;
+
+export type referenceTypeText = {
+  type: "text";
+  value: string;
+  source:any;
+};
+
+export type referenceTypeFile = {
+  type: "file";
+  value: fileCustomProps;
+  source:any;
+};
+
+export interface VirtuosoListProps {
+  prefix: string;
+  contentConfig: contentConfigProps;
+  apiRef: AIMessageListRefProps;
+}
+
+export interface VirtuosoListRefProps {
+  addMsg: (msg: dataItemType) => void;
+  updateMsg: (id: string, obj: any) => void;
+  clearInputing: () => void; //清楚正在输入的inputing
+  recordMsg: (item: dataItemType) => void;
+  getDataSource: () => dataItemType[];
+  upateDataSource:(id:string,obj:dataItemType)=>void;
+  changeDataSource:(list:dataItemType[])=>void;
+  scrollToBottom: () => void;
+  setSendingId:(id:string)=>void;
+}
+
+export interface contentRefProps extends VirtuosoListRefProps {}
+
+export interface EventSourceMessage {
+  id: string;
+  event: string;
+  data: string;
+  retry?: number;
+}
+
+export interface dataItemType {
+  id: string; // 唯一id
+  createTime: string | number; //创建时间
+  content: string; //消息内容
+  location: "left" | "right"; // 消息显示在左边还是右边
+  reference: referenceType | null; // 引用数据
+  source: any; //原消息对象
+  vote?:string;// "up":点赞。"down":踩
+  type?:"file"|"text",
+  suffix?:string;
+  fileTitle?:string;
+  fileList?:fileCustomProps[];
+  hideAction?:boolean;
+}